Npcink Blog
切换菜单

石蒜模拟器 - 网页上添加一个棒棒糖小人装饰

Github 开源项目"Sakana!"提供网页棒棒糖小人装饰组件。主要功能包括：可拖拽弹跳的立牌效果、点击底座切换角色、支持手机陀螺仪摇动操作。项目待完善功能包含自走模式随机施力、音效系统、多语言支持等。开发者可通过引入 CDN 脚本快速集成到个人网站，支持自定义缩放比例和角色切换参数。

最后更新于
本页目录2 节

功能介绍

  • 按住立牌拖拽、松手后立牌会向反方向弹跳

  • 点击底座切换角色

  • 手机开启陀螺仪权限、摇一摇可甩动立牌 #12 待解决

  • 自走模式，以随机间隔、施加一个大小随机的力 #7 @milkybird98

  • 音效，在适当区间松手时的语音效果 #9 @zthxxx

  • 多语言支持 #26 @dsrkafuu

引入到个人网站

<div class="sakana-box"></div>
<script src="https://cdn.jsdelivr.net/npm/sakana"></script>
<script>
Sakana.init({
  el:         '.sakana-box',     // 启动元素 node 或 选择器
  scale:      .5,                // 缩放倍数
  canSwitchCharacter: true,      // 允许换角色
});
</script>