12.4  开发一个网页版的俄罗斯方块游戏

12.4 开发一个网页版的俄罗斯方块游戏

俄罗斯方块是一款风靡全球的电视游戏机和掌上游戏机游戏,它由俄罗斯人阿列克谢·帕基特诺夫发明,故得此名。俄罗斯方块的基本规则是移动、旋转和摆放游戏自动输出的各种方块,使之排列成完整的一行或多行并且消除得分。由于上手简单、老少皆宜,因而家喻户晓,风靡世界。

978-7-111-53392-4-Part04-21.jpg

本实例的功能是,使用HTML 5+CSS+JavaScript开发一个网页版俄罗斯方块游戏。游戏由个、↓、↑、←四个方向键进行控制。

■个:方块变型

■↓:加速下落

■↑:向右移动

■←:向左移动

■P:暂停或开始游戏

实例文件4.html的实现代码如下。

978-7-111-53392-4-Part04-22.jpg

978-7-111-53392-4-Part04-23.jpg

978-7-111-53392-4-Part04-24.jpg

978-7-111-53392-4-Part04-25.jpg

978-7-111-53392-4-Part04-26.jpg

978-7-111-53392-4-Part04-27.jpg

978-7-111-53392-4-Part04-28.jpg

978-7-111-53392-4-Part04-29.jpg

978-7-111-53392-4-Part04-30.jpg

978-7-111-53392-4-Part04-31.jpg

978-7-111-53392-4-Part04-32.jpg

执行后的效果如图12-4所示。

978-7-111-53392-4-Part04-33.jpg

图12-4 执行效果