1,创建项目【参考来源:官方文档】

在 Dashboard 中,打开 新建项目 选项卡,选中 Hello World 项目模板。

然后在项目路径栏中指定一个新项目存放路径,路径的最后一部分就是项目文件夹名称。

填好路径后点击右下角的 “Create” 按钮,就会自动以 Hello World 项目模板创建项目并打开。

2,打开场景,开始工作

Cocos Creator 的工作流程是以数据驱动和场景为核心的,初次打开一个项目时,默认不会打开任何场景,要看到 Hello World 模板中的内容,我们需要先打开场景资源文件。

Cocos Creator 的Hello World-LMLPHP

在 资源管理器 中双击箭头所指的 helloworld 场景文件。Cocos Creator 中所有场景文件都以 Cocos Creator 的Hello World-LMLPHP 作为图标。

3,场景预览

要预览游戏场景,点击编辑器窗口正上方的 预览游戏 按钮。

Cocos Creator 的Hello World-LMLPHP

Cocos Creator 会使用您的默认浏览器运行当前游戏场景,效果见下图;

Cocos Creator 的Hello World-LMLPHP

改变左上角下拉框,可以选择不同设备屏幕的预览效果。

4,简易修改

修改显示的文字,

首先在 层级管理器 中选中 Canvas 节点,我们的 HelloWorld 组件脚本就挂在这个节点上。

接下来在 属性检查器 面板下方找到 HelloWorld 组件属性,然后将 Text 属性里的文本修改即可:

Cocos Creator 的Hello World-LMLPHP

栗子,修改为“你好,CocosCreator”,运行效果,见下图:

Cocos Creator 的Hello World-LMLPHP

脚本如下:

cc.Class({
extends: cc.Component, properties: {
label: {
default: null,
type: cc.Label
},
// defaults, set visually when attaching this script to the Canvas
text: 'Hello, World!'
}, // use this for initialization
onLoad: function () {
this.label.string = this.text;
}, // called every frame
update: function (dt) { },
});

  

04-18 00:45