Github開源項(xiàng)目"Sakana!"提供網(wǎng)頁棒棒糖小人裝飾組件。主要功能包括：可拖拽彈跳的立牌效果、點(diǎn)擊底座切換角色、支持手機(jī)陀螺儀搖動(dòng)操作。項(xiàng)目待完善功能包含自走模式隨機(jī)施力、音效系統(tǒng)、多語言支持等。開發(fā)者可通過引入CDN腳本快速集成到個(gè)人網(wǎng)站，支持自定義縮放比例和角色切換參數(shù)。
功能介紹
- 按住立牌拖拽、松手后立牌會(huì)向反方向彈跳
- 點(diǎn)擊底座切換角色
- 手機(jī)開啟陀螺儀權(quán)限、搖一搖可甩動(dòng)立牌?#12 待解決
- 自走模式，以隨機(jī)間隔、施加一個(gè)大小隨機(jī)的力?#7?@milkybird98
- 音效，在適當(dāng)區(qū)間松手時(shí)的語音效果?#9?@zthxxx
- 多語言支持?#26?@dsrkafuu
引入到個(gè)人網(wǎng)站
<div class="sakana-box"></div>
<script src="https://cdn.jsdelivr.net/npm/sakana"></script>
<script>
Sakana.init({
el: '.sakana-box', // 啟動(dòng)元素 node 或 選擇器
scale: .5, // 縮放倍數(shù)
canSwitchCharacter: true, // 允許換角色
});
</script>