Cocos-JS
文章平均质量分 81
180斤的程序员
请支持我的博客,有什么不对的地方请指教!
展开
-
在Cocos2d-Js使用按钮
在cocosjs中创建一个button(按钮)大体可以分为3种方法。1.创建一个Menu。2.使用cocostudio编辑器编辑ui界面导入到工程中通过getChildByTag(),getChildByName()获取这个button。3.直接 new ccui.Button();但是会出现报错ccui is not defined,原因就是没有引入 “extensions”模块原创 2017-08-22 09:01:24 · 758 阅读 · 0 评论 -
场景问题
如果使用了pushScene进入场景,那么出来场景必须用popScene原创 2017-08-06 20:31:15 · 265 阅读 · 0 评论 -
触摸事件
//创建 触摸事件监听器 this.touchListener = cc.EventListener.create({ event: cc.EventListener.TOUCH_ONE_BY_ONE, swallowTouches: true, // 设置是否吞没事件 onTouchBegan:原创 2017-08-06 20:30:35 · 266 阅读 · 0 评论 -
Action
/**************************place将节点放置到某个指定位置*********************/ var place = cc.place(100,60); this.sprite.runAction(place); /**************************flipX将目标水平翻转,flipY将原创 2017-08-12 23:13:59 · 258 阅读 · 0 评论 -
Audio
cc.Audio = cc.Node.extend({ ctor:function(){ this._super(); //cc.audioEngine控制音乐 cc.audioEngine.playMusic("",true);//播放指定音乐 cc.audioEngine.stopMusic();//停止音乐原创 2017-08-12 23:12:37 · 243 阅读 · 0 评论 -
基本UI
/** * Created by Administrator on 2017/4/21. */var s_resprefix = "";var BasicLayer = cc.Layer.exteBnd({ ctor: function () { this._super(); var winSize = cc.winSi原创 2017-08-12 23:12:17 · 230 阅读 · 0 评论 -
事件机制
/** * Created by Administrator on 2017/4/20. */var EventLayer = cc.Layer.extend({ ctor: function () { this._super(); this.init(); var winSize原创 2017-08-12 23:11:38 · 166 阅读 · 0 评论 -
Js语法
/** * Created by Administrator on 2017/5/26. *//*****************************连接字符串+************************///注意整型和字符型字符串连接,整型会自动变成字符型var frameName = "Images/grossini_dance_" + ((i animati原创 2017-08-12 23:11:24 · 164 阅读 · 0 评论 -
pool池
/** * Created by Administrator on 2017/5/27. *///内存管理cc.pool.putInPool(obj);//将对象放入对象缓冲池中cc.pool.hasObject(objClass);//判断回收池中是否有可用的指定对象cc.pool.removeObject(obj);//删除回收池中的指定对象cc.pool.getF原创 2017-08-12 23:10:38 · 624 阅读 · 0 评论 -
resource资源加载
var res = { HelloWorld_png : "res/HelloWorld.png", plist:"1.plist", png:"1.png"};var g_resources = [];for (var i in res) { g_resources.push(res[i]);}原创 2017-08-12 23:10:20 · 402 阅读 · 0 评论 -
进入/退出layer的先后顺序
onEnter->onEnterTransitionDidFinish->onExitTransitionDidStart->onExit原创 2017-08-05 10:09:20 · 335 阅读 · 0 评论 -
如果移动一个精灵,让它也到你手指移动到的位置
this.touchFighterlistener = cc.EventListener.create({ event: cc.EventListener.TOUCH_ONE_BY_ONE, swallowTouches: true, // 设置是否吞没事件 onTouchBegan: function (touch,原创 2017-08-05 10:08:58 · 408 阅读 · 0 评论 -
点击按钮(Button、MenuItemSprite)
1、Buttonvar button = this._button = new ccui.Button();button.setTouchEnabled(true);button.loadTextures("ccs-res/cocosui/animationbuttonnormal.png","ccs-res/cocosui/animationbuttonpressed.png", "原创 2017-08-05 10:08:11 · 779 阅读 · 0 评论 -
使用plist文件的png,必须先加载精灵帧缓存
cc.spriteFrameCache.addSpriteFrames(res_platform.texture_plist, res_platform.texture_res);var top = new cc.Sprite("#home-top.png");//#home-top.png在plist文件中top.x = winSize.width / 2;top.y = winSi原创 2017-08-06 20:31:56 · 751 阅读 · 1 评论 -
获取/设置key的值,相当于Cocos2d-x的UserDefault
例如:musicStatus = cc.sys.localStorage.getItem(MUSIC_KEY);effectStatus = cc.sys.localStorage.getItem(EFFECT_KEY);cc.sys.localStorage.setItem(EFFECT_KEY, true);原创 2017-08-06 20:32:19 · 275 阅读 · 0 评论 -
runScene
在JS中没有replaceScene,而是用runScene来代替.原创 2017-08-06 20:32:42 · 468 阅读 · 0 评论 -
cocos2d-js中project.json文件中modules什么含义?
用于指定加载模块,比如"extensions", "pluginx", "box2d", "chipmunk","external","cocos2d"等等(都在frameworks/cocos2d-html5/moduleConfig.json中)原创 2017-08-22 09:01:09 · 394 阅读 · 0 评论 -
创建一个新的.js文件注意点
1、Cocos2d-js每当在src中创建一个js文件,不要忘记在project.json文件中jsList加入进去。比如新创建一个Hello.js,这是jsList里面加入"src/Hello.js".2、不要忘记在project.json文件中modules添加你需要的引擎目录。原创 2017-08-22 09:01:01 · 1174 阅读 · 0 评论 -
Cocos2d-JS中Project.json文件的作用及其解释
此文件为项目配置文件,内容描述如下: "project_type": "javascript",//项目类型; "debugMode" : 1,//调试类型0表示关闭调试模式,1表示log,2表示warn,3表示error,5表示logForWebPage,6表示warnForWebPage,7表示errorForWebPage "showFPS" : true,//原创 2017-08-22 09:00:47 · 2637 阅读 · 0 评论 -
Cocos2d-js中moduleConfig.json文件的位置
项目中frameworks/cocos2d-html5/moduleConfig.json原创 2017-08-22 09:00:41 · 324 阅读 · 0 评论 -
config.json文件
只有在Cocos Code IDE中运行才需要该文件,它是配置模拟器运行信息的,该文件在工程发布时候和Web环境下运行都没有用处。但如果想Cocos Code IDE中运行,并改变模拟器大小和方向,可以修改该文件,config.json文件代码如下:[html] view plain copy print?在CODE上查看代码片派生到我的代码片{ "init_cfg": {原创 2017-08-22 09:00:28 · 14503 阅读 · 0 评论 -
JS Math.sin() 与 Math.cos() 用法
Math.sin(x) x 的正玄值。返回值在 -1.0 到1.0 之间;Math.cos(x) x 的余弦值。返回的是 -1.0 到1.0 之间的数;这两个函数中的X 都是指的“弧度”而非“角度”,弧度的计算公式为:2*PI/360*角度;30° 角度 的弧度 = 2*PI/360*30如何得到圆上每个点的坐标?解决思路:根据三角形的正玄、余弦来得原创 2017-08-22 09:00:10 · 480 阅读 · 0 评论 -
JS中Math.ceil()和Math.floor(x)的使用
JS中的Math.ceil函数的用法Math.ceil(x) --返回大于等于数字参数的最小整数(取整函数),对数字进行上舍入Math.floor(x)--返回小于等于数字参数的最大整数,对数字进行下舍入例如:document.write(Math.ceil(5.99));//6document.write(Math.ceil(-5.99));//-5document.writ原创 2017-08-22 09:00:03 · 1055 阅读 · 0 评论 -
设置一个对象的属性
this._grossini = new cc.Sprite(s_pathGrossini); this._grossini.attr({ x: winSize.width / 2, y: winSize.height / 2, rotation: 120, color: cc.color(255, 0, 0) });原创 2017-08-06 20:34:41 · 433 阅读 · 0 评论 -
锚点设置
var box = new cc.LayerColor(cc.color(255, 255, 0, 255)); box.anchorX = 0; box.anchorY = 0;原创 2017-08-06 20:34:26 · 353 阅读 · 0 评论 -
帧动画的实现
var animation = new cc.Animation(); for (var i = 1; i var frameName = "Images/grossini_dance_" + ((i animation.addSpriteFrameWithFile(frameName); }原创 2017-08-06 20:33:54 · 242 阅读 · 0 评论 -
数组中加入对象
var ret = []; ret.push( this._kathia.rotation );原创 2017-08-06 20:33:28 · 399 阅读 · 0 评论 -
定时器
this.scheduleOnce(this.checkControl1,2.1);//只调用一次checkControl1原创 2017-08-06 20:33:08 · 154 阅读 · 0 评论 -
Cocos-js类似枚举定义
//定义敌人类型EnemyTypes = { Enemy_Stone: 0,//陨石 Enemy_1: 1,//敌机1 Enemy_2: 2,//敌机2 Enemy_Planet: 3 //行星};如何使用EnemyScores.Enemy_Stone原创 2017-08-05 10:07:57 · 671 阅读 · 0 评论 -
Cocos2d-x使用AssetsManager更新资源和脚本
【说明】热更新实际就是从服务器下载资源包,保存到本地后解压使用的过程,而Cocos2d已经帮我们封装好了,那就是AssetsManager类,我们只需要关心怎么使用就行了。【使用】1. 准备好资源包我这里直接用的GitHub作为服务器做测试,GitHub的基本使用请参考上一篇文章。> 创建代码库后,上传一个资源文件(cocos2d-update-temp-package.zip原创 2017-08-05 10:07:38 · 983 阅读 · 0 评论 -
数字转换成字符串
1、使用toString()将数字转换成字符串,例如var a = 3;var b = a.toString();2、强制类型转换String(value)——把给定的值转换成字符串。3、使用toFixed(),例如,this.label4.setString(this.time4.toFixed(1));原创 2017-08-05 10:07:01 · 441 阅读 · 0 评论 -
JavaScript 比较 和 逻辑运算符
比较和逻辑运算符用于测试 true 或者 false。比较运算符比较运算符在逻辑语句中使用,以测定变量或值是否相等。x=5,下面的表格解释了比较运算符:运算符描述比较返回值==等于x==8falsex==5true===原创 2017-08-02 12:02:34 · 1335 阅读 · 0 评论 -
JavaScript条件、循环语句
1、条件语句1、if语句1、条件语句用于基于不同的条件来执行不同的动作。条件语句通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在 JavaScript 中,我们可使用以下条件语句:if 语句 - 只有当指定条件为 true时,使用该语句来执行代码if...else 语句 -当条件为 true时执行代码原创 2017-08-02 12:02:12 · 511 阅读 · 0 评论 -
JavaScript typeof, null, 和 undefined
JavaScript typeof, null, undefined, valueOf()。typeof 操作符你可以使用 typeof 操作符来检测变量的数据类型。实例typeof "John" // 返回 stringtypeof 3.14 // 返回 numbertypeof false原创 2017-08-02 12:01:51 · 181 阅读 · 0 评论 -
JavaScript 类型转换
Number() 转换为数字, String()转换为字符串, Boolean()转化为布尔值。JavaScript 数据类型在 JavaScript 中有 5 种不同的数据类型:stringnumberbooleanobjectfunction3 种对象类型:ObjectDateArray2 个不包含任何值的数据类型:nullu原创 2017-08-02 12:00:19 · 172 阅读 · 0 评论 -
Cocos2d-js在web启动流程
第一步:首先,index.html会生成游戏所需要的canvas(一般都是通过canvas渲染而不是WebGL),然后加载CCBoot.js文件,而CCBoot.js中将预加载所有Cocos2d-JS的HTML5类库,并拉取项目配置文件project.json,项目配置文件中说明了游戏的一些设置以及需要预加载哪些JS文件等。此时,游戏引擎根据project.json中的设置进行相应的操作。原创 2017-08-08 11:45:40 · 1049 阅读 · 0 评论 -
cocos2d-js中Math对象的常用方法总结
cocos2d-js中Math对象的常用方法总结1.丢弃小数部分,保留整数部分parseInt(5/2)2.向上取整,有小数就整数部分加1Math.ceil(5/2)3,四舍五入.Math.round(5/2)4,向下取整Math.floor(5/2)二、Math 对象的方法1. Math.abs(num) : 返回num的绝对值2. Math.acos原创 2017-08-08 11:45:32 · 2094 阅读 · 0 评论 -
终端输出打印日志
使用 console.log() 写入到浏览器的控制台。cc.log("123456798");原创 2017-08-07 17:02:44 · 851 阅读 · 0 评论 -
JavaScript保留关键字
Javascript 的保留关键字不可以用作变量、标签或者函数名。有些保留关键字是作为 Javascript 以后扩展使用。abstractargumentsbooleanbreakbytecasecatchcharclass*const原创 2017-08-07 17:02:33 · 1881 阅读 · 2 评论 -
Cocos2d-Js中创建对象都使用new 对象,而且每个对象前面都要加cc.例如
var child = new cc.Sprite(s_pathGrossini);//创建对象;child.x = 200;//设置坐标;child.y = 200;this.addChild(child, 1);//添加精灵;原创 2017-08-07 17:02:21 · 1279 阅读 · 0 评论