
js
Cleve_baby
这个作者很懒,什么都没留下…
展开
-
cocoscreator中tween详细用法
基本方法:to:对属性进行绝对值计算,最终的运行结果即是设置的属性值,即改变到某个值by:对属性进行相对值计算,最终的运行结果是设置的属性值加上开始运行时节点的属性值,即变化值 贝塞尔曲线: · 支持缓动任意对象的任意属性· 变速 easing· 自定义 progress// 对所有属性自定义 progress// 对单个属性自定义 progress· 插入其他的缓动到队列中· 并行执行缓动· 回调· 重复执行转载 2022-07-06 09:18:31 · 10854 阅读 · 0 评论 -
代理模式(Typescript)
interface Icalc{ calc(num1:number, num2:number):number;}class Npc1 implements Icalc{ calc(num1: number, num2: number): number { return num1 + num2; }}class Npc2 implements Icalc{ calc(num1: number, num2: number): number { ...原创 2022-03-26 17:37:40 · 1276 阅读 · 0 评论 -
WebStorm的ActivationCode
K6IXATEF43-eyJsaWNlbnNlSWQiOiJLNklYQVRFRjQzIiwibGljZW5zZWVOYW1lIjoi5o6I5p2D5Luj55CG5ZWGOiBodHRwOi8vaWRlYS5oay5jbiIsImFzc2lnbmVlTmFtZSI6IiIsImFzc2lnbmVlRW1haWwiOiIiLCJsaWNlbnNlUmVzdHJpY3Rpb24iOiIiLCJjaGVja0NvbmN1cnJlbnRVc2UiOmZhbHNlLCJwcm9kdWN0cyI6W3siY29kZ转载 2021-04-25 11:17:56 · 2641 阅读 · 0 评论 -
cocos2d-js实现网页全屏心得
1.如果是H5全屏,使用cc.screen里面的接口就可以完成判断全屏:cc.screen.isFullScreen()打开全屏:cc.screen.requestFullScreen(document.documentElement,function(){});关闭全屏:cc.screen.exitFullScreen();2.如果是浏览器全屏(F11)使用上面办法就无法判断是否全屏,只能通过浏览器的宽高去判断,重点:火狐浏览器和chrome浏览器判断方式有点区别var explor原创 2020-07-18 14:15:46 · 501 阅读 · 0 评论 -
精灵切割
1.var sp = new cc.Sprite( res.pintu_1_jpg); sp.setPosition(cc.winSize.width>>1,cc.winSize.height>>1); //添加精灵图片 this.addChild(sp); var teel = new cc.Sprite( res.pintu_1_jpg,c原创 2016-06-16 16:09:23 · 447 阅读 · 0 评论 -
实现麻将回放功能
1.服务器记录玩家对战信息,把数据返回给客户端2.通过返回的数据加载:数据文件:res/20160921173000.json//加载JSON文件cc.loader.loadJson("res/20160921173000.json", function (error, data) { //cc.log(data); //data is the json object原创 2016-11-07 12:04:08 · 5510 阅读 · 0 评论 -
cocos2d-JS 进阶主题 - H5游戏开发 实现实时更新游戏数据技巧
在 index.html 里 红色方框内调用main.js 在用户浏览器中会存在缓存 想实现实时更新代码又保证不是每次都重载main.js解决办法 :首先新建一个load.js文件 里面调用main.js 后面加上网页版本号 ?d = 1000 然后index.html 里面调用新建的load.js load.js 后面自带 ?d = getTime 获取当前转载 2016-10-17 18:14:06 · 1227 阅读 · 0 评论 -
cocos2d-js设置精灵叠加效果
var logo = new cc.Sprite();logo.setBlendFunc( cc.SRC_ALPHA,cc.ONE);原创 2016-11-09 11:56:13 · 1666 阅读 · 0 评论 -
js知识点
1.递归调用使用arguments.callee,指向正在执行的函数指针例:var num = 3;function test(num){ if (num return 1;} else { return num * arguments.callee(num - 1);}}2.所有浏览器:outerWidth和outerHeight返原创 2017-04-14 16:48:40 · 373 阅读 · 0 评论 -
js里面的几个常用事件
1.键盘事件:if ('keyboard' in cc.sys.capabilities) { var self = this; cc.eventManager.addListener({ event: cc.EventListener.KEYBOARD, onKeyPressed: function (key, event) {原创 2017-07-13 16:41:28 · 578 阅读 · 0 评论 -
检测手机横竖屏
1.cc.EGLView._getInstance().setResizeCallback(function() { var windowInnerHeight = window.innerHeight; var windowInnerWidth = window.innerWidth; if(windowInnerHeight>windowInnerWidth){原创 2017-08-01 17:18:45 · 619 阅读 · 0 评论 -
三消游戏四消道具知识点
1.//第一次点击交换时判断生成横着块和竖着块,调用此方法,传进来点击的两个块的下标_checkFourArr:function(tar,old){ var returnArr = []; for(原创 2016-09-18 16:09:20 · 1522 阅读 · 0 评论 -
关于H5微信认证有关内容
//服务器接口var serverurl="https://www.gamedo.net/";//获取微信认证接口var weixin=serverurl+"wechatjj.action";//获取URL参数的方法function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$原创 2016-10-10 11:12:50 · 1079 阅读 · 0 评论 -
圆周旋转的思路
var arr = [] var p = cc.p(0,100) var step = 5 for(var i=0;i p = cc.pRotateByAngle(p, cc.p(0, 0), cc.degreesToRadians(step)) arr.push(p) }转载 2016-09-23 17:38:23 · 723 阅读 · 0 评论 -
数组知识点
数组的知识点arr1.reverse //数组倒置var arr2 = arr1.slice() //数组复制arr2[3] = number //arr2下标3的元素变成numberarr.sort(function(){ return Math.random()>0.5?1;-1});//打乱数组arr.sort(function(){ return 0.5 - M原创 2016-06-16 13:54:12 · 363 阅读 · 0 评论 -
使Sprite朝向旋转到鼠标点击方向
var that = this;var listener = cc.EventListener.create({event:cc.EventListener.TOUCH_ONE_BY_ONE,swallowTouches:true,onTouchBegan:function(touch, event) {var locationInNode = touc原创 2016-08-19 09:34:23 · 970 阅读 · 0 评论 -
html5关于editbox输入时软键盘把界面顶上去的问题
1. box.setDelegate(this);//注册代理对象类来进行管理2. window.innerHeight; windowInnerHeight = window.innerHeight //获取手机屏幕高度3. heightScale = cc.winSize.height / windowInnerHeight; //获得屏幕分辨率和手机屏幕高度的比值原创 2016-08-08 09:22:07 · 4385 阅读 · 2 评论 -
js加载csv文件
1.使用wps表格编辑好内容,保存为csv格式文件2.在代码初始化中加载csv文件,源码如下:cc.loader.loadTxt("res/NBA.csv",function(err,data){ if(err){ //cc.log(err); //加载失败 return }else { //cc.log原创 2016-09-18 15:57:13 · 4818 阅读 · 0 评论 -
cocos2d-JS 点击事件侦听
initListen: function(){ var that = this var listener = cc.EventListener.create({ event: cc.EventListener.TOUCH_ONE_BY_ONE, swallowTouches: true, onT原创 2016-09-18 17:25:06 · 1465 阅读 · 0 评论 -
使用LabelAtlas创建文本
var label = new cc.LabelAtlas("57", "res/res/shuzi.png", 13, 21,"0");label.setPosition(200,600);this.rootNode.addChild(label);第一个参数是字符内容第二个参数是图片资源路径第三个参数是字符宽第四个参数是字符高(宽高需与图片上的宽高一致)第五个参数是字符开始位置原创 2016-09-23 14:17:58 · 3299 阅读 · 0 评论 -
cocos2d-js里面解决滚动容器没有滚动条的问题
1.在编辑器里面编辑好滚动容器,命名为“ScrollView”;在编辑器里面编辑好滚动条,命名为“Slider”;是由于滚动容器不显示内置滚动条的缘故,我们只能自己去做一个;2.代码里面加载滚动容器和滚动条,并添对应加侦听事件:this.ScrollView = ccui.helper.seekWidgetByName(layer.node, "ScrollView");t原创 2017-07-26 16:33:55 · 1438 阅读 · 2 评论 -
cocos-js关于H5checkBOX的BUG解决方案
1.在studio里面编辑的checkBOX,在游戏中第一次进入时勾选的钩钩出现大小不对的异常 解决方案:底层UICheckBox.js里面,点击事件setSelected函数内添加this._frontCrossRendererAdaptDirty = true;原创 2017-08-14 16:07:08 · 503 阅读 · 0 评论 -
批处理文件bat
1.下载安装node.js2.在node.js对应文件路径下打开cmd管理器3.输入npm install 下载依赖库4.完成后输入dir *.bat测试一下5.bat文件实例:ren A B //把文件夹A/文件A 改成 文件夹B/文件Bmd A //创建文件夹A/文件Axcopy A B /y //复制文件夹A原创 2017-09-07 16:45:50 · 402 阅读 · 0 评论 -
cocos2d - JS 进阶主题 call() 、apply() 和 bind() 解析
Tips : Call 和 apply 非常类似 以Call方法为例.Call方法 :定义:调用一个对象的一个方法,以另一个对象替换当前对象。说明:Call 方法可以用来代替另一个对象调用一个方法。 Call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。JavaScript ...转载 2018-07-05 18:25:31 · 704 阅读 · 0 评论 -
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], ...转载 2018-07-06 11:24:13 · 239 阅读 · 0 评论 -
H5游戏中实现后台和游戏间的切换
1.添加侦听事件(进入后台)cc.eventManager.addCustomListener(cc.game.EVENT_HIDE,function() { cc.game.hideGame();});hideGame : function () {}2.添加侦听事件(进入游戏)cc.eventManager.addCustomListener(cc.game.E原创 2017-09-29 10:21:34 · 3985 阅读 · 1 评论 -
webView组件cocos-js的应用
//this.Info_bg是一个背景底板;this.webView = new ccui.WebView();this.webView.setAnchorPoint(0.5,0.5);this.webView.setPosition(this.Info_bg.x, this.Info_bg.y);this.webView.setContentSize(cc.size(this.Info原创 2017-07-31 16:50:38 · 954 阅读 · 0 评论 -
js中实现数据的本地存储和调用
我这里用一个游戏中的分数为例: 1.全局中设置一个对象Container来存储数据 var Container = {}; 2.在对象中写两个接口存储数据和调用数据 var Container = { SetScore:function(value){ this.SetCookie(原创 2017-06-02 10:45:41 · 3779 阅读 · 0 评论 -
setInterval 、 settimeout 、clearInterval 用法(特殊情况下代替schedule)
setInterval :setInterval(function(){cc.log("do someting")},3000) //间隔3秒执行一次 ,可代替schedule,区别就是setInterval以毫秒计时,而schedule以秒计时settimeout :settimeout (function(){cc.log("do someting")},3000) //3秒后执行一次且...原创 2018-07-07 14:20:19 · 1315 阅读 · 0 评论 -
Cocos2d-js 中 使用ClippingNode做动画导致裁剪b部分显示的bug
问题描述:在项目中,要对(cc.layout)做某个裁剪的动画效果,结果temp_layer中的动画效果达到了,但是在temp_layer之后加入的layer全部显示不了!上网查了一下原因,说是cocos中本身对于clippingNode的BUG。看了几遍博客,找了设置listView:setClippingType(LAYOUT_CLIPPING_SCISSOR)的解决方法,但是依然不奏效。...原创 2018-10-25 14:58:36 · 935 阅读 · 0 评论 -
cocos2d-JS 帧听断网、连网事件
cocos2d-JS 帧听断网、联网事件 :var EventUtil = { addHandler: function(element, type, handler) { if (element.addEventListener) { element.addEventListener(type, handler, false); }...转载 2018-07-05 18:34:09 · 353 阅读 · 0 评论 -
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);12文本描边 :label.enableOutline(cc.color.BLACK, 2);//cc.co...转载 2018-07-06 10:25:17 · 1313 阅读 · 0 评论 -
cocosstudio3.10版本 Armature控件(关于cocous2D游戏制作中使用特效的一种方法)
1.在cocosstudio1.6版本之前可以导入flash制作的动画,然后通过cocosstudio1.6导出,导出的资源中我们需要使用的就是ExportJson文件以及一张plist和png图集2.cocosstudio3.10版本中,首先拖一个Armature控件放在编辑器中,右边属性栏里文件使用ExportJson文件,动画列表选择需要播放的动画,循环和自动播放也可以根据自己的需求选择3....原创 2018-05-12 17:07:22 · 1732 阅读 · 0 评论 -
cocos2d-js 界面优化
测试环境: iphone4、iOS6.1.2、chrome 37.2062.60,Cocos2d-js 3.6 之前写了不少,实际项目也按这个去优化了,也有效果,但到最后才发现,尼玛,之前都搞错了,之所以有效果是歪打正着。。。。这次就直接总结一些得到的结论算了吧 0、pc 端浏览器大部分都支持 webGL,移动端浏览器大部分都还是 canvas 渲染模式,最新的 i转载 2017-09-08 10:23:34 · 439 阅读 · 0 评论 -
关于cocos2d实现H5声音播放存在问题的解决办法
在早期的H5游戏制作中,我使用的是底层ccAudio中cc.audioEngine.playMusic()和 c.audioEngine.stopMusic()方法,发现声音停止之后存在很多问题,比如卡顿,停止后播放不正常等等问题,实在棘手。后面在ccAudio中找到了一个更好的办法,使用cc.audioEngine.playMusic()以cc.audioEngine.playEffect播原创 2017-09-29 10:39:58 · 2675 阅读 · 0 评论 -
cocosstudio3.10一些注意事项
1.下载cocosstudio3.10安装;2.打开studio创建项目不提;3.项目设置(重点1):打开项目设置能够看到studio打包所使用的引擎版本,我的有cocos2d-x-3.9和cocos2d-x-3.10两个版本,重点说一下两者的区别:cocos2d-x-3.9版本导出的json文件版本号是2.3.4,而cocos2d-x-3.10导出的json文件版本号是3.10.0.原创 2017-09-20 17:17:04 · 2190 阅读 · 0 评论 -
配置及搭建服务器( WampServer ) :
下载 wampserver :安装 wampserver :修改httpd.conf :如图对应路径下找到 httpd.conf修改 DocumentRoot 和 Directory :注意 : 分隔符 斜杠(“/”) 和 反斜杠(“\”) 可能会导致访问错误 , 尽量使用 斜杠(“/”) .配置及搭建服务器( WampS转载 2017-09-13 10:00:37 · 610 阅读 · 0 评论 -
ProgressAction
我们在玩大型RPG游戏中,经常可以看到每个人物会有很多的技能,技能在施放的时候,可能需要吟唱一段时间,此时屏幕上会有个水平的时间条计时,当技能施放过后,又有CD时间,即所谓的冷却,这个时候技能槽就会呈现一个扇形转圈的时间倒计时。在Cocos2d-html5中,我们依然可以十分轻松的将这个两种时间进度表现出来,就是ProgressAction。由于篇幅可能比较多,我打算分两次来阐述。原创 2016-08-12 15:07:51 · 319 阅读 · 0 评论 -
cocos2d-js中数组基本知识点
数组是对象的特殊形式。所有的数组都是对象。1.稀疏数组就是包含从0开始的不连续索引的数组。如果数组是稀疏的,length属性值大于元素的个数。unshift()方法是在数组的首部插入一个元素。push()方法是依次往数组中添加元素。splice()方法是从start位置开始删除deleteCount项元素,并从该位置起插入var1,var2,... : splice(start,del...原创 2016-08-10 09:27:16 · 951 阅读 · 1 评论 -
cocos2d-js微信分享客户端代码
1. 摇一摇不够灵敏、摇动很多次没有响应的问题、原来摇一摇代码是从网络Copy的,活动上线后,发现部分手机摇一摇监测效果不够灵敏,摇动很多次都没有响应,恨不得把手机砸了,于是优化。原摇一摇代码:var SHAKE_THRESHOLD = 800; var last_update = 0; var x = y = z = last_x = last_y原创 2016-08-02 12:03:00 · 2930 阅读 · 0 评论