Skip to main content

gameData 对象

onCompleteHandle(gdata,canvas)是初始化回调函数,回调的gdata就是下面的gameData对象

create(array)：contain​

结构式页面渲染模式，需要传入结构对象数组

array=[
    {
        t:”s“     //*1
        s:{x:0,y:0}     //*2
        z:"马路”  //*3
        v:{}
  }
]

注释：

1.t是type缩写，代表对象类型，他的值有，s:图形，i:图片，t:文本

2.s是样式，x:该对象横坐标，y:该对象纵坐标，a:透明度，sx:横向变形（0-1），sy:纵向变形{0-1），r:旋转角度

3.z是对象id的名字，需要唯一，返回对象mcs里面

4.v各类型属性值:

s的属性有： //图形显示

  • {t:1,d:{w:300,h:400,c:"颜色"}} //矩形图形，暂不支持带边框图形
  • {t:2,d:{r:300,c:"颜色"}} //圆形图形，暂不支持带边框图形 i的属性有： //图片显示
  • {s:"图形地址"，x:0,y:0} t的属性有： //文本显示
  • {t:"文本文案“，s:"字体大小”,ty:"字体样式",c:"颜色"}

示例：

var dbg=[
    [
        {
            t:"t",
            s:{x:200,y:200},
            v:{t:"消消乐其乐无穷",s:"60px",c:"#b10263"}
        },
        [
            {t:"c",z:"mcs2",s:{y:192,x:38}}
        ],
        {t:"c",z:"mcs",s:{y:300}}
    ],
    {
        t:"i",
        s:{y:300},
        v:{s:"/image/bg_2.png"}
    },
    {
        t:"i",
        v:{s:"/image/bg.png"}
    }
];

var mcs=gdata.create(dbg);

contain():contain​

容器，所有需要显示的元素都需要放在容器。

contain支持的函数：

  • addChild：添加显示对象，支持contain,img.shape
  • removeChild:移除显示对象
  • on:添加事件
  • off:移除事件

contain支持的对象：

  • mask：遮罩对象，是一个shape图形对象
  • x:横坐标
  • y:纵坐标
  • rotate:旋转角度（360度一圈）
  • alpha：透明度

示例：

var mc=gdata.contain();

stage:contain​

渲染的根容器，所有需要显示的容器都放在该对象下面

示例：

var mc=gdata.contain();

creatImg(src):img​

创建图片显示对象

img图片对象支持的函数：

  • on:添加事件
  • off:移除事件

img图片对象支持的对象：

  • mask：遮罩对象，是一个shape图形对象
  • x:横坐标
  • y:纵坐标
  • rotate:旋转角度（360度一圈）
  • alpha：透明度
  • regX:对象中心点坐标位置的横坐标
  • regY:对象中心点坐标位置的纵坐标
  • scaleX:横向缩放
  • scaleY:纵向缩放

示例：

var aa=gdata.creatImg({s:"图片地址"});

createShape(object):shape​

创建图形对象

shape图形对象支持的函数：

  • on:添加事件
  • off:移除事件

shape图形对象支持的对象：

  • mask：遮罩对象，是一个shape图形对象
  • x:横坐标
  • y:纵坐标
  • rotate:旋转角度（360度一圈）
  • alpha：透明度
  • regX:对象中心点坐标位置的横坐标
  • regY:对象中心点坐标位置的纵坐标
  • scaleX:横向缩放
  • scaleY:纵向缩放
  • color:图形颜色

示例（创建矩形）：

mychose=gdata.createShape({t:1,d:{w:w,h:h,c:"FF0022"}});

createTxt(string):txt​

创建文本对象

txt图形对象支持的函数：

  • on:添加事件
  • off:移除事件

txt图形对象支持的对象：

  • mask：遮罩对象，是一个shape图形对象
  • x:横坐标
  • y:纵坐标
  • rotate:旋转角度（360度一圈）
  • alpha：透明度
  • regX:对象中心点坐标位置的横坐标
  • regY:对象中心点坐标位置的纵坐标
  • scaleX:横向缩放
  • scaleY:纵向缩放
  • color:图形颜色
  • size：字体大小
  • align：文字居中还靠左靠右

示例：

mychose=gdata.createTxt({t:"文字符串",s:"字体大小",t:"字体名称",c:"字体颜色",x:横坐标,y:纵坐标}});

setFps(int):void​

设置动画的帧数（当动画正在运行是会引起动画播放速度异常的问题）

示例：

gdata.setFps(60);

on(click,function):void​

添加帧事件,click等于tick的时候在渲染动画之前运行，当click等于tickDown的时候在渲染动画之后运行

示例：

gdata.on("tick",onTickHandle);

off(click,function):void​

移除事件

示例：

gdata.off("tick",onTickHandle);

addAct(mc,obj,time,...org):string​

添加动画

示例：

var act2=gameData.addAct(stage.mcs.bgA,{x:0,y:200,alpha:1},3000);

removeAct(string):void​

移除动画

示例：

gameData.removeAct(act);

update(loop):void​

画面渲染，loop为undefined的时候，渲染一次。等于loop的时候，根据帧数渲染，等于stop的时候，停止渲染

示例：

gdata.update("loop");