制作HTML5游戏2

通过上篇文章的学习，我们对construct2的各种功能有了初步的了解，接下来我们将根据自己的创意设计一款网页游戏。

由于技术上仍处于起步阶段，我设计了一款简单的玩家（nemo）躲避障碍物（海底管道）并到达终点的小游戏。首先，我下载了如下背景图：

将背景图平铺在background层上。然后，我设计了海底管道图，并找到了nemo的卡通形象作为玩家（精灵）。而网络上的图片带有白色背景，因此我用下图的橡皮擦功能将白色底色改为透明解决了这个问题。

接下来是对精灵进行behaviors添加，正如在上篇博客中所介绍的那样，用户可根据自己对游戏的构想，选择合适的行为。每点击一个行为，在界面下方将会出现这种行为的注释。

在整个页面的左侧，我们可以对动作的一些参数进行自定义，比如更改速度，方向和初始状态等等。

在上篇文章中我们没有提到的部分是，如何进行文字的添加。在layout界面中任意双击一处空白，在弹出窗口中选择text，然后将会出现如上图的界面，用户可以自定义文字的名字，类型和初始值。点击OK后，在左侧的面板中可以调整其参数，比如颜色，字体，大小等等。然后在event sheet页面可以添加acttion，对文字框中如何显示进行定义。需要注意的是，在此之前，一定要先设定一个global变量，否则将无法显示你所希望的数字。

然后一个简单的小游戏就做好了，每当nemo碰到一根海底水管，health值将会减少1，当health值达到0时，也就是game over的时候。

接下来，尽快开始你自己的游戏设计吧！

制作HTML5游戏2相关推荐

python html5游戏_10天制作html5游戏-卡坦岛-第一天，环境配置
卡坦岛是一款类似<文明>系列游戏的桌游,玩家要在由六边形组成的地图上发展自己的定居地与城市,以此累积胜利点,最先达到10点胜利点的玩家将获得游戏胜利.本系列专栏就将从零开始,在浏览器上实现 ...
第二次尝试制作html5游戏
首先利用抠抠视频秀制作人物素材添加背景以及其他游戏素材给Sprite加上不同的Behaviors 加上各种各样的event增加可玩性成果首先利用"抠抠视频秀"制作人物素材 ...
html5 手游制作,HTML5游戏制作（九）——炮塔游戏
本章学习创建一个炮台类游戏,通过一个完成的游戏案例,来理解: 平铺背景.物理属性.行为的含义,以及进一步熟悉界面视图的功能 ,掌握基本的操作技巧. [炮塔游戏]游戏功能描述: 玩家点击鼠标可以实现炮口 ...
animate如何制作html5游戏,html5 animate for game
最近做的活动页面,记录下: 负责了两块的活动效果:翻牌和开宝箱: 翻牌部分的要点: 翻牌关键css 父级元素设置3D视角: -webkit-perspective: 1000; perspective ...
列举HTML5游戏最易创收的选择渠道
发布时间:2012-07-16 15:53:20 Tags:Chrome Web Store,HTML5游戏最易创收的渠道选择,iOS和Android 作者:Ben Chong 上篇有关创收主题的文章 ...
飞机大战HTML5游戏源码，基于Canvas制作的网页版飞机大战游戏+飞机大战手机端
简介: 飞机大战HTML5游戏源码是一款基于Canvas制作的网页版飞机大战游戏,画质精美的飞机大战手机端游戏源码网盘下载地址: http://kekewangLuo.net/W1S2LQcqAT2 ...
html5游戏制作入门系列教程（八）
今天,我已经准备了一个新的游戏 – SkyWalker.基本上 – 这是用飞飞行模拟射击类游戏.我们的目标到达终点线.这个游戏还有其它一些特点,例如使用飞机运动动画和爆炸动画,多按键处理(例如同时移动 ...
html5游戏制作入门系列教程（七）
我们继续这一系列文章,使用HTML5的canvas组件进行游戏开发.我们将要更新完善我们的第4课html5游戏制作入门系列教程(四)的游戏实例,并增加了火球,敌人和碰撞检测等功能模块.所以,现在我们的 ...
html5游戏制作入门系列教程（六）
我们继续这一系列文章,使用HTML5的canvas组件进行游戏开发.今天,我们将创建我们的第一个完整的游戏 – 打砖块.在这一课中,我会告诉你如何检测基本的碰撞和HTML5的本地存储.您可以使用鼠标和 ...

制作HTML5游戏2

制作HTML5游戏2相关推荐

最新文章

热门文章