添加基本文件(库文件)
- 渲染库
-
pixi.js
-
pixi.lib.js
是pixi.js
的子集,依赖class.js
,cat.js
,event_emiter.js
文件 -
pixi.scroller.js
-
pixi-spine.js
内部刲装了对骨骼的文件的操作
- action库
-
pixi.js
只是一套渲染库,不含有action -
action.js
抄cocos的action刲装的,依赖class.js
,cat.js
,event_emiter.js
文件 -
actionEase.js
-
actionInstant.js
-
actionInterval.js
-
actionManager.js
- 功能库,对原生javascript刲装的一系列功能函数
-
cat.js
-
class.js
-
event_emiter.js
让项目跑起来
-
新建index.html文件将以上文件加入到script标签中
-
添加新标签
<div id = 'ab'></div>
pixi里边的render加入到 div 中(相当于浏览器中加入了一个画布)
生成两个全局对象:window.kk = {}
与window.GLOBAL_CONFIG = {}
后面文件将有依赖与window.GLOBAL_CONFIG.dev
属性 -
PIXI.$render
生成一个画布插入到body中appendChild
-
kk.Class.extend
动作类依赖 -
kk.start()
该方法刲装了animate()
方法与requestAnimationFrame()
javascript中自带动画播放 -
并将
kk.scene
(一个全局的PIXI.Container
)加到render里边,此时意味着pixi渲染的画布已经插入到浏览器中,将新的对象加入到kk.scene
中就可以在画布中显示了