Cocos2d-JS Hello world(新人贴,大神请指教或者绕路)

本文介绍cocos2d-js版本3.10中两种创建UI的方法:一是利用cocosstudio工具进行可视化编辑;二是直接通过代码实现。适合初学者快速上手。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

   关于cocos2d-js的教程非常多,由于cocos2d-x版本更新得比较快,网上的大多都是以前的3.0或者上一点点的版本,而刚接触的大白下载了最新版本cocos2d-x 3.10, 在cocos建立项目之后就懵,怎么有个cocos studio,在里面做出来的UI又怎样运用到项目里面去呢?教程上的“var helloLabel = new cc.LabelTTF("Hello World", "Arial", 38);”这些代码又去哪里呢?
   莫急,这就开始给你讲解。

首先,你先在官网下载并安装好cocos软件,还有cocos studio,下载一个webStorm软件,用它来作为你cocos编程的IDE。
这里写图片描述
其实有两种方法可以做对象或者一些控件,一种就是使用cocos studio来做,另外一种就是就像大家找到普遍教程里的代码方式来写类似“var helloLabel = new cc.LabelTTF(“Hello World”, “Arial”, 38);”。
那么我先介绍第一种方法cocos studio,
第一步,在cocos studio弄点东西
这里写图片描述
保存之后发布:
这里写图片描述
这里写图片描述

第二步,我们用webStorm(下面简称WS)打开我们新建的项目helloJs。
看项目目录:
这里写图片描述

我们打开app.js,

这里写图片描述

第三步,run “index.html”
这里写图片描述

最后看到的是:

这里写图片描述

至此,第一种方法介绍完毕,至于里面的东西怎么用,自行网上查找哦。

第二种方法,不用cocos Studio 发布的资源。用常规的代码来写控件。
这里写图片描述

Run “index.html”后你会看到下面的hello World,不再是cocos studio发布的资源了。
这里写图片描述

至此,第二种方法介绍完。
总结,新手最好使用第二种方法,教程方面这方面很多。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值