序列帧纹理动画

使用纹理贴图的序列帧动画效果

参数

new MMSDT.textureSheetAnimation( parameter)

parameter = {
dirUrl: dirUrl + "textures/fire/", //贴图路径
texture: ['1.png','2.png','3.png','4.png','5.png','6.png','7.png','8.png','9.png','10.png'], //贴图序列
size: 15, //贴图大小
appearance: 2, //样式。 1整个面向镜头，2垂直面向镜头，3水平放置
height: 7, //相对坐标点高度
speed: 0.5, //速度（0~1）
}

属性

.add( position )

position：位置坐标的三维向量

.remove()

移出该函数下的所有动画栈

代码示例



var eventMouse = [];
var onMove = [];
var outMove = function(){ }
var onDown = [];
var onDouble = [];
var moveColor = [];   
function goBack( dateJson ){}

//构建函数监听鼠标事件
MMSDT.mouseEvent( eventMouse, onMove, outMove, onDown, onDouble, moveColor, false, false, goBack );


//初始化设置序列帧动画
var parameter1 = {
	dirUrl: dirUrl + "textures/focus/",     //贴图路径
	texture: ['1.png','2.png','3.png','4.png','5.png','6.png','7.png','8.png','9.png','10.png','11.png','12.png'],   //贴图序列
	size: 15,                               //贴图大小
	appearance: 3,                          //样式。 1整个面向镜头，2垂直面向镜头，3水平放置
	height: 1,                              //相对坐标点高度
	speed: 0.25,                            //速度（0~1）
}
var sheetAnimate1 = new MMSDT.textureSheetAnimation( parameter1 );

var parameter2 = {
	dirUrl: dirUrl + "textures/fire/",     //贴图路径
	texture: ['1.png','2.png','3.png','4.png','5.png','6.png','7.png','8.png','9.png','10.png'],   //贴图序列
	size: 15,                               //贴图大小
	appearance: 2,                          //样式。 1整个面向镜头，2垂直面向镜头，3水平放置
	height: 7,                              //相对坐标点高度
	speed: 0.5,                             //速度（0~1）
}
var sheetAnimate2 = new MMSDT.textureSheetAnimation( parameter2 );

var parameter3 = {
	dirUrl: dirUrl + "textures/flash/",     //贴图路径
	texture: ['1.jpg','2.jpg','3.jpg','4.jpg','5.jpg','6.jpg','7.jpg','8.jpg','9.jpg','10.jpg','10.jpg','11.jpg','12.jpg','13.jpg','14.jpg','15.jpg','16.jpg'],   //贴图序列
	size: 15,                               //贴图大小
	appearance: 1,                          //样式。 1整个面向镜头，2垂直面向镜头，3水平放置
	height: 8,                              //相对坐标点高度
	speed: 1,                               //速度（0~1）
}
var sheetAnimate3 = new MMSDT.textureSheetAnimation( parameter3 );
    
    
//初始化获取鼠标点击的位置点
MMSDT.callBackPoint(backPoint);
//右键点击回调点位坐标
function backPoint( point ){
	if( appearanceStyle == 1 ){
        sheetAnimate1.add( point );  //添加序列帧动画点位
	
	}else if( appearanceStyle == 2 ){
        sheetAnimate2.add( point );  //添加序列帧动画点位
		
	}else if( appearanceStyle == 3 ){	
        sheetAnimate3.add( point );  //添加序列帧动画点位
		
	}    	
}
    	
    
//使用MMAPI类，自定义外部函数接口

//样式选择
var appearanceStyle=0;
MMAPI.beginDraw = function(num){
    appearanceStyle = num;
}

//移出
MMAPI.endDraw = function(list){
    sheetAnimate1.remove(); 
    sheetAnimate2.remove(); 
    sheetAnimate3.remove(); 
    
    appearanceStyle=0;
}

序列帧纹理动画

参数

属性

代码示例

在线演示