发布时间:2024-09-12作者:李阳淇点击:
经典游戏源码
1. 超级马里奥兄弟
[javascript]()
[python]()
2. 俄罗斯方块
[javascript]()
[c++]()
3. 蛇
[javascript]()
[python]()
4. 吃豆人
[javascript]()
[c++]()
5. 贪食蛇
[javascript]()
[python]()
6. 打砖块
[javascript]()
[c++]()
7. 撑杆跳高
[javascript]()
[python]()
8. 泡泡龙
[javascript]()
[python]()
9. 扫雷
[javascript]()
[python]()
10. 2048
[javascript]()
[python]()
经典游戏源码
贪吃蛇:
俄罗斯方块:
扫雷:
数独:
国际象棋:
流行的HTML5游戏源码
Flappy Bird:
Pac-Man:
小鸟游戏:
愤怒的小鸟克隆: 憤怒-的小鳥
水果忍者:
基于物理学的HTML5游戏源码
Rube Goldberg 机器:
Box2D 愤怒的小鸟克隆:
Cannon.js 塔防游戏:
Matter.js 平台游戏:
Pixi.js 物理模拟:
多人游戏源码
多人贪吃蛇:
多人国际象棋:
多人扑克:
多人FPS射击游戏:
多人塔防游戏:
html
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
canvas {
display: block;
margin: 0 auto;
}
// 游戏对象
var game = {
canvas: document.getElementById("canvas"),
ctx: canvas.getContext("2d"),
width: canvas.width,
height: canvas.height,
// 游戏状态
state: "start",
// 开始游戏
start: function () {
this.state = "play";
this.loop();
},
// 游戏循环
loop: function () {
if (this.state !== "play") return;
// 清空画布
this.ctx.clearRect(0, 0, this.width, this.height);
// 绘制游戏元素
// 循环重复
requestAnimationFrame(this.loop.bind(this));
},
// 结束游戏
end: function () {
this.state = "end";
}
};
// 事件监听器
document.addEventListener("keydown", function (e) {
// 按下空格键开始游戏
if (e.keyCode === 32 && game.state === "start") {
game.start();
}
});
经典游戏
Pong:
Snake:
Tetris:
Pac-Man:
Super Mario Bros.:
现代游戏
Flappy Bird:
Angry Birds:
Candy Crush Saga:
Cut the Rope:
Temple Run:
框架和库
Phaser:
PixiJS:
CreateJS:
Matter.js:
Three.js:
资源和教程
HTML5 游戏开发:
W3Schools HTML5 Canvas教程:
HTML5 游戏编程:
HTML5 游戏资源:
HTML5 游戏论坛:
2023-08-31
2023-10-14
2023-08-05
2023-08-29
2023-09-25
2023-09-23
2023-09-23
2023-09-11
2023-09-23
2023-09-06