【cocos-js 精灵移动转圈】的更多相关文章

js围绕屏幕转圈的方块

点击运动按钮后,方块会挨着浏览器的边,从左到右,从上到下转一圈. 这个我居然写了几天,我也是不想说什么咯. 完成代码一: <!-- Author: XiaoWen Create a file: 2016-12-11 15:49:21 Last modified: 2016-12-11 22:07:09 Start to work: Finish the work: Other information: --> <!DOCTYPE html> <html lang="…

cocos JS for循环让精灵从屏幕中间往两边排列散开

//this.ShowImg[i] 需要排列什么就push加进数组里面,一个for循环计算即可 var size = this.ShowImg.length;var count = size; for(var i=0;i<size; i++){ count--; var a =count; this.ShowImg[i].setVisible(true); this.ShowImg[i].setPositionX(800 + 80*(a-1)-(i*80)); //800为屏幕(父节点)X轴的中…

cocos-js 精灵移动转圈

cc.Class({ extends: cc.Component, properties: { carModel: { default: null, type: cc.Sprite }, bgModel: { default: null, type: cc.Sprite } }, // LIFE-CYCLE CALLBACKS: // onLoad () {}, start() { }, clickBtn() { , cc.v2(, )); this.carModel.node.runActio…

cocos js响应过程

使用ccbi: js加载ccbi时候,会调用CCBReader的函数readNodeGraphFromData,从根节点递归解析子节点,使用readNodeGraph函数解析单个节点. 当碰到CCMenuItem的时候,会使用CCMenuItemLoader的函数parseProperties处理节点, 节点属性有许多种,点击调用属于kCCBPropTypeBlock类型,将调用Loader的parsePropTypeBlock处理,当选择的Target是kCCBTargetTypeDocume…

spin.js插件的转圈加载效果

先上插件链接地址:http://fgnass.github.io/spin.js/ 以下是使用spin.js插件的完整版测试例子: <!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>test_storage</title> <s…

Cocos.js

l SDK下载:http://cn.cocos2d-x.org/download/ l js类库:http://www.cocos2d-x.org/filecenter/jsbuilder/…

cocos JS 定时器

cocos2d-js的定时器的创建跟使用: 情况一: var TestLayer = cc.Layer.extend({ sprite:null, ctor:function () { this.scheduleUpdate(); }, update: function () { //每一帧都会调用update这个函数 } }); 情况二: var TestLayer = cc.Layer.extend({ sprite:null, ctor:function () { this.schedul…

cocos js 3.8.1 clippingNode 不能被 ccui.ScrollView 或者ccui.Layout裁剪的bug

clippingNode不能被ccui.ScrollView.ccui.ListView.ccui.Layout裁剪问题,只需要 设置scrollView ...的裁剪类型 scrollView.setClippingType(ccui.Layout.CLIPPING_SCISSOR); 注:这个方法的对象必须继承自ccui.Layout,对cc.ScrollView.cc.ListView等不起作用,并且此对象的锚点必须在左下角,否则裁剪会出bug,迷之bug.…

利用pixi.js制作精灵动画

CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生.国内开发者昵称为CSS精灵,通过一定的技术手段,让精灵动起来,我称其为精灵动画,那么目前有哪些实现方式 呢?下面让我们详细的聊聊. 关于实现精灵动画的方式有很多种,我自己实践过的主要有三种: 1: 把动作分解成一系列连续的编号的图片,如img0.jpg,img1.jpg,img2.jpg...,然后利用setIntval等定时器不断的去更换图片地址. 2: 把动作按照一定的间距排列在一张图片上,利用css3的动画帧,做出动画…

【cocos2d-x】尝鲜 Cocos Code IDE(不断更新)

Cocos Code IDE 是一个基于 Eclipse 的跨平台 IDE ,专门为 cocos2d lua & js 开发者准备,通过此工具.你能够方便的创建游戏project.编写而且调试代码.实时查看代码被改变后的效果,终于直接公布成一个可上架的安装包.当前公布的是第一个 alpha 版本号,我们有信心将它打造成众多X-man的开发神器. 已实现的功能(1.0-alpha): 简单地创建 cocos2d lua & js project 提供 cocos2d lua & js…

cocos2d JS 在 JavaScript 中，怎样把一个对象转化成 JSON 字符串？

为什么今天要做这样子的操作,原因很简单,因为cocos JS 的本地缓存储存不了对象,所以当我通过本地缓存的 key和value来取值的时候就取不出来来,json的消息数据是一个对象来的,然而在做牌局结算界面的时候所需要的数据在 JSON 里面,当断线重连回来的时候,结算页面的数据是空的,所以在我们打完一局的时候需要对当前的结算信息进行储存以遍使用. JSON.stringify 把一个对象转换成json字符串, JSON.parse 把一个json字符串解析成对象.(还原成对象)  …

记一次cocos项目的加载速度优化

半个月前,我们用cosos creator做了一个简单的小游戏,也许算不上小游戏吧..一边学cocos,一边做,几经波折后终于上线了.然鹅,功能是实现了,但是加载速度十分感人(毕竟没经验嘛,无辜脸).1.8M的资源需要10秒钟左右才能全部加载完.于是被老大一有机会就拿出同类产品跟我们的比较,然后一顿吐槽.痛定思痛,决定把能优化的地方全都优化一下. 分析加载瀑布图 首先肯定要找出问题出在那里,下面是加载的network截图: 从图中可以看出,整个加载过程被红线分割为两部分,前面为HTML加载,后面…

Html5的一些引擎使用感触

记得在2011年的时候,51CTO曾经采访我对H5的看法,因为当时Html5小组和雷友的关系,感觉是一片大火的形式,当时我的看法是:第一盈利模式不清晰,第二硬件跟不上,第三技术不成熟. 第一和第二点很容易理解,那时候没有明确的盈利方式,做H5等于坐吃山空,那时有上海和成都的朋友在家窝了一年多,终于扛不住转了行,虽然市场上喊的挺欢,但是真正有需求花钱的凤毛麟角,主要原因还是没有消费群体,消费群体和硬件使用有关,那时候哪有微信和这么强劲的硬件,要知4s还是商务奢侈品呢,即使有需求作H5的开发,也大多…

再度分(tu)析(cao)Egret这个年轻人

写在最前 笔者用Egret来开发游戏已经有2年多之久了,从它出现到如今的3.2.x版本,经历了很多很多,也做了很多类型的游戏了,关键是踩了很多很多坑. 很多网友问我Egret有哪些优劣,我也只是说了一点点,所以现在来总结说说Egret的适用范围. Egret算是游戏引擎吗? 如果你熟悉Flash + AS3,那你会怎么定义AS3呢,是引擎还是语言框架?从Egret诞生到现在,它其实只是实现了一套类似Flash + AS3的语言框架和开发流,当初为什么选用TypeScript作为开发语言,就是为了…

cocos2dx - 创建地图及玩家(伪)

接上一节内容:cocos2dx - 环境配置,项目创建 本节主要描述cocos中精灵的创建及点击事件的使用 打开创建好的test项目,看到下图的目录结构,真正的游戏逻辑路径在src下. AppDelegate类主要描述启动应用的一些设置及回调. HelloWorldScene类是当前显示界面的场景类. 图片精灵 开始之前,先去掉HelloWorldScene下init方法的内容.然后创建Sprite类并添加到Scene节点中显示,如下: // 获取显示的游戏大小 Size visibleSize…

用canvas整个打飞机游戏

声明:本文为原创文章,如需转载,请注明来源WAxes,谢谢! 之前在当耐特的DEMO里看到个打飞机的游戏,然后就把他的图片和音频扒了了下来....自己凭着玩的心情重新写了一个.仅供娱乐哈......我没有用框架,所有js都是自己写的......所以就可以来当个简单的教程,对那些刚玩canvas的,或许能有些帮助,楼主玩canvas也不是很久,技术不是很好,请见谅哈. 闲话不多说,先上DEMO撒:飞机游戏   楼主写这个人纯碎娱乐,没想着写成多正式的游戏哈. 步入主题啦:打飞机游戏文件有index…

Atitit s2018.5 s5 doc list on com pc.docx  v2

Atitit s2018.5 s5  doc list on com pc.docx  Acc  112237553.docx Acc Acc  112237553.docx Acc baidu netdisk.docx Acc bdp   1882176   p000000.docx Acc csdn 18821766710   attilax main num.docx Aittit  开kibana查看日志.docx Atiitt put post 工具  开发工具dev tool tes…

Atitit s2018.5 s5 doc list on com pc.docx  Acc 112237553.docx Acc baidu netdisk.docx Acc csdn 18821766710 attilax main num.docx Atiitt put post 工具 开发工具dev tool test.docx Atiitt 腾讯图像分类相册管家.docx

Atitit s2018.5 s5  doc list on com pc.docx  Acc  112237553.docx Acc baidu netdisk.docx Acc csdn 18821766710   attilax main num.docx Atiitt put post 工具  开发工具dev tool test.docx Atiitt 腾讯图像分类相册管家.docx Atitit   nfs server.docx Atitit   模块的鉴别方法 或许可以通过关系图连…

Atitit s2018.2 s2 doc list on home ntpc.docx  \Atiitt uke制度体系 法律 法规 规章 条例 国王诏书.docx \Atiitt 手写文字识别 讯飞科大 语音云.docx \Atitit 代码托管与虚拟主机.docx \Atitit 企业文化 每日心灵 鸡汤 值班 发布.docx \Atitit 几大研发体系对比 Stage-Gat

Atitit s2018.2 s2 doc list on home ntpc.docx \Atiitt uke制度体系  法律 法规 规章 条例 国王诏书.docx \Atiitt 手写文字识别  讯飞科大 语音云.docx \Atitit 代码托管与虚拟主机.docx \Atitit 企业文化  每日心灵 鸡汤 值班 发布.docx \Atitit 几大研发体系对比 Stage-Gate体系  PACE与IPD体系 敏捷开发体系 CMMI体系.docx \Atitit 存储管理  数据库文件…

异常捕获 崩溃 Bugly ACRC 简介 总结 MD

Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina.com 异常捕获 崩溃 Bugly ACRC 简介 总结 目录 目录腾讯 Bugly介绍最简单的接入配置高级功能上传开发者catch的异常js 的异常捕获功能配置用户策略 UserStrategy设置 Crash 回调使用 MultiDex 的注意事项上报进程控制其他设置设置自定义标签设置自定义M…

cocos2d-js 开发常见问题

1. 编译android版本可能出现的问题记录 如果编译的时候报错.出现/platforms/android-14/arch-arm/usr/lib/crtend_so.o: Unknown EABI object attribute 44或者R_ARM_THM_CALL against symbol  xxx,然后编译不过的问题 解决方案: 在android.mk上加个LOCAL_ARM_MODE := arm 出现原因: android的编译默认指令是: 编译命令始终是compile++ t…

cocos中BatchNode精灵集合的使用

1.CCSpriteBatchNode是为了提高渲染效率而实现的,它继承自CCNode 2.fps:帧率,是游戏中衡量流畅度的一个很重要的概念,cocos中默认的帧率是60,即一秒刷新60帧 3.精灵集合的原理: 提前将要渲染的图片用batchnode加载到内存,需要使用时,直接从内存提取,省去了加载的过程,因而效率高 如果要加载1000 个精灵,加载,渲染重复执行1000 次.使用CCSpriteBatchNode 批量渲染,一次渲染就把所有的CCSprite 绘制出来.大大降低渲染批次. 4…

Cocos Creator JS web平台复制粘贴代码（亲测可用）

Cocos Creator JS web平台复制粘贴代码(亲测可用) 1 webCopyString: function(str){ var input = str; const el = document.createElement('textarea'); el.value = input; el.setAttribute('readonly', ''); el.style.contain = 'strict'; el.style.position = 'absolute'; el.styl…

nodejs五子棋online游戏开发视频教程，客户端cocos creator js

开发的游戏是五子棋online,网络版的,服务端部分和客户端部分都在这个教程里面,可以看一下目录! 服务器nodejs游戏开发教程 使用Nodejs开发网络服务器 游戏服务端 ,cocos creator js客户端 教程 包含视频.素材源码与ppt,共28g,具体内容可以参考目录. 涉及到的内容有nodejs,JS,process模,TCP网络传送的基本原理,Net模块搭建TCPserver_client,二进制数据与Buffer模块,websocket与ws模块使用,TCP通讯拆包与封包,二…

Cocos Creator-TypeScript与JS快速过渡

目前的H5游戏开发引擎,国内主流的是Cocos Creator.Laya Box.Egret, 这3种引擎又有各自的开发语言,JavaScript.TypeScript.AS3 . 不同的公司采用的引擎与开发语言各不相同,同一引擎不算版本差异,技术 组合方案就会有9种组合(确切说少于9种).这也就造成前端H5游戏开发者会 比较苦逼的去不停的适应当前的开发引擎和开发语言. 就拿我来说吧,从2017年至今每次都面对新的技术方案组合,嗯,引擎的相似和差距, 都要告诉自己,暂且忘掉A引擎,我这是用的B引…

cocos2dx JS 图片精灵添加纹理缓存

添加精灵图片缓存 : cc.spriteFrameCache.addSpriteFrames("res/pic.plist"); 从缓存中获取 : var frame = cc.spriteFrameCache.getSpriteFrame("bg.png"); //"bg.png" 图片在plist里面的地址 var bg = new cc.Sprite(frame); 或者 bg.setSpriteFrame("bg.png&quo…

three.js 一幅图片多个精灵

https://blog.csdn.net/zhulx_sz/article/details/79105359 核心代码 // 把一幅外部图片中包含的5种精灵存入一个精灵材质数组 var spriteMaterials = []; var loader = new THREE.TextureLoader() for (var i = 0; i < 5; i++) { var spriteMaterial = material.clone(); // 每种精灵必须单独加载同一幅外部图片 sprit…

关于Cocos Creator用js脚本代码播放骨骼动画的步骤和注意事项

步骤: 1.用cc.find()方法找到相应的骨骼动画节点,并把这个对象赋值给一个var出来的新对象. 具体代码:var spineboy_anim = cc.find("UI_Root/anchor_lb/spineboy"); 2.用getComponent()方法找到相应骨骼动画节点的骨骼动画组件,并把这个对象赋值给一个var出来的新对象. 具体代码:var ske_anim_comp = spineboy_anim.getComponent(sp.Skeleton); 3.把第…

7.cocos精灵创建和绘制

创建Layer层的类 T2LayerSprite.h #pragma once #include "cocos2d.h" USING_NS_CC; class T2LayerSprite:public CCLayer { public: static CCScene * scene(); CREATE_FUNC(T2LayerSprite); bool init(); }; 红色代码处是一个宏定义: #define CREATE_FUNC(__TYPE__) \ static __TY…

cocos: RenderTexture 合并精灵图片

var render = new cc.RenderTexture(730, 450); //创建渲染纹理对象,并数字确定宽度 render.begin(); var sp1 = cc.Sprite.create("xxx.png"); sp1.setAnchorPoint(0, 0); sp1.setPosition(0, 0); sp1.visit(); var sp2 = cc.Sprite.create("xxx2.png"); sp2.setAnchorP…