使用construct2制作射击小游戏
使用construct2制作射击小游戏
简介
本次我们使用construct2制作一个HTML5 射击小游戏。
目的是player方向由鼠标操控,移动由键盘控制,同时拥有计分标志。
背景
建立好新空白页后,我们首先需要为游戏安排一个背景图,选择一张你喜欢的背景图,双击空白处,会出现添加元素的选项,选择 Tiled Background object,再点击空白页的中间位置,这时只需要将你选择好的背景图放入再关闭窗口就OK啦。
此时背景就上传好了。
层次
接下来我们需要在背景上再添加一个层次,点击右边的 Layers tab,再添加一个层次,注意此时最好先将上一个层次锁定,避免在接下来的制作中带来干扰。再点击新加层次,现在我们的制作就在新层次上进行。
元素
任何一个游戏都必须有玩家,怪兽等元素,现在我们需要把选好的元素加入游戏中。这次我们的射击游戏需要添加player,monster,bullet,explosion四种元素。双击背景,选择spirit,添加元素并修改名字。并且双击背景,添加Mouse元素。
按住Ctrl键,拉动monster,就可以复制更多的monster。
行为
接下来我们为元素添加行为,点击左边的Behaviors中的add,选择player,添加8Direction,
按上述做法,继续为player添加Scroll To,Bound To Layout等行为,
其他需添加的行为:
Bullet:Bullet movement,Destroy outside layout
Monster:Bullet movement
Explosion:Fade
接下来在左边的Behavior界面为各个元素更改速度
事件
接下来添加事件,点击上方的Event sheet 1,
注意:每次需要搞清楚是添加condition还是action,condition指添加一个新的事件,而action是在已添加事件下添加行为
点击add,选择目标,再选择action即可
需要添加的事件:
Condition:system->every tick
Action:Player-Set angle toward(Mouse X,Mouse Y)
Condition: Mouse -> On click -> Left clicked (the default)
Action: Player -> Spawn another object -> For Object, choose the Bullet object. For Layer, put 1 (the “Main” layer is layer 1 - remember Construct 2 counts from zero). Leave Image point as 0
Condition: Bullet -> On collision with another object -> pick Monster.
Action: Monster -> Destroy
Action: Bullet -> Spawn another object -> Explosion, layer 1
Action: Bullet -> Destroy
Condition: System -> On start of Layout
Action: Monster -> Set angle -> random(360)
Condition: Monster -> Is outside layout
Action: Monster -> Set angle toward position -> For X, Player.X - for Y, Player.Y
计分器
在event sheet的上方空白右键选择Add global variable,命名为Score,Type选择number,初始值为0。
在monster的destroy事件后添加System -> Add to (under Global & local variables) -> Score, value 1的action。
再回到右边的layer界面,添加一个界面,命名为HUD
在system的every tick的事件后添加Text -> Set text
在左下角将text改为”Score: ” & Score
选择合适的字体和大小就OK啦
结束
接下来为游戏设置点难度,当player撞到Monster时算为游戏失败
Condition: Monster -> On collision with another object -> Player
Action: Player -> Destroy
结语
到此这个小游戏就做完了
如果你想添加其他功能,可以自己再摸索摸索
使用construct2制作射击小游戏相关推荐
- 基于pygame的射击小游戏制作(一)让飞船动起来
基于pygame的射击小游戏制作(一)让飞船动起来 一.文件结构 alien_invasion.py 是整个系统的主文件,用来创建游戏中的一系列对象,ai_settings存储设置.screen存储显 ...
- 【游戏思路】制作简单小游戏实现思路总结
很多小伙伴在制作游戏的时候苦于没有思路,实际上制作一个游戏是很简单的,我们可以先从小游戏开始思考. 小游戏的概念和分类 概念:单机或联机类型,操作简单,效果简单,体积不大,玩法单一类型. 特点:体积小 ...
- Java 飞机射击小游戏
文章目录 前言 一.系统分析 问题描述 总体设计 功能流程图 二.程序和算法的介绍 FlyingObject(本机和所有敌机父类) Airplane(小敌机类) Bee(小蜜蜂敌机类) Bullet( ...
- 【转载】c++射击小游戏
转载于:https://www.jb51.net/article/170405.htm 这篇文章主要为大家详细介绍了C++实现简单射击小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小 ...
- 射击小游戏c语言实验报告,C++实现简单射击小游戏
使用c++制作简单的横板射击小游戏,供大家参考,具体内容如下 #include #include #include class Bullet; class Tank; class E_Bullet; ...
- python编的俄罗斯方块游戏_手把手制作Python小游戏:俄罗斯方块(一)
手把手制作Python小游戏:俄罗斯方块1 大家好,新手第一次写文章,请多多指教 A.准备工作: 这里我们运用的是Pygame库,因为Python没有内置,所以需要下载 如果没有pygame,可以到官 ...
- python图形小游戏代码_手把手制作Python小游戏:俄罗斯方块(一)
手把手制作Python小游戏:俄罗斯方块1 大家好,新手第一次写文章,请多多指教 A.准备工作: 这里我们运用的是Pygame库,因为Python没有内置,所以需要下载 如果没有pygame,可以到官 ...
- python拼图_利用python制作拼图小游戏的全过程
开发工具 Python版本:3.6.4 相关模块: pygame模块: 以及一些Python自带的模块 关注公众号:Python学习指南,回复"拼图"即可获取源码 环境搭建 安装P ...
- 用App Designer 制作2048小游戏
用App Designer 制作2048小游戏 用App Designer制作的2048,MATLAB版本是2020b.记录下创作思路,以免日后忘记. APP界面设计 APP界面如下,为了好玩,还加入 ...
最新文章
- 从0开始学Java——@override的作用
- tar:file-changed-as-we-read-it报错处理
- mysql的联合索引_mysql联合索引
- java泛型的作用和实现原理_java泛型的作用及实现原理
- python 数列第几项开始,数值超过1200
- java.lang.NoSuchMethodError: org.apache.poi.hssf.usermodel.HSSFSheet.getMergedRegion
- spring 操作对象写入mongo去除_class列
- Gstreamer 搭建RTSP服务器(九)
- .ajax 上传图片,ajax图片上传并预览
- Codeforces 455B A Lot of Games 字典树上博弈
- CSDN 个人博客域名设置
- 我国计算机科学技术的成就,计算机科学技术百科全书
- c语言封皮,C语言程序设计封皮.doc
- nodejs和前端基于websocket实现微信群聊与私聊
- 缓解过拟合(overfitting)的方法
- Linux 网络编程-进程管道
- 源码必须会丨一个bug的解决过程,让你明白阅读源码的重要性!
- Docx 生成word文档
- Error creating bean with name ‘ribbonLoadBalancingHttpClient‘
- linux安装宝塔面板命令大全
热门文章
- 软件测试从零基础到月薪8k,我的学习经历值得让你少走两年弯路
- 轻松解决word(2016)无法添加NoteExpress写作插件问题
- 多屏互动/无线投屏技术之—Miracast Version 2修改要点
- 教你变漂亮的小秘诀 - Qzone日志
- 家用投影仪品牌推荐,如何选择家用投影仪?
- 2022年度投影仪行业数据分析报告:十大热门品牌排行榜
- TCP Illinois 与 TCP Highspeed
- C++算法之深度优先搜索算法详解
- @FeignClient使用详解 name, url,decode404, value,fallbackFactory等。spring cloud 远程接口实现全流程。
- 网站禁用鼠标右键php代码,JS实现禁止鼠标右键的功能