Tetris Game / 俄罗斯方块 JavaScript/TypeScript源码
Tetris Game / 俄罗斯方块
浏览器兼容 ie8+, chrome, firefox ...
源码地址:https://github.com/capricornc...
游戏截图

初始化方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Tetris - 俄罗斯方块单机版 - Capricorncd</title>
<link rel="stylesheet" href="../dist/css/tetris.css" type="text/css">
<style>
body {background-color: #333;}
.game-box { float: left; margin-right: 10px; padding: 10px; width: 320px; height: 540px; border: 1px solid #999}
</style>
</head>
<body>
<div class="game-box" id="TetrisA"></div>
<script src="../dist/js/tetris.js"></script>
<script>
new Tetris({
// 可选参数,默认为body
container: '#TetrisA',
// 错误回调
error: function (err) {
console.error(err)
},
// 游戏DOM结构创建完成回调
ready: function (res) {
console.log(res)
}
})
</script>
</body>
</html>待开发功能
- 游戏难易程度选项
- PC操作自定义方向键
- 游戏声音
- 排行榜记录
- 自定义主题(方块颜色、舞台颜色等等)
- ... UI方面暂时没有想到合适的方案
扫码体验

觉得‘好玩’,记得点【★Star】,走过路过千万不要错过Orz
相关推荐
小飞侠V 2020-09-25
changcongying 2020-09-17
淼寒儿 2020-09-13
lyjava 2020-09-11
changcongying 2020-11-02
changcongying 2020-10-30
苗疆三刀的随手记 2020-10-29
zouph000 2020-10-25
Jruing 2020-10-23
ctg 2020-10-14
PMJ0 2020-10-13
ChaITSimpleLove 2020-10-06
taizuduojie 2020-09-15
彤庆的技术 2020-09-02
锅哥 2020-08-27
ruanhongbiao 2020-08-16
zouph000 2020-08-03
Java编程语言学习 2020-07-29