收集内容大多来自codepen，可以线上运行，在线游玩，也可以下载下来学习。包含内容Three.js游戏，纯CSS游戏、数字逻辑游戏、射击游戏、扭蛋机等。

本文已参与「新人创作礼」活动，一起开启掘金创作之路。 最近新增一个抽奖小模块，就是扭蛋机的形式，产品给了参考网页，奈何不好扒下来用，只得自己动手干了，不多bb，先看效果吧！ 效果图： 动画分析 由上面

新年第一天来一年ts加webpack的phaser教学，一边学习一边记录所踩的坑，后面争取完成个回合制小游戏。

最近有一款“合成大西瓜”的小游戏有点火，试玩了一下，玩法比较简单，实现难度也不大，所以参照游戏原型自己实现了一下，游戏开发主要使用了 Phaser 游戏框架，本文主要分享游戏功能的具体实现，对框架使用的 API 不会做过多介绍。 游戏的玩法在于合理控制下落的点避免空间的浪费，在…

canvas、phaser、TS canvas的一些小交互游戏是互动营销的重要表现方式。我们由浅入深逐步了解、掌握、熟悉h5游戏开发

实现的效果是模仿京东购物后的抽奖来做的，其中的转盘转动时间可以手动配置，点击立即抽奖，在随机时间内转盘停止转动，转盘隐藏，奖品dom展示，展示的奖励是在转盘中的8项奖励中随机取3个，展示出来

老虎机的整体外观样式还是比较好写的，对老虎机的外观布局如果有兴趣的话可以直接参考代码，小编就不一一介绍了。文章主要介绍的是老虎机中间三个小格子和机身动画的一些实现要点。（读者想实操的话也可以自己找一张背景图当作老虎机的背景，这里小编只是自己好奇而已所以就用各种基础布局和样式实现…

confetti（婚礼、狂欢节中抛撒的）五彩纸屑；（旧时狂欢节或庆祝场合抛撒的）糖果 我们偶尔会看到一些网站一打开页面就会出现这种效果: 当然这个是一直在放，有的是由多到少地放。 这个用的仓库是htt

我们将会用50行不到的代码来实现一个3D模拟撒金币动效。你只需要一点Egret基础就能够快速上手，如果你不了解Egret，这里有一篇3分钟创建hello world来带你快速入门。 图片序列帧在工程的design/coin下。我们需要用TextureMerge工具来创建一个精灵…