Egret引擎开发指南之创建项目

Egret提供非常方便的创建工具，我们把创建后的文件总和称之为项目。在后面的操作中，我们对创建的项目进行操作，具体创建步骤如下：

需要注意的是Egret支持Windows和Mac OS X 两个平台。在不同平台中，我们使用的Egret命令是相同。对于不同的命令，大家可以参考文档中相关平台的操作介绍。

Egret在创建的时候，需要指定创建项目所在目录。Egret会将所有创建后的项目文件全部存放到指定目录中。

1.Windows系统中进入项目目录

我们在Windows中的命令行工具中敲入命令如下图：

2.Mac OS X系统中进入项目目录

我们在Mac OS X中创建一个名称为egretdemo的文件夹。文件夹路径为：/Volumes/mac1/egretdemo/

在终端中使用cd命令定位到当前目录，cd /Volumes/mac1/egretdemo/

3.创建Hello World项目

下面我们通过egret提供的工具来创建我们的项目，我们把当前的项目名称称之为“HelloWorld”。在终端中使用命令：egret create HelloWorld。

稍等几秒后，egret工具会在我们制定的目录下创建一个名称为“HelloWorld”的项目。在你制定的目录中，egret创建的项目会与项目名称相同。你会在指定的/Volumes/mac1/egretdemo/目录中看到一个名称为"HelloWorld"的文件夹。所以当前项目的文件全部存在在这个文件夹中。

在生成的项目文件夹中我们会看到四个子文件夹。

workspace  // egret工作空间
 |-- HelloWorld // 游戏项目
    |-- src // 游戏代码目录,源代码均存放在此目录中，其文件后缀名为`.ts`。
    |-- resources // 游戏资源目录,存放着游戏使用的资源，包括图片文件，音频文件以及资源配置文件等。
    |-- launcher // 游戏入口,所有的可运行查看游戏效果的网页文件均存放在这个文件夹中。
        |-- index.html //启动文件
    |-- libs //egret引擎库文件
    |-- bin-debug // 编译后的代码目录,存放当前debug模式的代码，这个文件夹中绝大部分代码为`.js`文件。
    |-- egretProperties.json //Egret项目编译参数
赞 (0)

相关推荐

  • Egret引擎开发指南之编译项目

    Egret的编译功能依赖于TypeScript的编译功能.实际上TypeScript的编译过程并非传统的将程序源代码翻译为机器可执行的二级制文件过程.由于浏览器能够识别执行的脚本只有JavaScript,所以TypeScript的编译仅仅是把TypeScript翻译为对应的JavaScript脚本. 我们无需理解里面复杂的过程,我们仅仅可以把编译过程理解为将TypeScript翻译成能够被浏览器执行的JavaScript代码即可. 这个"翻译"的过程也非常简单.我们仅仅需要执行一个简单

  • Egret引擎开发指南之运行项目

    Egret引擎开发指南之运行项目

    这是一个令人兴奋的小结,因为在这个小结中你终于能够看到你的第一个Demo的运行效果. 1.使用Egret工具运行游戏 运行Egret项目,我们需要一个已运行的HTTP服务器.在前面安装Egret的教程中,我们已经为大家推荐了一款HTTP服务器.现在我们来看一下如何使用我们egret提供的最简单的HTTP服务器来运行我们的项目. 和前面的教程一样,我们首相在终端中定位我们的项目,使用cd命令. 然后我们执行一个简单的命令来启动Egret的HTTP服务器,命令如下: egret startserve

  • Windows 系统下安装和部署Egret的开发环境

    Windows 系统下安装和部署Egret的开发环境

    需要安装的软件如下: Node.js TypeScript TypeScript代码编辑器 HTTP服务器(可选) Chrome(可选) Egret 这篇文档中,我们主要介绍在Windows环境中安装Egret.其安装步骤如下. 1.安装Node.js 1.1下载Node.js Node.js的安装方法非常简单,我们可以访问 Node.js官网,然后进点击页面中的INSTALL按钮,可直接下载Node.js的msi安装文件包. 本教程撰写时,Node.js版本为0.10.29,如果你的版本高于此

  • Egret引擎开发指南之视觉编程

    Egret引擎开发指南之视觉编程

    显示对象和显示列表 "显示对象",准确的含义是可以在舞台上显示的对象.可以显示的对象,既包括可以直接看见的图形.文字.视频.图片等,也包括不能看见但真实存在的显示对象容器. 在Egret中,视觉图形都是由显示对象和显示对象容器组成的. 如果我们要表达上图中的场景,我们应该如何通过树的方式来描述呢? 显示对象等级结构 在Egret中,显示对象被分为两大类:一种是可以包括其他显示对象的显示对象容器,简称为"容器".另外一种是单纯的显示对象,除自身以外不能包括其他显示对象

  • Egret引擎开发指南之发布项目

    在Egret中,使用发布功能也非常的简单.你只需要使用如下命令即可: egret publish HelloWorld 此命令中egret publish为发布命令,HelloWorld是你当前项目的名称. 执行此命令后,egret会启动发布打包工作.此时的发布过程可能相对build功能耗时更长.因为Egret工具会对你的游戏代码做最终的发布工作,这个工作是非常严格的编译过程.其中的过程非常的复杂.我们只需要了解它的作用即可. 使用Egret的发布功能还需要安装Java7.你应该安装Java7或

  • Mac OS X 系统下安装和部署Egret引擎开发环境

    Mac OS X 系统下安装和部署Egret引擎开发环境

    概述 Egret基于TypeScript开发的,而TypeScript编译工具tsc是基于Node.js开发的.所以在安装过程中,我们先需要对于基础支持工具进行安装.需要安装的软件如下: Node.jsTypeScript代码编辑器HTTP服务器(可选)Chrome(可选)EgretJava 这篇文档中,我们主要介绍在Mac环境中安装Egret.其安装步骤如下. 1.安装Node.js 1.1下载Node.js Node.js的安装方法非常简单,我们可以访问Node.js官网,然后进点击页面中的

  • Egret引擎开发指南之创建项目

    Egret引擎开发指南之创建项目

    Egret提供非常方便的创建工具,我们把创建后的文件总和称之为项目.在后面的操作中,我们对创建的项目进行操作,具体创建步骤如下: 需要注意的是Egret支持Windows和Mac OS X 两个平台.在不同平台中,我们使用的Egret命令是相同.对于不同的命令,大家可以参考文档中相关平台的操作介绍. Egret在创建的时候,需要指定创建项目所在目录.Egret会将所有创建后的项目文件全部存放到指定目录中. 1.Windows系统中进入项目目录 我们在Windows中的命令行工具中敲入命令如下图:

  • PyCharm Anaconda配置PyQt5开发环境及创建项目的教程详解

    1 安装pyqt5 1.1 安装pyqt5 pip install PyQt5 1.2 安装pyqt5常用工具包 pip install PyQt5-tools 1.3 新建main.py编写以下测试代码,验证是否安装成功 import sys from PyQt5.QtWidgets import QWidget, QApplication app = QApplication(sys.argv) widget = QWidget() widget.resize(640, 480) widge

  • AngularJS 中的指令实践开发指南(一)

    指令(Directives)是所有AngularJS应用最重要的部分.尽管AngularJS已经提供了非常丰富的指令,但还是经常需要创建应用特定的指令.这篇教程会为你讲述如何自定义指令,以及介绍如何在实际项目中使用.在这篇文章的最后(第二部分),我会指导你如何使用Angular指令来创建一个简单的记事本应用. 概述 一个指令用来引入新的HTML语法.指令是DOM元素上的标记,使元素拥有特定的行为.举例来说,静态的HTML不知道如何来创建和展现一个日期选择器控件.让HTML能识别这个语法,我们需要

  • PHP导出EXCEL快速开发指南--PHPEXCEL的使用详解

    PHP导出EXCEL快速开发指南phpexcel有专有的开发文档,详细操作请参考其开发文档,本文档只是对其在使用上作了优化整合,便于在新项目中快速开发.phpexcel生成文件同样有两种方式,一种方式为直接输出,一种方式为生成静态文件.直接输出:主文件为(class目录的同目录文件): 复制代码 代码如下: <?php include("./class/class.php"); // 包含class的基本头文件include("./class/phpexcel/PHPE

随机推荐