谈一谈|小白如何使用egret

简介: 谈一谈|小白如何使用egret

目前在参与小游戏的过程中接触了egret白鹭引擎,egret是一套完整的HTML5游戏开发解决方案。在egret的官网里中包含多个工具以及项目。egret engine是一个基于TypeScript语言开发的HTML5游戏引擎。通过egret,我们可以快速地创建可以运行在浏览器中或手机app里的HTML5移动游戏。同时也可以使用egret提供的相关工具搭建你自己的游戏开发工作流。遵循HTML5标准的2D引擎及全新打造的3D引擎,解决了HTML5性能问题及碎片化问题,灵活地满足开发者2D或3D游戏的需求,并有着极强的跨平台运行能力。准确的来说,egret是一套游戏开发的解决方案。如下图:

在了解了什么是egret之后,基于个人的经验谈一谈egret的优点:完善的配套工具用户在使用Egret的时候,可以选择与游戏配套的一系列工具,所有的引擎设计全部围绕游戏开发。同时Egret提供的配套工具也极大简化了游戏开发流程。从游戏的代码编写到最后小游戏的实现,都有大量工具支撑。

白鹭科技专注社区支持

攻克底层技术制约,为开发者带来一整套游戏研发解决方案,建立了用户社区,如果遇到问题可以直接在用户社区得到答案,同时也有大量的手册方便开发者学习。自主研发了白鹭引擎(Egret Engine)、白鹭加速器(Egret Runtime)、骨骼动画工具(Dragon Bones)、可视化编辑器(Egret Wing)等多款产品,可让开发者简单、高效的开发出移动游戏。一站式完整的开发流    Egret不限制开发工具的使用,帮助开发者高效开展工作。让用户在不改变开发习惯的情况下无缝迁移到Egret。等我们下载好egret后,选择wing下载,并选择我们开发需要的引擎工具,下载如图:

任意一个即可,但这里建议选择最高版本的。

走到这一步我们已经完成了egret开发所需的大部分工具了,接下来是创建项目的展示:

项目名称自己选择,选择扩展库原则上保持默认选项,接下来进入我们的目录认识:

Src目录下存放我们的脚本,左上角依次有运行、调试、编译、发布等导航栏,libs存放类库,resource存放各类资源,。resource中有个assets文件夹,我们项目需要用到的图片都会添加到此处。以上就是egret引擎和创建项目的基本操作,如果需要进一步研究里面的脚本文件,可在官网通过文档学习。

参考文献

Longlongway2012—egret介绍 小白学习手册

目录
相关文章
|
7月前
|
Java 数据库连接 数据库
源码分析系列教程(完) - 终章总结
源码分析系列教程(完) - 终章总结
32 0
源码分析系列教程(完) - 终章总结
|
8天前
|
程序员 Python
GitHub爆赞!最适合新手入门的教程——笨方法学Python 3
“Python 是一门既容易上手又强大的编程语言。”这句话本身并无大碍,但需要注意的是,正因为它既好学又好用,所以很多 Python 程序员只用到了其强大功能的一小部分。 今天给小伙伴们分享的这份手册以习题的方式引导读者一步一步学习编程,从简单的打印一直讲到完整项目的实现。
|
25天前
|
程序员
代码与禅意:编程中的悟性之旅
【5月更文挑战第31天】在数字世界的繁花似锦中,我们常常忽略了编码背后蕴含的哲学。本文将探讨编程不仅仅是一门技术,更是一种艺术和内省的过程。从禅宗的角度出发,我们将一窥那些静谧的代码行间所折射出的深邃智慧,以及它如何影响程序员的思考方式和解决问题的策略。
|
1月前
|
Rust Dart 算法
55.3k star!开源算法教程,附带动画图解,学习算法不再苦恼!
55.3k star!开源算法教程,附带动画图解,学习算法不再苦恼!
|
XML Java API
49张图带领小伙伴们体验一把 Flowable-UI
49张图带领小伙伴们体验一把 Flowable-UI
游戏开发零基础入门教程(7):有事儿的话,记得@我
这一节我们主要学习游戏开发中的一种常用的工具---通知,也称事件。 之前提到过,通知可以理解为给别人发信息,这个过程需要有两方的参与,一个发送方,一个接收方。发送方负责发送通知,而接收方决定收到通知后该如何做。
61 0
|
小程序 开发者
微信小游戏开发基础系列教程开篇
做个游戏并不简单,或者其实比想象中的还要难,我想对于很多学习游戏开发的新手来讲都会这样觉得。即使是再简单的工具,甚至连代码都不需要写,但是用起来还是一个样,跟着教程一步一步的知道怎么做,脱离了教程就两眼一抹黑,无从下手。
84 0
|
前端开发
写给小白的Figma插件开发教程(1)
写给小白的Figma插件开发教程(1)
1401 0
|
缓存 异构计算
几个简单的小例子手把手带你入门webgl(一)
各位同学们大家好,又到了周末写文章的时间,之前群里有粉丝提问, 就是shader不是很理解。然后今天他就来了, 废话不多说,读完今天的这篇文章你可以学到以下几点: 为什么需要有shader ? shader的作用是什么???? shader 中的每个参数到底是什么意思??怎么去用??? 你如果会了,这篇文章你可以不用看👀,不用浪费时间,去看别的文章。如果哪里写的有问题欢迎大家指正,我也在不断地学习当中。 why need shader 这里我结合自己的思考🤔,讲讲webgl的整个的一个渲染过程。 渲染管线 「Webgl」的渲染依赖底层「GPU」的渲染能力。所以「WEBGL」 渲染流程
几个简单的小例子手把手带你入门webgl(一)
|
存储 缓存 前端开发
几个简单的小例子手把手带你入门webgl(二)
实战——绘制个三角形 在进行实战之前,我们先给你看一张图,让你能大概了解,用原生webgl生成一个三角形需要那些步骤: draw 我们就跟着这个流程图一步一步去操作: 初始化canvas 新建一个webgl画布 <canvas id="webgl" width="500" height="500"></canvas> 创建webgl 上下文: const gl = document.getElementById('webgl').getContext('webgl') 创建着色器程序 着色器的程序这些代码,其实是重复的,我们还是先看下图,看下我们到底需要哪些步骤: shader 那我们就跟着这
几个简单的小例子手把手带你入门webgl(二)