制作HTML5游戏2.0
2017-11-17 20:59
183 查看
继上次参考Flappy birds的模板用construct2制作了一个小游戏后,这次我又尝试了“原创”一个简单的弹珠小游戏。
这个游戏的思路很简单:从画面上方随机出现四种颜色的小弹珠,同时,画面下方也会随机出现一种颜色的弹珠,“发射”这枚弹珠,弹珠沿直线飞出,若撞到同色的珠子则分数+1,不同色则不加分。当分数累计到一定(我的设定是20)时则出现玩家获胜的画面!
下面我们开始制作:
同样,第一步是插入背景。
第二步插入素材弹珠:
接下来就开始设计游戏的步骤了,由于过程比较繁琐,在此就不一一赘述了。思路与制作上一个游戏基本相同。
最后,还可以根据需要加入一些其他的游戏画面。比如这个“YOU WIN”的画面:
对游戏进行调试,就可以开始试玩了!
感想:第二次用C2 制作html 游戏,比起第一次更加娴熟,思路也更清晰了,每一次实践的进步背后,都需要探索总结和反思呢。
这个游戏的思路很简单:从画面上方随机出现四种颜色的小弹珠,同时,画面下方也会随机出现一种颜色的弹珠,“发射”这枚弹珠,弹珠沿直线飞出,若撞到同色的珠子则分数+1,不同色则不加分。当分数累计到一定(我的设定是20)时则出现玩家获胜的画面!
下面我们开始制作:
同样,第一步是插入背景。
第二步插入素材弹珠:
接下来就开始设计游戏的步骤了,由于过程比较繁琐,在此就不一一赘述了。思路与制作上一个游戏基本相同。
最后,还可以根据需要加入一些其他的游戏画面。比如这个“YOU WIN”的画面:
对游戏进行调试,就可以开始试玩了!
感想:第二次用C2 制作html 游戏,比起第一次更加娴熟,思路也更清晰了,每一次实践的进步背后,都需要探索总结和反思呢。
相关文章推荐
- 用Phaser来制作一个html5游戏——flappy bird (一)
- 零基础HTML5游戏制作教程 第3章 图形的移动
- [Mugeda HTML5技术教程之16]案例分析:制作跨屏互动游戏
- 使用HTML5制作物理游戏
- 用Phaser来制作一个html5游戏——flappy bird (二)
- 如何使用Createjs来编写HTML5游戏(三)使用EaselJS中的制作Sprite类制作
- HTML5游戏制作之路_08_egret对于声音的控制
- HTML5——canvas制作游戏接住小球
- 使用HTML5制作在Chrome中可以玩的物理游戏
- 制作HTML5游戏
- 西天取经第一步——制作自己的HTML5游戏
- 用Html5结合Qt制作一款本地化EXE游戏-太空大战(Space War)
- 纯HTML5制作围住神经猫游戏-附源码下载
- 借助HTML5 Canvas API制作一个简单的猜字游戏
- 零基础HTML5游戏制作教程 第2章 简单图形的绘制
- HTML5——canvas制作游戏2048
- 零基础HTML5游戏制作教程 第6章 贪吃蛇的实现及代码
- 制作html5游戏2
- HTML5游戏实战:计时拼图游戏制作
- 用Phaser来制作一个html5游戏——flappy bird (一)