【小程序】低代码+小游戏=小游戏可视化开发

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6

🥳 作者伯子南
😎 坚信 好记性不如乱笔头独乐乐不如众乐乐
💪 个人主页https://blog.csdn.net/qq_34577234?spm=1010.2135.3001.5421
👬🏻 觉得博主文章不错的话可以三连支持一下如有需要我的支持请私信

🥰前言

近年来低代码之风越刮越烈就连我们公司内部也推出了自己的低代码平台。
虽然笔者对低代码开发的应用前景嗤之以鼻但是还是不得不承认低代码能在适合的场景下拥有一席之地。
这不小游戏的开发也可以低代码了今天就带大家看看微信推出的小游戏可视化工具

文章目录

👉简介

🧑🏻‍💻可视化工具

它是微信官方推出的一款 web 应用目标是让开发者无需代码快速进行小游戏开发主要有以下特点

  • 可视化编程 游戏制作所见即所得快速上手、无需代码
  • 高效开发 丰富的官方组件排行榜、性能调优一键完成
  • 赋能创意 个性化素材、自定义组件高级画板工具
  • 快速分享 实时预览分享小游戏标准化发布到 MP 平台。
    在这里插入图片描述

👨🏻‍💻编辑界面预览

概览整个开发界面可以将其分为六大区域

  1. 资源管理器用于管理当前项目的所有资源包括图片和声音。资源管理器中的图片可直接拖拽进入精灵编辑器生成精灵实例
  2. 层级管理器加入精灵编辑器的精灵实例都是一个图层在图层面板可以拖拽调整图层顺序精确调整精灵实例的属性
  3. 精灵编辑器这里就是所见即所得的游戏界面处于精灵编辑器中的精灵对象开发者可以快速拖拽位置调整大小角度、中心点等
  4. 场景管理器一个复杂的游戏可能存在多个场景比如新关卡、开始界面、结束界面等等开发者可以在场景管理器中快速创建和来回切换
  5. 积木脚本面板用于摆放控制精灵对象的积木脚本。“可视化制作小游戏”的最大特色莫过于使用积木脚本设计精灵行为逻辑了
  6. 积木菜单存放所有的积木脚本库可直接拖拽进入“积木脚本面板”控制精灵行为
    在这里插入图片描述

🙋🏻‍♂️快速上手

🤳🏻新建项目

选择新建作品新建一个空项目
在这里插入图片描述

这就是我们最开始的编辑界面啦
在这里插入图片描述

💡添加素材

点击添加素材 打开素材选择界面
在这里插入图片描述

这里有丰富的素材供我们选择我们选择 小Y晕倒导入场景
在这里插入图片描述

导入后就可以在精灵编辑器中看到我们的小Y啦
在这里插入图片描述

同时在层级管理素材管理中都可以看到小Y晕倒的字样。
在这里插入图片描述
其中资源管理器中小Y晕倒在精灵目录下。那么什么是精灵呢

🐣啥是精灵

精灵是游戏开发中的专业术语简单理解的话就是游戏场景中可见的对象。基本上所有游戏中的可见对象都可以称之为精灵。
逻辑上来说精灵是一组外观与逻辑的集合。而脚本管理面板就是编辑精灵逻辑的地方
在这里插入图片描述

🐍选择精灵 赋予生命

没有逻辑的精灵是没有生命的 接下来让我们通过添加事件逻辑赋予小Y生命
首先左键选中精灵编辑器中的小Y此时可以在脚本编辑面板中看到精灵默认的启动逻辑。
在这里插入图片描述

如果你学过可视化编程或者玩过可视化编程游戏比如《70亿人》那么你应该对这种积木编程得心应手了吧哈哈。如果你没接触过那也没关系因为真的很简单。
《70亿人》

👋🏻添加事件

点击脚本编辑面板上侧的添加事件并选择下拉框中的当精灵被点击时
在这里插入图片描述

可以看到面板上出现了一个条件积木
在这里插入图片描述
我们删除第二块条件积木
在这里插入图片描述

🤏🏻拖曳脚本

在右侧脚本工具栏中,左键选择外观动画类目下的第一个动作积木按住左键拖曳面板的条件积木中
在这里插入图片描述
这样我们就快速实现了 点击小Y并让他晕倒 的交互逻辑
在这里插入图片描述

👨🏻‍🎤预览一下

好想知道脚本有没有效果那么我们可以通过预览功能来检验一下。
点击上侧预览场景按钮即可快速预览
在这里插入图片描述

👋🏿和我一起

好了小游戏可视化工具的学习到这就结束啦如果有帮助到你的话请三连一下呀
  最近正在学习如何开发小游戏接下来会持续学习并第一时间在CSDN更新博客。 💪
  如果你也对小游戏开发感兴趣的话不妨关注我关注博主的小游戏开发专栏一起体验小游戏开发的乐趣

学习内容计划

  • 小游戏开发申请流程
  • 小游戏开发环境搭建与工具使用
  • 小游戏开发原理与基础
  • 小游戏常用API
  • 小游戏开发实战
阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6