这是一款基于原生 JavaScript、CSS 像素图与定时动作技术实现的由松鼠运送胶囊的像素扭蛋机。透明箱体里堆着彩色胶囊，转动手柄一圈，松鼠会跳出、抓取一枚胶囊，再把它推到出口。新增的“转动一次”按钮可直接触发同样流程，方便触屏和键盘操作。打开胶囊后，小玩具会进入收藏区，整体是一套带过程表演的前端互动。

像素扭蛋机的胶囊与松鼠怎样配合

胶囊带简化运动模拟。重力、摩擦、碰撞和旋转让箱内胶囊持续调整位置。
松鼠动作按步骤串联。跳出、移动、抓取和滚送都有独立姿态与延时。
出蛋流程有操作锁。运送过程中暂时限制重复触发，避免多轮动画互相打断。

简化运动与动作队列如何组织出蛋流程

胶囊保存位置和速度，通过定时更新产生运动；松鼠使用动作数组串起姿态与位置变化。CSS 中的像素纹理以嵌入图像保存，因此没有额外玩具图片目录。收藏与出蛋是页面内状态，不包含账户或服务器库存。

friction: 0.9,

松鼠扭蛋机的玩具与动作节奏在哪里修改

胶囊数量、重力和动作延时在 script.js，玩具候选由 getRandomToy 返回；机器外观、姿态纹理和颜色在 style.css。调整机器尺寸时，需要同步检查胶囊半径、取蛋坐标和手柄轴心。

扭蛋演示的操作方式与业务范围

一定要用鼠标转满一圈吗？

保留原手柄玩法，也可以点击“转动一次”按钮触发相同出蛋流程。运送过程中请等待动作完成。

会不会一直重复得到同样玩具？

玩具从预设候选中随机分配，没有保底、去重或概率配置后台。当前更适合互动演示。

能接实际商品库存吗？

需要另行设计服务端库存、结果分配与状态校验，不能把页面里的随机数当成真实发货结果。

适合像素互动、玩具收藏演示和趣味活动页面。下载后可查看松鼠扭蛋机的完整结构与参数，按自己的内容继续调整。