白鹭引擎EUI做H5活动 入门篇

Posted cczlovexw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了白鹭引擎EUI做H5活动 入门篇相关的知识,希望对你有一定的参考价值。

前言:
本学习文档的目的是为了实现h5,或者简单的h5游戏,比如说,我们要实现一个可以左右,或者上下移动的场景的h5,在场景移动的过程中,会有相应的动画或者操作,我们通过 js 也可以实现,但是为了流畅度和更好的效果,还是需要借助一些引擎来实现,比如说 2d的渲染引擎 pixi.js 或者是本文档要学习的 Egret (白鹭)引擎;

作为刚接触游戏引擎的人,虽然没有相关使用经验,但是也听说过相关内容;几年前接触过 Cocos (游戏引擎),所以也只了解这么一个游戏引擎,最近随着h5和小游戏的发展,也听说了 Egret (白鹭游戏引擎),现在记录一下学习的过程,虽然现在还是一无所知,还是记录一下;

第一步:
Egret(白鹭游戏引擎),第一步,[下载](https://egret.com/downloads/engine.html)一下 Egret , 也就是 Egret Launcher,这是一个工具,可以帮助我们建立项目,也就是一个辅助的工具 ,不管是什么,先下载再说。

通过这个Egret Launcher 工具,我们需要再下载一下游戏引擎,我们在这个 Egret Launch界面中,找到引擎列表,然后选择一个版本的引擎下载,我这里下载一个,最新的引擎版本 5.2.29 ;

技术图片

技术图片

 

 

 

第二步:
通过这个Egret Launcher 工具,我们可以下载一下官方的编辑器 Egret Wing, 界面看起来和 VScode 类似,还是很容易接受的;听说这个工具可以可视化操作,后期可以尝试尝试,现在我们需要知道的就是我们要使用这个编辑器来编辑代码,实现我们的页面和功能;

技术图片

 

 

技术图片

技术图片

第三步:

好了,我们开始创建第一个学习的项目,这里我们使用命令行来生成我们的第一个HelloWorld。

首先我们手动创建一个空的文件夹,然后在这个文件夹下输入以下命令:

egret create HelloWorld --type eui

 

最后我们输入运行的命令:

egret run HelloWorld

 

这时候会弹出一个模拟界面,效果如图

技术图片

 

 

这篇文章先到这里,未完待续。。。

以上是关于白鹭引擎EUI做H5活动 入门篇的主要内容,如果未能解决你的问题,请参考以下文章

如何看待Egret Engine白鹭引擎的技术使用?广州蓝景到我们公司来做技术分享,大家觉得Egret引擎好用吗?

最近这两天看了关于H5游戏开发的一个教程,实践很短暂,看了很多理论的东西,现在呢也只是想回忆回忆关于EUI的部分知识吧

egret白鹭引擎入门(第一章)

白鹭引擎开发H5游戏(项目结构)

什么是白鹭引擎

菜鸟教程 | egret EUI卡牌游戏制作