Cocos2d - JS
Yu______________
这个作者很懒,什么都没留下…
展开
-
cocos2d - JS A*算法
创建map对象 : var map = { rows : 5, cols : 5, arr : [ [0,0,1,0,0], [0,0,1,0,0], [0,1,0,0,0], [0,1,0,1,0], [0,0,0,1,0], ]原创 2016-08-05 11:53:47 · 698 阅读 · 0 评论 -
cocos2d - JS 实现翻页效果
cocos2d - JS 实现翻页效果 :显示效果 :说明 :Demo实现了常见的翻页效果 , 还有点击选关模式的放大效果 . 翻页效果主层 JavaScript 代码 :var SelectPageLayer = cc.Layer.extend({ deltaCount : null, curSelectPage : null, curSelectMode : null,原创 2017-01-17 15:38:11 · 3191 阅读 · 0 评论 -
cocos2d - JS 遮罩 ( ClippingNode )
cocos2d - JS 遮罩 ( ClippingNode ) :JavaScript 代码 :var clip = new cc.Sprite(res.cilp);var labelSp = new cc.ClippingNode(clip);labelSp.setPosition(cc.winSize.width/2, cc.winSize.height/2);Layer.addChild原创 2016-09-09 11:09:54 · 2445 阅读 · 0 评论 -
cocos2d - JS H5 适配流程
1. 查看有没有设置高清在main中添加 : 设置高清 - 链接cc.view.enableRetina(true);2. 是否设置后台停止音乐判断是否进入后台 - 链接 cc.eventManager.addCustomListener(cc.game.EVENT_HIDE, function () { //处理android 和 IOS 系统的特殊情况 详情见 后文原创 2016-09-07 11:40:33 · 2273 阅读 · 0 评论 -
cocos2d - JS Rect 相关
cocos2d - JS Rect 相关 :Rect - API :创建 rect :var rect = cc.rect(x,y,width,height);实例 :创建半透明rect : var drawRect = new cc.DrawNode();var color = cc.color(0, 0, 0, 155);drawRect.drawRect(cc.p(0, 0), cc.p原创 2016-07-25 09:07:42 · 955 阅读 · 0 评论 -
cocos2d - JS 判断进入后台事件
cc.eventManager.addCustomListener(cc.game.EVENT_HIDE, function(){ cc.log("游戏进入后台"); }); cc.eventManager.addCustomListener(cc.game.EVENT_SHOW, function(){ cc.log("重新返回游戏"); });原创 2016-08-25 15:15:16 · 1310 阅读 · 0 评论 -
cocos2d - JS 进阶主题 call() 、apply() 和 bind() 解析
Call方法 :定义:调用一个对象的一个方法,以另一个对象替换当前对象。 说明:Call 方法可以用来代替另一个对象调用一个方法。 Call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。 JavaScript 代码 : function add(a,b) {原创 2016-11-17 14:26:13 · 1791 阅读 · 0 评论 -
cocos2d - JS 判断浏览器类型
判断 : (当前浏览器类型 : cc.sys.browserType )cc.sys.browserType == cc.sys.BROWSER_TYPE_SAFARI;浏览器类型API : sys.BROWSER_TYPE_WECHAT = "wechat"; sys.BROWSER_TYPE_ANDROID = "androidbrowser"; sys.BROWS原创 2016-08-29 16:37:08 · 3018 阅读 · 0 评论 -
cocos2d-JS - H5游戏开发 实时更新数据
在 index.html 里 红色方框内调用main.js 在用户浏览器中会存在缓存 想实现实时更新代码又保证不是每次都重载main.js 解决办法 :1. 新建的load.js 2. index.html 里面调用新建的load.js 3. load.js 后面带 Time 获取当前时间, 每次用户进入网页时都会因为版本号不一样重新加载 load.js 4. load.js 体积非常小原创 2016-10-17 18:08:12 · 2531 阅读 · 0 评论 -
cocos2d-JS 实现 横竖屏提示效果
cocos2d-JS 实现 横竖屏提示 : 效果 :竖屏 : 横屏 : 全局添加创建提示层方法 : //创建旋转提示层var createColorLayer = function(){ var rotateImg = new cc.Sprite("res/rotate.png"); rotateImg.setPosition(cc.winSize.width/2 , cc.原创 2016-09-02 16:10:15 · 2755 阅读 · 0 评论 -
cocos2d - JS 修改 APK 包名
cocos2d - JS 修改 APK 包名 :找到对应路径原项目名字为 - test , 修改 string.xml修改完以后导出的APK包名 - LittleGirl注意 : 不能使用记事本修改 . (记事本保存格式会出问题)原创 2016-10-10 15:18:35 · 1149 阅读 · 0 评论 -
ecilpse 导入 cocos2d - JS 项目
ecilpse 导入 cocos2d - JS 项目 :原创 2016-10-10 15:25:33 · 669 阅读 · 0 评论 -
eclipse 打包 cocos2d-JS APK - 移植底层代码
eclipse 打包 cocos2d-JS APK - 移植底层代码 :复制项目中frameworks 里如图中的两个文件夹复制到 runtime-src …. 如图地址的文件夹如果项目版本是 v3.10以上的话 , 还需要复制粘贴到然后 build Path再同步最后原创 2016-09-21 17:12:24 · 505 阅读 · 0 评论 -
cocos2d - JS OpenGL相关
cocos2d - JS OpenGL相关 : 在cocos 项目 打包APK之后 , 在模拟器上运行左下角会显示相关OpenGL数据 .GL verts (显卡绘制的顶点数) : 说明 : 表示给显卡绘制的顶点数 .例如 : 显卡绘制一个正方形 , 正方形通常为四个顶点 , 绘制定点数为 4 , 但是如果用两个三角形来呈现出正方形的显示效果 , 绘制定点数就是 2*3 = 6 个了 .原创 2017-04-21 14:47:29 · 770 阅读 · 0 评论 -
cocos2d - JS 物理引擎 - chipmunk
物理引擎 - chipmunk (demo)物理引擎 - chipmunk :生成物理世界 :第一步 :新建项目打开 project.json 将chipmunk模块导入 . "modules" : ["cocos2d", "chipmunk"],第二步 :在 app.js 的 ctor 函数中里添加3个函数 ctor:function () { this._super(原创 2016-12-20 13:58:01 · 5172 阅读 · 0 评论 -
cocos2d - JS 打包 APK 黑屏问题解决方案
1. 检查 project里面的”jsList” 数组里面的命名和src里面的命名大小写不一致 : 解决方案 : 对应js文件名将”jsList”里的命名修改过来 保持大小写一致 !2. 检查js文件内容是不是为空 (js文件写进了 “jsList” 里, 但是又没有内容的话 APK会报错, 网页上运行没有问题) 解决方案 : * 删除空白js文件, “jsList” 对应删除 *原创 2016-09-21 15:11:06 · 2462 阅读 · 1 评论 -
cocos不是内部或外部命令 解决办法
cocos不是内部或外部命令 :setup完 , 但不能创建项目 , 提示cocos 不是内部或外部命令 .通常可能是环境变量导致的 . 解决办法 :将环境变量中 COCOS_CONSOLE_ROOT 的 变量值复制 . 然后粘贴到环境变量Path里 .原创 2017-04-14 14:33:39 · 6175 阅读 · 4 评论 -
cocos2d - JS 常用 API
cocos2d - JS 常用 API :创建颜色层 (LayerColor)API :var LayerColor = new cc.LayerColor(cc.color(0,0,0,120), cc.winSize.width, cc.winSize.height);scene.addChild(LayerColor);文本描边 : label.enableOutline(cc.color原创 2016-09-19 14:43:47 · 1383 阅读 · 0 评论 -
cocos2d - JS 输入框 ( EditBox )
cocos2d - JS 输入框 ( EditBox ) :效果 :JavaScript 代码 :var sp = new cc.Scale9Sprite(res.editbg);account = new cc.EditBox(boxSize, sp);//默认提示输入文本account.setPlaceHolder("请输入帐号");//提示字体account.setPlaceholde原创 2017-03-25 10:00:48 · 2549 阅读 · 0 评论 -
cocos2d - JS project.json 属性
概述项目相关配置,由原来的cocos2d.js中转移到project.json中,该文件需要与index.html同级,一般建议放在根目录下。由原来的cocos2d.js改为project.json的好处如下:原来的cocos2d.js中参杂了一些逻辑代码,无法很好体现其就是作为项目的配置文件。用json格式作为配置文件会更友好。也可以使得cocos-console、cocos-utils,甚至是用原创 2016-10-25 10:09:42 · 1646 阅读 · 0 评论 -
cocos2d - JS 点击事件
点击事件标准代码 :initListen: function(){ var that = this var listener = cc.EventListener.create({ event: cc.EventListener.TOUCH_ONE_BY_ONE, swallowTouches: true, onTouchBegan:原创 2016-07-25 08:30:20 · 1248 阅读 · 0 评论 -
cocos2d - JS Http请求
代码 : this.runAction(cc.sequence(cc.delayTime(0.3), cc.callFunc(this.clickRadish, this)));原创 2016-08-24 16:11:56 · 650 阅读 · 0 评论 -
cocos2d - JS 打包APK常见问题
cocos2d - JS 打包APK常见问题 :计时器 - schedule :JavaScript 代码 : this.schedule(test, 1, cc.repeatForever);test : function(){ cc.log("do something");},上面的代码打包APK以后 , fun方法只会调用一次 , 因为cc.repeatForever 在APK中不会原创 2016-08-18 08:27:27 · 1100 阅读 · 0 评论 -
cocos2d - JS 判断设备类型
JavaScript 判断运行设备是否为PC :说明 :下面这个函数是用来判断设备是否为PC , 稍做修改就可以用作判断移动设备 . JavaScript 代码 : function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Wi原创 2016-12-30 11:49:14 · 2878 阅读 · 0 评论 -
cocos2d - JS 精灵帧缓存 ( SpriteFrameCache )
添加精灵缓存 : cc.spriteFrameCache.addSpriteFrames("res/pic.plist");从缓存中获取 : var Url = cc.spriteFrameCache.getSpriteFrame("bg.png"); //"bg.png" 图片在plist里面的地址var bg = new cc.Sprite(Url);原创 2016-12-13 09:44:50 · 4096 阅读 · 0 评论 -
cocos2d - JS 手机浏览器上显示cc.log()
修改cc.log()里面的logListStyle 添加代码 : logListStyle.color = "#ff0000"修改project.json 里面的debugMode 为 4"debugMode":4,原创 2016-09-07 15:50:49 · 1705 阅读 · 0 评论 -
Cocos2d-JS 屏幕适配相关内容
监听浏览器窗口大小变化事件 : 新的适配方案允许在浏览器大小变化的时候自动重新尝试适配。比如说,当用户拖拽来改变浏览器大小,或者更有用的情况,当他们转动自己手机方向的时候。游戏中任意时刻都可以开启这种行为,只需要调用cc.view的resizeWithBrowserSize函数:cc.view.resizeWithBrowserSize(true);为了更灵活得应对变化,我们为cc.view提供转载 2016-08-31 19:27:49 · 2657 阅读 · 0 评论 -
cocos2d-JS 帧听断网、连网事件
cocos2d-JS 帧听断网、联网事件 : var EventUtil = { addHandler: function(element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); }原创 2016-10-22 16:44:18 · 834 阅读 · 0 评论 -
Cocos2d-JS 性能优化
缓存的创建和清除为了提供性能,Cocos2d-JS提供了几个缓存,分别应用与不同的情况。这些 缓存类有纹理缓存,精灵帧缓存,动画 缓存和着色器缓存。场景与资源不同的场景中资源的占用不同,而资源的占用决定了缓存创建和清除的时机。 缓存创建和清除时机 使用纹理和精灵帧缓存时,一个原则是:“尽可能将所有资源加载到缓存”。 事实上作为游戏开发人员,需要照顾那些配置比较低的设备。用户不可能采用“尽可能将转载 2016-10-25 11:29:22 · 2552 阅读 · 0 评论 -
cocos2d-JS 处理chrome浏览器后台返回黑屏问题
首先在main函数里面添加 禁止自动全屏cc.view.enableAutoFullScreen(false);然后全局添加 ://------------ chrome 浏览器黑屏问题---------------var _time = 0;var changeScreen = setInterval(function(){ var ua = navigator.userAgen原创 2016-09-08 11:00:12 · 1151 阅读 · 0 评论 -
cocos2d-JS 进阶主题 - JS到JAVA反射
如何在android平台上使用js直接调用Java方法在cocos2d-js 3.0beta中加入了一个新特性,在android平台上我们可以通过反射直接在js中调用java的静态方法。它的使用方法很简单:var o = jsb.reflection.callStaticMethod(className, methodName, methodSignature, parameters…) 在cal原创 2016-10-17 10:16:39 · 2641 阅读 · 0 评论 -
cocos2d-JS 打包APK动画无法播放问题
预先创建好动画 准备需要时抛出自定义事件 因为APK缓存机制导致资源被释放了 无法播放 解决方案 : 将创建过程放到需要的时候 临时创建 不会被无故释放掉, 动画可以正常播放原创 2016-09-21 15:18:00 · 580 阅读 · 0 评论 -
cocos2d-JS 监听屏幕大小改变函数
第一个 : 可以监听到safari浏览器 网址栏弹出情况window.onresize = function (){ //可以监测safari浏览器 网址栏弹出情况 alert("检测到屏幕大小变化");}第二个 : 只能监听普通网页浏览器大小变化cc.view.setResizeCallback(function() { alert("sizeChange"原创 2016-09-05 15:06:39 · 2724 阅读 · 0 评论 -
cocos2d-JS html5 声音适配总结
Ctrl + f 查找 supportTable点击进入 修改对应浏览器属性 (通常容易出问题的是QQ浏览器 和 小米浏览器) (根据实际适配情况进行修改 !) 在CCAudio.js 里面 ctrl + f 搜索 ” playeffect “ 将代码里面的 ” return null; ” 屏蔽掉 (可以防止各种声音因为多声道问题无法播放)原创 2016-09-07 10:46:02 · 1484 阅读 · 0 评论 -
cocos2d - JS project.json 里属性获取 与 判断
project.json 属性判断在project.json中添加的属性判断时需要用 (===) !原创 2016-11-25 13:11:15 · 661 阅读 · 0 评论 -
cocos2d - JS 读取 project.json 数据
读取 project.json 里属性cc.game.config["AdsSource"]原创 2016-11-28 10:26:16 · 634 阅读 · 0 评论 -
cocos2d - JS 数据保存与获取 ( SaveUserData & GetUserData )
数据保存 (saveUserData) :JSON.stringify 解析 userData对象保存为字符串saveUserData = function() { if(!userData) userData = {}; try { cc.sys.localStorage.setItem(cc.game.config["gameId"], JSON.str原创 2016-11-28 10:38:56 · 1525 阅读 · 0 评论 -
cocos2d - JS 逐帧动画 (Animation Layer)
/** * Created by Yu on 2016/9/13. */var AnimationLayer = cc.Layer.extend({ ctor: function(){ this._super(); this._init(); }, _init: function(){ var anim = new cc.原创 2016-09-13 15:47:15 · 2030 阅读 · 0 评论 -
cocos2d - JS 工具 - Rect可视化
cocos2d - JS 工具 - Rect可视化 :作用 :颜色填充rect , rect可视化. 使用方法 :传入父节点( node ) 和 需要显示的节点( Sprite ). var sp = new cc.Sprite("res/CloseNormal.png");sp.setPosition(cc.winSize.width/2, cc.winSize.height/2);this原创 2016-07-25 20:33:53 · 775 阅读 · 0 评论 -
cocos2d - JS 重力感应监听
搜索 : cc.ENGINE_VERSION原创 2016-12-19 10:40:28 · 1512 阅读 · 1 评论