html5 游戏开发框架 egret,Egret-Engine: Egret Framework是一款使用JavaScript(TypeScript)编写的HTML5开源免费游戏框架...-程序员宅基地

技术标签： html5 游戏开发框架 egret

Egret Engine

Egret Engine包含了白鹭时代研发的遵循HTML5标准的游戏引擎，他包括 2D / 3D 渲染核心、EUI体系、音频管理、资源管理等游戏引擎的常用模块。

通过使用白鹭引擎，开发者可以尽可能的不用关注浏览器的底层实现，解决HTML5游戏性能问题及碎片化问题，灵活地满足开发者开发2D或3D游戏的需求。

引擎覆盖平台

移动端

PC端

安装

首先获得 Egret Engine

首先下载 Egret Engine 管理器

下载成功后进行安装与部署

安装好后以后我们可以方便的管理 Egret 引擎和工具了。

开始

TypeScript

Egret 项目使用 TypeScirpt 语言来开发。TypeScript 是 JavaScript 的超集，具体内容可以参考 TyptScript语言手册。Egret 的 API 和 AS3 有很多相似之处，如果您熟悉的话肯定容易上手。

使用命令行创建项目

你可以使用如下命令创建游戏的默认项目

egret create HelloWorld

如果有特殊需要可以加入参数--type empty|game|gui|eui 来指定不同的项目。创建游戏后可以看到一个名为'HelloWorld'的文件夹。

编写第一行代码

游戏项目的入口类默认在src/Main.ts里面。下面编写我们的项目的第一行代码,在默认的代码中找到createGameScene()函数，添加console.log("Hello World");。

变成了下面的样子：

private createGameScene():void {

//插入 log

console.log("Hello World");

var sky:egret.Bitmap = this.createBitmapByName("bgImage");

this.addChild(sky);

var stageW:number = this.stage.stageWidth;

var stageH:number = this.stage.stageHeight;

sky.width = stageW;

sky.height = stageH;

//以下省略

}

这里我们调用了一条常用的调试命令，console.log("需要显示的log内容")将在浏览器的开发者工具下显示出来我们的log。

我们推荐使用 Chrome 来调试 Egret 项目。

我们使用如下命令构建项目：

egret build

然后使用如下命令行来运行项目：

egret startserver

完成。

更多内容请参考学习模块查看文档学习。

演示 Demo

守卫我的塔Demo

在线体验地址请点击：演示地址

查看更多 2D/3D 示例，请点击：示例中心

游戏案例

更多案例请访问案例中心

学习

访问使用文档获取引擎使用文档

访问 Example 学习示例源码

访问 API 获取 API 使用文档

访问 Video 获取教程视频和直播视频

访问 Community 和其他开发者线上交流

工具

访问 Egret Engine 获取 Egret 引擎的启动器

访问 Egret Wing 获取 Egret IDE

访问 Dragonbones Pro 获取 Egret 骨骼动画工具

第三方库

使用 base64texture 把 base64 字符串转换为 egert Texture

使用 dcagent DataEye SDK for Egret

使用 ecs 实体组件系统支持库

使用 keyboard 键盘事件监听库

使用 Greensock Greensock 动画库

使用 jszip jszip 压缩库

使用 md5 一个简单的md5库

使用 mouse pc鼠标支持库

使用 physics p2物理引擎，当前使用的版本为0.7.0

使用 socket socket.io

使用 tiled tiledmap 支持库

更多第三方库请访问第三方库

贡献

一个好的问题是参与开源社区的第一步，你可以先提Issues。

我们鼓励你到官方社区进行提问和回答问题，也能够帮助后来者更高效的解决问题。

License

This content is released under the (https://opensource.org/licenses/BSD-2-Clause) BSD License.

本文链接：https://blog.csdn.net/weixin_39781550/article/details/117738394

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

c# 调用c++ lib静态库_c#调用lib-程序员宅基地

文章浏览阅读2w次，点赞7次，收藏51次。四个步骤1.创建C++ Win32项目动态库dll 2.在Win32项目动态库中添加外部依赖项 lib头文件和lib库3.导出C接口4.c#调用c++动态库开始你的表演...①创建一个空白的解决方案，在解决方案中添加 Visual C++ , Win32 项目空白解决方案的创建：添加Visual C++ , Win32 项目这......_c#调用lib

deepin/ubuntu安装苹方字体-程序员宅基地

文章浏览阅读4.6k次。苹方字体是苹果系统上的黑体，挺好看的。注重颜值的网站都会使用，例如知乎：font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, W..._ubuntu pingfang

html表单常见操作汇总_html表单的处理程序有那些-程序员宅基地

文章浏览阅读159次。表单表单概述表单标签表单域按钮控件demo表单标签表单标签基本语法结构<form action="处理数据程序的url地址“ method=”get|post“ name="表单名称”></form><!--method将表单中的数据传送给服务器处理，get方式直接显示在url地址中，数据可以被缓存，且长度有限制；而post方式数据隐藏传输，_html表单的处理程序有那些

PHP设置谷歌验证器（Google Authenticator）实现操作二步验证_php otp 验证器-程序员宅基地

文章浏览阅读1.2k次。使用说明:开启Google的登陆二步验证（即Google Authenticator服务）后用户登陆时需要输入额外由手机客户端生成的一次性密码。实现Google Authenticator功能需要服务器端和客户端的支持。服务器端负责密钥的生成、验证一次性密码是否正确。客户端记录密钥后生成一次性密码。下载谷歌验证类库文件放到项目合适位置(我这边放在项目Vender下面)https://github.com/PHPGangsta/GoogleAuthenticatorPHP代码示例://引入谷_php otp 验证器

【Python】matplotlib.plot画图横坐标混乱及间隔处理_matplotlib更改横轴间距-程序员宅基地

文章浏览阅读4.3k次，点赞5次，收藏11次。matplotlib.plot画图横坐标混乱及间隔处理_matplotlib更改横轴间距

docker — 容器存储_docker 保存容器-程序员宅基地

文章浏览阅读2.2k次。①Storage driver 处理各镜像层及容器层的处理细节，实现了多层数据的堆叠，为用户提供了多层数据合并后的统一视图②所有 Storage driver 都使用可堆叠图像层和写时复制（CoW）策略③docker info 命令可查看当系统上的 storage driver主要用于测试目的，不建议用于生成环境。_docker 保存容器

随便推点

网络拓扑结构_网络拓扑csdn-程序员宅基地

文章浏览阅读834次，点赞27次，收藏13次。网络拓扑结构是指计算机网络中各组件（如计算机、服务器、打印机、路由器、交换机等设备）及其连接线路在物理布局或逻辑构型上的排列形式。这种布局不仅描述了设备间的实际物理连接方式，也决定了数据在网络中流动的路径和方式。不同的网络拓扑结构影响着网络的性能、可靠性、可扩展性及管理维护的难易程度。_网络拓扑csdn

JS重写Date函数，兼容IOS系统_date.prototype 将所有 ios-程序员宅基地

文章浏览阅读1.8k次，点赞5次，收藏8次。IOS系统Date的坑要创建一个指定时间的new Date对象时，通常的做法是：new Date("2020-09-21 11:11:00")这行代码在 PC 端和安卓端都是正常的，而在 iOS 端则会提示 Invalid Date 无效日期。在IOS年月日中间的横岗许换成斜杠，也就是new Date("2020/09/21 11:11:00")通常为了兼容IOS的这个坑，需要做一些额外的特殊处理，笔者在开发的时候经常会忘了兼容IOS系统。所以就想试着重写Date函数，一劳永逸，避免每次ne_date.prototype 将所有 ios