AV片亚洲国产男人的天堂,91青青草视频,老妇毛片久久久久久久久,国产高清无码麻豆精品,国产男女免费完整版视频

用這個(gè)方法，輕松提高H5動(dòng)畫的開發(fā)效率！

2017-1-23 資深UI設(shè)計(jì)者

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>1</title> <style type="text/css"> body { overflow:hidden; } </style> </head> <body onload="init();" style="margin:0px;"> <canvas id="canvas" width="750" height="1206"></canvas>  <script src="createjs-2015.11.26.min.js"></script> <script src="1.js"></script> <script src="main.js"></script> </body> </html>

//view1 (function() { "use strict"; function View1(){ this.Container_constructor(); this.back = new lib.view1(); this.addChild(this.back); this.show = function (){ //這里可以寫額外的方法 } //this.con = new createjs.Container() 這里可以是額外處理的對(duì)象 } var p = createjs.extend(View1,createjs.Container); cls.View1 = createjs.promote(View1, "Container"); }());

// 定義一些需要用到的變量 var canvas, stage, exportRoot, cls={}; // model來專門處理接收事件，記得要是EventDispatcher類 model = new createjs.EventDispatcher(); stageWidth = document.documentElement.clientWidth; stageHeight = document.documentElement.clientHeight; stageScale = stageWidth/(750/2); canvas = document.getElementById("canvas"); if(stageWidth/stageHeight > 0.665) { stageScale = stageHeight/(1206/2); } else { stageScale = stageWidth/(750/2); } canvas.style.width = 750/2*stageScale + 'px'; canvas.style.height = 1206/2*stageScale + 'px'; function init() { canvas = document.getElementById("canvas"); images = images||{}; // LoadQueue是一個(gè)預(yù)加載類，可以把需要加載的資源提前加載，基本支持大多數(shù)的文件預(yù)加載。 //我這里主要處理了它的2個(gè)事件，fileload，complete。 var loader = new createjs.LoadQueue(false); //這里一共可以是3個(gè)參數(shù) 第一個(gè)是是否用XHR模式加載第二個(gè)是基礎(chǔ)路徑第三個(gè)是跨域 loader.addEventListener("fileload", handleFileLoad); loader.addEventListener("complete", handleComplete); loader.loadManifest(lib.properties.manifest); } function handleFileLoad(evt) { //這是單個(gè)文件加載完成的事件，把它保存到一個(gè)地方之后可以直接拿來創(chuàng)建對(duì)象 if (evt.item.type == "image") { images[evt.item.id] = evt.result; } } function handleComplete(evt) { var queue = evt.target; var ssMetadata = lib.ssMetadata; for(i=0; i<ssMetadata.length; i++) { ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} ) } view1 = new cls.View1(); stage = new createjs.Stage(canvas); //獲取舞臺(tái) Stage是我們的舞臺(tái)類，可以理解為所有canvas內(nèi)部對(duì)象的總?cè)萜骰蛘哒f是根顯示對(duì)象。 stage.addChild(view1); //將容器放在舞臺(tái)上 model.addEventListener("complete",function (){ alert("complete"); }) //Ticker是一個(gè)計(jì)時(shí)類，不過他是每過一幀觸發(fā)一次的，也就是說跟時(shí)間其實(shí)沒關(guān)系（因?yàn)閹l是會(huì)波動(dòng)的）。 // createjs.Ticker.setFPS();和createjs.Ticker.addEventListener("tick", stageBreakHandler);是必須要加的，stageBreakHandler里面放的是刷新舞臺(tái)的方法，因?yàn)閏reatejs需要不停的刷新舞臺(tái)來刷新動(dòng)畫，也就是一個(gè)重繪的過程。平時(shí)也可以拿Ticker類做動(dòng)畫。 fnStartAnimation = function() { createjs.Ticker.setFPS(lib.properties.fps); createjs.Ticker.addEventListener("tick", stageBreakHandler); } fnStartAnimation(); } function stageBreakHandler(event) { if(stageWidth!=document.documentElement.clientWidth||stageHeight!= document.documentElement.clientHeight) { stageWidth = document.documentElement.clientWidth; stageHeight = document.documentElement.clientHeight; if(stageWidth/stageHeight > 0.665) { stageScale = stageHeight/(1206/2); } else { stageScale = stageWidth/(750/2); } canvas.style.width = 750/2*stageScale + 'px'; canvas.style.height = 1206/2*stageScale + 'px'; } stage.update(); } //view1 (function() { "use strict"; function View1(){ this.Container_constructor(); this.back = new lib.view1(); this.addChild(this.back); } var p = createjs.extend(View1,createjs.Container); cls.View1 = createjs.promote(View1, "Container"); }());