本节书摘来自华章出版社《HTML5 2D游戏编程核心技术》一书中的第1章,第1.8节练习,作者[美] 戴维·吉尔里,更多章节内容可以访问云栖社区“华章计算机”公众号查看。

1.8 练习
1.练习使用不同的背景图像。
2.练习在canvas不同的位置绘制跑步小人。
3.在canvas不同的位置绘制背景。
4.在draw()函数中,首先绘制跑步小人,然后绘制背景。
5.删掉index.html文件中snailbait-game-canvas元素的width和height属性,然后在CSS文件的snailbait-game-canvas元素中增加相同的width和height属性(800px和400px)。当重启游戏时,看起来和以前一样吗?你能解释这个结果吗?

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐