收集内容大多来自codepen，可以线上运行，在线游玩，也可以下载下来学习。包含内容Three.js游戏，纯CSS游戏、数字逻辑游戏、射击游戏、扭蛋机等。
案例链接
01. Threejs game - dont hit the spikes
基于Threejs的躲避尖刺游戏
- 按左右可以进行左右移动，
- 按上可以旋转整个场景。
- 随着得分变多，速度会越来越快，
- 碰到尖刺得分清零，回到初始位置。
02. 2048 (codepen.io)
2048~
03. Tower Blocks
方块从左右出现，逐层叠加，保留和上一个相同的区域，多一层得分加1。
04. Platform game engine
小球移动
- 可以上下左右移动
- 途中的道具通过不同颜色表示
- 变成黑色还能隐身。。。
05. Stick Hero with Canvas
点击屏幕生成棍子，长度随时间变化，目标搭上下一个柱子。
06. Bullseye Game
射击小游戏，可以拉动弓弦，根据射中目标给出相应的提示。
07. Christmas Cannon
点击屏幕，射出礼物大炮，在发生大炮的同时，还可以有开火效果（灯光！）
08. CSS Rock-Paper-Scissors
纯CSS，通过form表单实现！
09. SUDOKU
数独
- 点击左上角按钮，可以开新局
- 点击数字，可以显示表格上相同的数字！
- 点击空格，可以填入数字！
10. Pure CSS Tic Tac Toe w/ SVG 🕹 #CodePenChallenge
11. Get to zero
数字消除
- 点击数字，合并为一块，方块数字减1，
- 目标，合成出0！
12. Lock-picking minigame
当方块移动到圆圈的时候，点击屏幕，方块会根据不同速度移动。
13. Minesweeper
扫雷！
14. A matter of gravity
点击按钮，可以旋转迷宫。
15. Air Balloon game
点击屏幕，消耗燃料，热气球飞起来，碰到树木结束。
16. microvania
迷宫探索，找寻对应颜色的钥匙，打开对应颜色的门！
17. Coronavirus Shooting Game
消灭新冠病毒！
18. Gacha Machine with GSAP
扭蛋机🥚🥚🥚！
19. Pong game with JavaScript
打乒乓球。。
20. 3d canvas computer + pong
带旋转的打乒乓球。。。好看😎😎😎！
21. HTML5 Breakout
打砖块！
22. Helicopter Physics - Three.js Tutorials (sbcode.net)
Threejs 模拟直升机效果！！！
- 来自网站 - sbcode.next
23. Menja
切方块~
24. Towers of Hanoi - HTML5, JS and SCSS Game
汉诺塔！
25. Tetris
俄罗斯方块！
26. Multi-input Maze 🎮
表情包走迷宫，边走边变换表情。。。🙃🙃🙃
27. Blue Monsters of the Deep!
蓝色怪物。。
28. SVG tutorial
学习svg！
29. Arrows Defense Game (Challenge)
箭头保卫战！
30. The Mine: No JS, CSS only adventure game
纯CSS，form表单实现！
31. Simon® Game
按灯光次序选中按钮！
32. Snake Game - CSS Renderer
会发光的贪吃蛇！
33. Traffic Run Game with Three.js
Threejs实现
- 按上，可以加速
- 按下，减速！
- 碰撞到车辆结束。
总结
Js实现的游戏，有助于学习Js，包含数字游戏、射击游戏、物理模拟、迷宫探索等。屯一波案例，学习游戏实现源码，还有游戏思路~
若有所收获，欢迎点赞与分享~
挣扎在现实里，为明天而战。留下的歌与泣，对生命交代。- 《荣耀》
