LYNX

Links

Tags

Categories

Cubism3 SDK for web笔记

安装(编译后即扔)

  1. 终端npm install

  2. vscode

    • windows/linux:ctrl+shift+p:Task: run Task->build-all
    • 会有一堆报错,再在终端把所有缺的用npm install补上
    • 关于build-all:grep "build-all" -nr .
  3. 如果只管使用的话,接下来的事就和typescriptnpm没关系了,文件可以全部删掉

重构

  • 顺序
    • ./Framework/cubismdefaultparameterid.ts,// 1
    • ./Framework/cubismframeworkconfig.ts,// 2
    • ./Framework/cubismmodelsettingjson.ts,// 3
    • ./Framework/effect/cubismbreath.ts,// 4
    • ./Framework/effect/cubismeyeblink.ts,// 5
    • ./Framework/effect/cubismpose.ts,// 6
    • ./Framework/icubismmodelsetting.ts,// 7
    • ./Framework/id/cubismid.ts,// 8
    • ./Framework/id/cubismidmanager.ts,// 9
    • ./Framework/live2dcubismframework.ts,// 10
    • ./Framework/math/cubismmath.ts,// 11
    • ./Framework/math/cubismmatrix44.ts,// 12
    • ./Framework/math/cubismmodelmatrix.ts,// 13
    • ./Framework/math/cubismtargetpoint.ts,// 14
    • ./Framework/math/cubismvector2.ts,// 15
    • ./Framework/math/cubismviewmatrix.ts,// 16
    • ./Framework/model/cubismmoc.ts,// 17
    • ./Framework/model/cubismmodel.ts,// 18
    • ./Framework/model/cubismmodeluserdata.ts,// 19
    • ./Framework/model/cubismmodeluserdatajson.ts,// 20
    • ./Framework/model/cubismusermodel.ts,// 21
    • ./Framework/motion/acubismmotion.ts,// 22
    • ./Framework/motion/cubismexpressionmotion.ts,// 23
    • ./Framework/motion/cubismmotion.ts,// 24
    • ./Framework/motion/cubismmotioninternal.ts,// 25
    • ./Framework/motion/cubismmotionjson.ts,// 26
    • ./Framework/motion/cubismmotionmanager.ts,// 27
    • ./Framework/motion/cubismmotionqueueentry.ts,// 28
    • ./Framework/motion/cubismmotionqueuemanager.ts,// 29
    • ./Framework/physics/cubismphysics.ts,// 30
    • ./Framework/physics/cubismphysicsinternal.ts,// 31
    • ./Framework/physics/cubismphysicsjson.ts,// 32
    • ./Framework/rendering/cubismrenderer.ts,// 33
    • ./Framework/rendering/cubismrenderer_webgl.ts,// 34
    • ./Framework/type/csmmap.ts,// 35
    • ./Framework/type/csmrectf.ts,// 36
    • ./Framework/type/csmstring.ts,// 37
    • ./Framework/type/csmvector.ts,// 38
    • ./Framework/utils/cubismdebug.ts,// 39
    • ./Framework/utils/cubismjson.ts,// 40
    • ./Framework/utils/cubismstring.ts,// 41
    • ./Sample/TypeScript/Demo/src/lappdefine.ts,// 42
    • ./Sample/TypeScript/Demo/src/lappdelegate.ts,// 43
    • ./Sample/TypeScript/Demo/src/lapplive2dmanager.ts,// 44
    • ./Sample/TypeScript/Demo/src/lappmodel.ts,// 45
    • ./Sample/TypeScript/Demo/src/lapppal.ts,// 46
    • ./Sample/TypeScript/Demo/src/lappsprite.ts,// 47
    • ./Sample/TypeScript/Demo/src/lapptexturemanager.ts,// 48
    • ./Sample/TypeScript/Demo/src/lappview.ts,// 49
    • ./Sample/TypeScript/Demo/src/main.ts,// 50
    • ./Sample/TypeScript/Demo/src/touchmanager.ts,// 51
    • ./node_modules/whatwg-fetch/fetch.js// 52

文件分析

src

lappdefine.js

  • ModelDir()

对于每个模型文件夹,其model2.json命名必须和文件夹一样

lappview.js

  • onTouchesEnded()

lapplive2dmanager.js

  • nextScene():切换模型
  • onDrag():跟踪鼠标
  • onTap()

lappdelegate.js

  • onClickBegan()
  • onTouchBegan()

lapptexturemanager.js

  • createTextureFromPngFile()

main.js

  • main():入口函数

math

cubismmatrix44

  • scale(x, y):模型的长和宽

引用关系

lappdelegate.js

函数名 引用位置
LAppDelegate.getInstance() main.js,lappmodel.js,lappview.js

lappmodel.js

lappview.js

Tags

npm

Categories

1 / 1