• pixi.js


    添加基本文件(库文件)


    • 渲染库
    1. pixi.js

    2. pixi.lib.jspixi.js的子集,依赖class.js,cat.js,event_emiter.js文件

    3. pixi.scroller.js

    4. pixi-spine.js内部刲装了对骨骼的文件的操作

    • action库
    1. pixi.js只是一套渲染库,不含有action

    2. action.js抄cocos的action刲装的,依赖class.js,cat.js,event_emiter.js文件

    3. actionEase.js

    4. actionInstant.js

    5. actionInterval.js

    6. actionManager.js

    • 功能库,对原生javascript刲装的一系列功能函数
    1. cat.js

    2. class.js

    3. event_emiter.js

    让项目跑起来

    • 新建index.html文件将以上文件加入到script标签中

    • 添加新标签<div id = 'ab'></div>pixi里边的render加入到 div 中(相当于浏览器中加入了一个画布)
      生成两个全局对象:window.kk = {}window.GLOBAL_CONFIG = {}后面文件将有依赖与window.GLOBAL_CONFIG.dev属性

    • PIXI.$render生成一个画布插入到bodyappendChild

    • kk.Class.extend动作类依赖

    • kk.start()该方法刲装了animate()方法与requestAnimationFrame()javascript中自带动画播放

    • 并将kk.scene(一个全局的PIXI.Container)加到render里边,此时意味着pixi渲染的画布已经插入到浏览器中,将新的对象加入到kk.scene中就可以在画布中显示了

    发恳写代码
  • 相关阅读:
    【407训练】第一周总结
    [Ural1306] Sequence Median(网上很多题解骗人,这才是对的!业界良心!)
    拓扑排序
    前端知识——Django
    前端知识——jQuery、前端插件、web框架、Django
    前端知识——DOM、jQuery
    前端知识——HTML、CSS
    python整理-day13
    python整理-day12
    python整理-day11
  • 原文地址:https://www.cnblogs.com/Mdh1991/p/5388129.html
Copyright © 2020-2023  润新知