改装OMIX2.0小程序框架，使app.js能够使用状态管理

腾讯原生小程序培哪框架 OMIX2.0现在支持的是在页面中去使用状态管理，但实际工作中很多情况下需要我们在app.js中就去使用状态管理，比如说在onLaunch中我们需要授权登录并且获取用户的信息，这些就核纳会需要在获取后用状态管理及时存储，方便以后的使用。所以我们需要对其改装。

目前我使用的是2.4.0版本，如果不知道的话可以在utils中的create.js中最上面注释查看版本号。

打开create.js，找到create方法。

将if语句中的 Page(option)放入create.Page中

这样就配氏码可以在app.js中使用了，引入create.js和store中的index.js.在app.js中直接写store.data.xxx就好

CreateJS包含4个部分，EaselJS、TweenJS、PreloadJS、SoundJS，其中最主要的部分EaselJS包含了开发Html5游戏的所有功能盯咐，仅仅使用EaselJS几乎可以完成所有的开发工作，其余三项可以看作EaselJS的辅助工具。比如响应tick事件然后改变元素坐标就可以实现动画功能，而使用TweenJS来创建补间动画，则可以省去你很多代码，简凯侍纯化了谈昌 *** 作。一个简单的tick动画看起来是这样的：<pre t="code" l="js">var stage, circle

function init(){

stage = new createjs.Stage(document.getElementById('game'))

createjs.Ticker.addEventListener("tick", handleTick)

createjs.Ticker.setFPS(60)

circle = new createjs.Shape()

circle.graphics.f("red").dc(0,0,50)

circle.x = 0

circle.y = 100

stage.addChild(circle)

circle.addEventListener("click", function(event){

createjs.Ticker.setPaused(!createjs.Ticker.getPaused())

})

}

function handleTick(event){

if(!event.paused){

circle.x +=5

if(circle.x >1000){

circle.x = 0

}

}

stage.update()

}

createJs的由来，基础什么的就不说了，就直接说createJs的用法吧。

首先到createJs官网下载，createJs分成easelJs（图形动画）、preloadJs（文烂脊件加载）、soundJs（音频控制）以及tweenJs（补间梁答动画）四部分，大家下载的时候，建议下载两个文件，一个是压缩版文件，用于项目中的引用，再下载个源码文件，用于查看用法、API、demo等。因为楼主目前只用了easelJs和preloadJs，所以暂时就只说这两个，其实就这两个已经非常够用了。

接下来开始分析代码：

首先引入js文件

<script

src="easeljs-0.7.1.min.js"></script>

<script

src="preloadjs-0.4.1.min.js"></script>

然后进行舞台初始化 *** 作：橡历慧

function

init(){

stage

=

new

createjs.Stage("cas")

C_W

=

stage.canvas.width

C_H

=

stage.canvas.height

var

manifest

=

[

{src:"image/man.png"

,

id:"man"},

{src:"image/ground.png"

,

id:"ground"},

{src:"image/bg.png"

,

id:"bg"},

{src:"image/high.jpg"

,

id:"high"},

{src:"image/coins.png"

,

id:"coin"}

]

loader

=

new

createjs.LoadQueue(false)

loader.addEventListener("complete"

,

handleComplete)

loader.loadManifest(manifest)

drawLoading()

}

---