当前位置:网站首页>【小程序】低代码+小游戏=小游戏可视化开发
【小程序】低代码+小游戏=小游戏可视化开发
2022-08-09 11:40:00 【伯子南】
🥳 作者:伯子南
坚信: 好记性不如乱笔头,独乐乐不如众乐乐
个人主页:https://blog.csdn.net/qq_34577234?spm=1010.2135.3001.5421
觉得博主文章不错的话,可以三连支持一下!如有需要我的支持,请私信!
🥰前言
近年来,低代码之风越刮越烈,就连我们公司内部也推出了自己的低代码平台。
虽然笔者对低代码开发的应用前景嗤之以鼻,但是还是不得不承认低代码能在适合的场景下拥有一席之地。
这不,小游戏的开发也可以低代码了!今天就带大家看看微信推出的小游戏可视化工具!
简介
🧑*可视化工具
它是微信官方推出的一款 web 应用,目标是让开发者无需代码快速进行小游戏开发,主要有以下特点:
- 可视化编程: 游戏制作所见即所得,快速上手、无需代码;
- 高效开发: 丰富的官方组件,排行榜、性能调优一键完成;
- 赋能创意: 个性化素材、自定义组件,高级画板工具;
- 快速分享: 实时预览分享小游戏,标准化发布到 MP 平台。
编辑界面预览
概览整个开发界面,可以将其分为六大区域:
资源管理器
:用于管理当前项目的所有资源(包括图片和声音)。资源管理器中的图片可直接拖拽进入精灵编辑器生成精灵实例;层级管理器
:加入精灵编辑器的精灵实例都是一个图层,在图层面板可以拖拽调整图层顺序,精确调整精灵实例的属性;精灵编辑器
:这里就是所见即所得的游戏界面!处于精灵编辑器中的精灵对象,开发者可以快速拖拽位置,调整大小,角度、中心点等;场景管理器
:一个复杂的游戏可能存在多个场景,比如:新关卡、开始界面、结束界面等等,开发者可以在场景管理器中快速创建和来回切换;积木脚本面板
:用于摆放控制精灵对象的积木脚本。“可视化制作小游戏”的最大特色莫过于使用积木脚本设计精灵行为逻辑了;积木菜单
:存放所有的积木脚本库,可直接拖拽进入“积木脚本面板”控制精灵行为
*️快速上手
新建项目
选择新建作品
,新建
一个空项目
这就是我们最开始的编辑界面啦!
添加素材
点击添加素材
打开素材选择界面
这里有丰富的素材供我们选择!我们选择 小Y晕倒
并导入
到场景
中
导入后就可以在精灵编辑器
中看到我们的小Y啦!
同时,在层级管理
和素材管理
中都可以看到小Y晕倒
的字样。
其中资源管理器中,小Y晕倒在精灵目录下。那么什么是精灵呢?
啥是精灵
精灵
是游戏开发中的专业术语,简单理解的话,就是游戏场景中可见的对象。基本上所有游戏中的可见对象都可以称之为精灵。
逻辑上来说,精灵是一组外观与逻辑的集合。而脚本管理面板
就是编辑精灵逻辑的地方!
选择精灵 赋予生命
没有逻辑的精灵是没有生命的! 接下来让我们通过添加事件逻辑赋予小Y生命!
首先左键
选中精灵编辑器
中的小Y,此时可以在脚本编辑面板
中看到精灵默认的启动逻辑。
如果你学过可视化编程
,或者玩过可视化编程游戏
,比如《70亿人》,那么你应该对这种积木编程得心应手了吧哈哈。如果你没接触过,那也没关系,因为真的很简单。
添加事件
点击脚本编辑面板
上侧的添加事件
,并选择下拉框中的当精灵被点击时
可以看到面板上出现了一个条件积木
我们删除第二块条件积木
🤏*拖曳脚本
在右侧脚本工具栏
中,左键选择外观
中动画
类目下的第一个动作积木,按住左键
并拖曳
到面板的条件积木中
这样我们就快速实现了 点击小Y并让他晕倒 的交互逻辑
预览一下
好想知道脚本有没有效果?那么我们可以通过预览功能来检验一下。
点击上侧预览场景
按钮,即可快速预览!
和我一起?
好了,小游戏可视化工具的学习到这就结束啦!如果有帮助到你的话请三连一下呀!
最近正在学习如何开发小游戏,接下来会持续学习并第一时间在CSDN更新博客。
如果你也对小游戏开发感兴趣的话,不妨关注我,关注博主的小游戏开发专栏,一起体验小游戏开发的乐趣!!!
学习内容计划
- 小游戏开发申请流程
- 小游戏开发环境搭建与工具使用
- 小游戏开发原理与基础
- 小游戏常用API
- 小游戏开发实战
边栏推荐
猜你喜欢
[Essence] Analysis of the special case of C language structure: structure pointer / basic data type pointer, pointing to other structures
信息系统项目管理师必背核心考点(六十三)项目组合管理的主要过程&DIPP分析
[现代控制理论]4_PhasePortrait爱情故事动态系统分析
Redis高可用部署
Visual Studio 2017 ASP.NET Framework MVC 项目 MySQL 配置连接
web course design
VS Code有趣插件
IDEA 关闭/开启引用提示Usages
x86异常处理与中断机制(3)中断处理过程
链表基本操作(详解)
随机推荐
OC-块对象
mysql + redis + flask + flask-sqlalchemy + flask-session 配置及项目打包移植部署
PTA 实验7-5 输出大写英文字母(10 分)
log4net使用指南(winform版,sqlserver记录)
Redis的下载安装
matlab simulink的scope 示波器光标如何移动记录
从零开始Blazor Server(9)--修改Layout
PAT1008
PAT1010
专业人士使用的 11 种渗透测试工具
es6递归函数
Redis高可用部署
PAT1002
fork creates multiple child processes
PAT1014 未解决
ACM01 Backpack problem
研发需求的验收标准应该怎么写? | 敏捷实践
CANopen DS402名词
索引index
实验记录:搭建网络过程