《HTML5 2D游戏编程核心技术》——第1章,第1.8节练习

简介:

本节书摘来自华章出版社《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)。当重启游戏时,看起来和以前一样吗?你能解释这个结果吗?

相关文章
|
移动开发 前端开发 Shell
《HTML5 Canvas核心技术 图形、动画与游戏开发》 读书笔记
《HTML5 Canvas核心技术 图形、动画与游戏开发》 读书笔记
|
5月前
|
前端开发
HTML+CSS练习小项目——百叶窗
HTML+CSS练习小项目——百叶窗
|
5月前
|
前端开发 JavaScript 容器
技术经验解读:个人练习:使用HTML+CSS3制作图片轮播功能(不使用JavaScript)
技术经验解读:个人练习:使用HTML+CSS3制作图片轮播功能(不使用JavaScript)
63 0
|
6月前
|
前端开发
html编写登录页面练习
html编写登录页面练习
50 0
|
前端开发
html和css进阶小练习
html和css进阶小练习
|
数据安全/隐私保护
html表单专项练习
html表单专项练习
195 0
|
存储 前端开发 JavaScript
html 练习:展示一首古诗词
html 练习:展示一首古诗词
230 0
|
JavaScript
【Node.js练习】根据不同的url响应不同的html内容
【Node.js练习】根据不同的url响应不同的html内容
105 1
【Node.js练习】根据不同的url响应不同的html内容
纯html的form表单实操练习
纯html的form表单实操练习
180 0
纯html的form表单实操练习