使用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制作射击小游戏相关推荐

  1. 基于pygame的射击小游戏制作(一)让飞船动起来

    基于pygame的射击小游戏制作(一)让飞船动起来 一.文件结构 alien_invasion.py 是整个系统的主文件,用来创建游戏中的一系列对象,ai_settings存储设置.screen存储显 ...

  2. 【游戏思路】制作简单小游戏实现思路总结

    很多小伙伴在制作游戏的时候苦于没有思路,实际上制作一个游戏是很简单的,我们可以先从小游戏开始思考. 小游戏的概念和分类 概念:单机或联机类型,操作简单,效果简单,体积不大,玩法单一类型. 特点:体积小 ...

  3. Java 飞机射击小游戏

    文章目录 前言 一.系统分析 问题描述 总体设计 功能流程图 二.程序和算法的介绍 FlyingObject(本机和所有敌机父类) Airplane(小敌机类) Bee(小蜜蜂敌机类) Bullet( ...

  4. 【转载】c++射击小游戏

    转载于:https://www.jb51.net/article/170405.htm 这篇文章主要为大家详细介绍了C++实现简单射击小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小 ...

  5. 射击小游戏c语言实验报告,C++实现简单射击小游戏

    使用c++制作简单的横板射击小游戏,供大家参考,具体内容如下 #include #include #include class Bullet; class Tank; class E_Bullet; ...

  6. python编的俄罗斯方块游戏_手把手制作Python小游戏:俄罗斯方块(一)

    手把手制作Python小游戏:俄罗斯方块1 大家好,新手第一次写文章,请多多指教 A.准备工作: 这里我们运用的是Pygame库,因为Python没有内置,所以需要下载 如果没有pygame,可以到官 ...

  7. python图形小游戏代码_手把手制作Python小游戏:俄罗斯方块(一)

    手把手制作Python小游戏:俄罗斯方块1 大家好,新手第一次写文章,请多多指教 A.准备工作: 这里我们运用的是Pygame库,因为Python没有内置,所以需要下载 如果没有pygame,可以到官 ...

  8. python拼图_利用python制作拼图小游戏的全过程

    开发工具 Python版本:3.6.4 相关模块: pygame模块: 以及一些Python自带的模块 关注公众号:Python学习指南,回复"拼图"即可获取源码 环境搭建 安装P ...

  9. 用App Designer 制作2048小游戏

    用App Designer 制作2048小游戏 用App Designer制作的2048,MATLAB版本是2020b.记录下创作思路,以免日后忘记. APP界面设计 APP界面如下,为了好玩,还加入 ...

最新文章

  1. 从0开始学Java——@override的作用
  2. tar:file-changed-as-we-read-it报错处理
  3. mysql的联合索引_mysql联合索引
  4. java泛型的作用和实现原理_java泛型的作用及实现原理
  5. python 数列第几项开始,数值超过1200
  6. java.lang.NoSuchMethodError: org.apache.poi.hssf.usermodel.HSSFSheet.getMergedRegion
  7. spring 操作对象写入mongo去除_class列
  8. Gstreamer 搭建RTSP服务器(九)
  9. .ajax 上传图片,ajax图片上传并预览
  10. Codeforces 455B A Lot of Games 字典树上博弈
  11. CSDN 个人博客域名设置
  12. 我国计算机科学技术的成就,计算机科学技术百科全书
  13. c语言封皮,C语言程序设计封皮.doc
  14. nodejs和前端基于websocket实现微信群聊与私聊
  15. 缓解过拟合(overfitting)的方法
  16. Linux 网络编程-进程管道
  17. 源码必须会丨一个bug的解决过程,让你明白阅读源码的重要性!
  18. Docx 生成word文档
  19. Error creating bean with name ‘ribbonLoadBalancingHttpClient‘
  20. linux安装宝塔面板命令大全

热门文章

  1. 软件测试从零基础到月薪8k,我的学习经历值得让你少走两年弯路
  2. 轻松解决word(2016)无法添加NoteExpress写作插件问题
  3. 多屏互动/无线投屏技术之—Miracast Version 2修改要点
  4. 教你变漂亮的小秘诀 - Qzone日志
  5. 家用投影仪品牌推荐,如何选择家用投影仪?
  6. 2022年度投影仪行业数据分析报告:十大热门品牌排行榜
  7. TCP Illinois 与 TCP Highspeed
  8. C++算法之深度优先搜索算法详解
  9. @FeignClient使用详解 name, url,decode404, value,fallbackFactory等。spring cloud 远程接口实现全流程。
  10. 网站禁用鼠标右键php代码,JS实现禁止鼠标右键的功能