Classcc.Sprite Defined in: CCSprite.js Extends cc.NodeRGBA Class Summary Constructor Attributes Constructor Name and Description   cc.Sprite() cc.Sprite is a 2d image ( http://en.wikipedia.org/wiki/Sprite_(computer_graphics) ) cc.Sprite can be create…

1.精灵 精灵(Sprite)是Cocos系列的核心概念之一,是Cocos Creator最常用的显示图像的组件. 游戏中显示一个图片,我们就可以把这个叫做”精灵” sprite,这只是简单理解概念. Cocos Creator上需要显示一个图片,那么就可以在新建的节点上挂一个精灵组件(cc.Sprite组件),为这个组件指定要显示的图片(SpriteFrame)即可.下面我们可以进行操作了. CC已经提供了创苏创建渲染节点方式,我们可以在“层级管理器”中“右键”,弹出菜单选择-->“创建节点”…

对于新人来说总是有那么多的坑等着你. 新建动画节点的时候千万别[新建空节点]!!! 上面这个就是新建了空的节点,导致没有cc.Sprite.spriteFrame属性. 正确姿势: 粗略试了一下除了空节点,其他的应该都可以.[创建节点]->[创建渲染节点]->[Sprite(精灵)] 总结:经验就是踩坑积累的.很多播客写的教程并不全,所以新手操作起来也会有很多问题,自身多总结多实践就好.…

1.精灵 精灵(Sprite)是Cocos系列的核心概念之一,是Cocos Creator最常用的显示图像的组件. 游戏中显示一个图片,我们就可以把这个叫做"精灵" sprite,这只是简单理解概念. Cocos Creator上需要显示一个图片,那么就可以在新建的节点上挂一个精灵组件(cc.Sprite组件),为这个组件指定要显示的图片(SpriteFrame)即可.下面我们可以进行操作了. CC已经提供了创苏创建渲染节点方式,我们可以在"层级管理器"中"…

在Sprite中使用Shader做特殊的颜色处理比较简单,只需要把Shader程序绑定到Sprite上即可: sprite.shaderProgram = alphaTestShader; Cocos2d内置了一些Shader,详细可以看代码: 其中,CCShaderCache缓存了一些Shader实例,而GLProgram则对gl的api做了简单的封装让接口更友好. 需要注意的是,使用GLProgram编译shader程序时,cocos2d会自动加入了一些参数. _compileShader:…

sprite.setTexture(fileName); imageView.loadTexture(fileName);…

[转]http://blog.csdn.net/realcrazysun1/article/details/42393629 本文基于cocos2d-js 3.0版本引擎开发 RenderTexture用法1:数字图片 通过这张图片实现任意数字 //数字图片精灵 var PictureNumber = cc.Sprite.extend({ m_Number:null, m_NumberTexture:null, ctor:function(){ this._super(); }, buildNu…

版本是2.1.4,在程序里直接通过图片路径addChild了一个cc.Sprite,想要缩放时通是不起做用,于是通过打印发现其宽,高都为0,查来查去,发现:原来是图片没有注册到Resource.js里的那个数组里去. 查看main.js源码可以看到Resource.js里定义的那个图片资源数组在applicationDidFinishLaunching()方法里会使用到,我的理解是凡是使用到的图片,都要注册到Resource.js里,cocos才会去处理一些预加载的事情,如果不添加,那么可能就是…

正确 var tmpShip3 = cc.Sprite.createWithSpriteFrameName("w1_1.png"); tmpShip3.setPosition(,); this.addChild(tmpShip3); var animFrames3 = []; // 将所有帧存入一个数组 ;i<=;i++) { //采用循环添加动画的每一帧 var strPngName3 = "w1_" + i + ".png"; var…

本节我们会通过一个实例介绍纹理对象创建Sprite对象使用,这个实例如图5-2所示,其中地面上的草是放在背景(如下图所示)中的,场景中的两棵树是从后图所示的“树”纹理图片中截取出来的,图5-5所示是树的纹理坐标,注意它的坐标原点在左上角.  创建Sprite对象实例  场景背景图片 “树”纹理图片 “树”纹理图片 下面我们看看app.js 中HelloWorldLayer中初始化代码如下: var HelloWorldLayer = cc.Layer.extend({ ctor:function…