Tetris Game / 俄罗斯方块 JavaScript/TypeScript源码
Tetris Game / 俄罗斯方块 JavaScript/TypeScript源码
IMWeb前端团队
发布于 2017-12-29 15:04:27
发布于 2017-12-29 15:04:27
Tetris Game / 俄罗斯方块
浏览器兼容 ie8+, chrome, firefox ... 小时候穷，买不起游戏机，现在用js写一个来弥补一下童年 →_→
源码地址：https://github.com/capricorncd/tetris
游戏截图
Tetris 俄罗斯方块 Capricorncd
初始化方法
<!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方面暂时没有想到合适的方案
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录