类: SpriteFrame

extend: translate

导入示例：

import { SpriteFrame } from "cc";

精灵帧资源。 一个 SpriteFrame 支持多种类型

1. 矩形精灵帧
2. 九宫格精灵帧
3. 网格精灵帧 它主要包含下列数据：
   

• 纹理：会被渲染流程使用的 TextureBase 资源。
  
• 矩形：在纹理中的矩形区域。
• 九宫格信息：九宫格的内部矩形四个边距离 SpriteFrame 外部矩形的距离。
• 网格信息：网格类型精灵帧的所有顶点列表。
• uv: 四边形 UV。
• uvSliced: 九宫格 UV。 可通过 SpriteFrame 获取该组件。

example

import { resources } from 'cc';
// First way to use a SpriteFrame
const url = "assets/PurpleMonster/icon/spriteFrame";
resources.load(url, (err, spriteFrame) => {
  const node = new Node("New Sprite");
  const sprite = node.addComponent(Sprite);
  sprite.spriteFrame = spriteFrame;
  node.parent = self.node;
});

// Second way to use a SpriteFrame
const self = this;
const url = "test_assets/PurpleMonster";
resources.load(url, (err, imageAsset) => {
 if(err){
   return;
 }

 const node = new Node("New Sprite");
 const sprite = node.addComponent(Sprite);
 const spriteFrame = new SpriteFrame();
 const tex = imageAsset._texture;
 spriteFrame.texture = tex;
 sprite.spriteFrame = spriteFrame;
 node.parent = self.node;
});

// Third way to use a SpriteFrame
const self = this;
const cameraComp = this.getComponent(Camera);
const renderTexture = new RenderTexture();
renderTexture.reset({
  width: 512,
  height: 512,
  depthStencilFormat: RenderTexture.DepthStencilFormat.DEPTH_24_STENCIL_8
});

cameraComp.targetTexture = renderTexture;
const spriteFrame = new SpriteFrame();
spriteFrame.texture = renderTexture;

详情

构造函数

静态属性

静态方法

属性

方法

继承属性

obj.name = "New Obj"; 

import { Node, log } from 'cc';
const node = new Node();
log(node.isValid);    // true
node.destroy();
log(node.isValid);    // true, still valid in this frame
// after a frame...
log(node.isValid);    // false, destroyed in the end of last frame 

继承方法

import { log } from 'cc';
eventTarget.once('fire', function () {
   log("this is the callback and will be invoked only once");
}, node); 

import { log } from 'cc';
eventTarget.on('fire', function () {
   log("fire in the hole");
}, node); 

import { log } from 'cc';
// register fire eventListener
var callback = eventTarget.on('fire', function () {
   log("fire in the hole");
}, target);
// remove fire event listener
eventTarget.off('fire', callback, target);
// remove all fire event listeners
eventTarget.off('fire'); 

// You can override the _destruct method if you need, for example:
     _destruct: function () {
         for (var key in this) {
             if (this.hasOwnProperty(key)) {
                 switch (typeof this[key]) {
                     case 'string':
                         this[key] = '';
                         break;
                     case 'object':
                     case 'function':
                         this[key] = null;
                         break;
             }
         }
     }