createjs吧 关注:124贴子:807

CreateJS 精灵表 全部 api 翻译

只看楼主收藏回复

封装与子画面工作表关联的属性和方法。子画面是一系列图像(通常是动画帧)组合成一个或多个较大的图像。例如,一个由八个100x100图像组成的动画可以组合成一个400x200的小角色表(4帧宽,2高)。


IP属地:广东1楼2024-11-30 12:40回复
    传递给SpriteSheet构造函数的数据定义了:
    要使用的源图像。
    单个图像帧的位置。
    形成命名动画的帧序列。可选。
    目标播放帧率。可选。


    IP属地:广东2楼2024-11-30 12:41
    回复
      SpriteSheet格式
      SpriteSheets是一个具有两个必需属性(图像和帧)和两个可选属性(帧率和动画)的对象。这使得它们很容易在javascript代码或JSON中定义。


      IP属地:广东3楼2024-11-30 12:41
      回复
        imagesAn array of source images. Images can be either an HTMlimage instance, or a uri to an image. The former is recommended to control preloading.


        IP属地:广东4楼2024-11-30 12:42
        回复
          图像
          一组源图像。图像可以是HTMlimage实例,也可以是图像的uri。建议采用前者来控制预压。


          IP属地:广东5楼2024-11-30 12:42
          回复
            images: [image1, "path/to/image2.png"],


            IP属地:广东6楼2024-11-30 12:42
            回复
              框架
              定义各个帧。帧数据支持两种格式:当所有帧的大小都相同(在网格中)时,使用具有width、height、regX、regY和count属性的对象。


              IP属地:广东7楼2024-11-30 12:42
              回复
                需要宽度和高度,并指定框架的尺寸
                regX和regY表示帧的注册点或“原点”
                间距表示帧之间的间距
                margin指定图像周围的边距
                count允许您指定精灵表中的总帧数;如果省略,则将基于源图像和帧的尺寸来计算。帧将根据其在源图像中的位置(从左到右,从上到下)分配索引。


                IP属地:广东8楼2024-11-30 12:43
                回复
                  frames: {width:64, height:64, count:20, regX: 32, regY:64, spacing:0, margin:0}


                  IP属地:广东9楼2024-11-30 12:43
                  回复
                    如果帧的大小不同,请使用帧定义数组。每个定义本身都是一个数组,其中有4个必需项和3个可选项,顺序如下:


                    IP属地:广东10楼2024-11-30 12:43
                    回复
                      前四个,x、y、宽度和高度是必需的,用于定义框架矩形。
                      第五个参数imageIndex指定源图像的索引(默认为0)
                      最后两个regX和regY指定帧的注册点


                      IP属地:广东11楼2024-11-30 12:43
                      回复
                        frames: [ // x, y, width, height, imageIndex*, regX*, regY* [64, 0, 96, 64], [0, 0, 64, 64, 1, 32, 32] // etc.]


                        IP属地:广东12楼2024-11-30 12:44
                        回复
                          animations(动画)


                          IP属地:广东13楼2024-11-30 12:44
                          回复
                            可选。定义要作为命名动画播放的帧序列的对象。每个属性对应一个同名动画。每个动画必须指定要播放的帧,还可以包括相对播放速度(例如,2将以双倍速度播放,0.5以一半速度播放),以及完成后要播放的下一个动画的名称。


                            IP属地:广东14楼2024-11-30 12:44
                            回复
                              支持三种格式来定义动画中的帧,可以根据需要进行混合和匹配:


                              IP属地:广东15楼2024-11-30 12:45
                              回复