CocosCreator系列教程(四) HelloWorld

学习新技术的惯例,首先要做的当然是展示“HelloWorld”!

创建项目

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

new project

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

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

打开场景,开始工作

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

open scene

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

预览场景

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

preview button

Cocos Creator 会使用您的默认浏览器运行当前游戏场景,效果如图所示:

preview

点击预览窗口左上角的下拉菜单,可以选择不同设备屏幕的预览效果。

修改欢迎文字

Cocos Creator 以数据驱动为核心的最初体现,就在于当我们需要改变 Hello World 的问候文字时,不需要再编辑脚本代码,而是直接修改场景中保存的文字属性。

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

接下来在 属性检查器 面板下方找到 HelloWorld 组件属性,然后将 Text 属性里的文本改成 你好,世界!

change text

再次运行预览,可以看到欢迎文字已经更新了:

update preview

关注公众号:《码之有道》,一起聊游戏全栈开发!

1、公众号回复:【教程】获取零基础游戏开发客户端+服务端全套教程。
2、公众号回复:【实战】获取企业级实战项目。
3、公众号回复:【资料】获取大学四年整理的所有自学资料

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值