本文作者:IMWeb capricorncd 原文出处:IMWeb社区 未经同意,禁止转载
浏览器兼容 ie8+, chrome, firefox ... 小时候穷,买不起游戏机,现在用js写一个来弥补一下童年 →_→
源码地址:https://github.com/capricorncd/tetris
<!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>