COCOS-HTML5-3.9版本学习(一)HTML5的COCOS环境
来源:互联网 发布:js形参和实参 编辑:程序博客网 时间:2024/06/03 14:12
首先我们先来说下开发环境吧:
也许很多人和我一样是web前端开发,一看官网那个COCOS-JS那个包300多M就崩溃了。其实当人认真研究官方文档和别人写的教程你会发现其实cocos也可以和jquery一样作为第三方引入。
第一步:
我们去下载JS。
地址:http://cocos2d-x.org/filecenter/jsbuilder 网站是英文的,不过没关系,里面有两个版本; lite version 缩减版; full version 完整版;第二步: 都是几百KB,和jquery擦不多大;下载下来以后解压缩就可以看到完整的项目事例。 开发工具这个看个人爱好吧能写JS就可以;我用的HBuilder, 这就是我创建的工程,在JS文件夹下引入cocos2d-js-v3.9.js 这个文件官方下载的示例中有,复制过来。最好index.html也复制过来,<pre name="code" class="html"><!DOCTYPE html><html><head> <title>Hello Cocos2d-JS</title> <script type="text/javascript" src="cocos2d-js-v3.9-lite.js" charset="UTF-8"></script></head><body> <canvas id="gameCanvas" width="800" height="450"></canvas> <script type="text/javascript"> window.onload = function(){ cc.game.onStart = function(){ //load resources cc.LoaderScene.preload(["HelloWorld.png"], function () { var MyScene = cc.Scene.extend({ onEnter:function () { this._super(); var size = cc.director.getWinSize(); var sprite = cc.Sprite.create("HelloWorld.png"); sprite.setPosition(size.width / 2, size.height / 2); sprite.setScale(0.8); this.addChild(sprite, 0); var label = cc.LabelTTF.create("Hello World", "Arial", 40); label.setPosition(size.width / 2, size.height / 2); this.addChild(label, 1); } }); cc.director.runScene(new MyScene()); }, this); }; cc.game.run("gameCanvas"); }; </script></body></html>
然后我们来说下这段代码:
<canvas id="gameCanvas" width="800" height="450"></canvas>
width,height就是我们需要创建的窗口大小,工程创建好了就运行下吧。 2 0
- COCOS-HTML5-3.9版本学习(一)HTML5的COCOS环境
- COCOS-HTML5-3.9版本学习(二)HTML5的COCOS结构模板
- COCOS-HTML5-3.9版本学习(三)box2d物理引擎的测试
- COCOS-HTML5-3.9版本学习(四)chipmunk物理引擎的测试
- cocos-html5 button: setEnabled setBright
- cocos Creater学习(一)
- cocos 手游开发与 cocos-html5 页游的屏幕适配
- HTML5的学习(一)HTML5标签
- cocos-js开发html5游戏视频教程
- 【html5】HTML5学习(一)
- HTML5的学习(一)
- cocos studio学习笔记(一)
- cocos引擎的环境搭建
- cocos-js 的事件监听(学习)
- cocos学习
- HTML5学习(一)
- HTML5学习(一)
- HTML5学习(一)
- 关于Android VideoView seekTo不准确的问题
- 十字链表矩阵
- WFS 实现说明(Web Feature Service Implementation Specification)
- Hexo常用命令
- 语音信号处理之(三)矢量量化(Vector Quantization)
- COCOS-HTML5-3.9版本学习(一)HTML5的COCOS环境
- Java动态创建类
- AChartEngine 解析
- (七)黑马程序员——正则表达式
- Reveal 一个让你开发事半功倍的工具
- MySQL下,text 、blob的比较
- 2016-01-04 FFC
- LayoutInflater的3种取得方式,还有 View.inflate(context)
- mysql 存入 小数点后2位的数据 字段类型的设置?