安装(编译后即扔)

1. 终端npm install

2. vscode

   • windows/linux:ctrl+shift+p:Task: run Task->build-all
   • 会有一堆报错,再在终端把所有缺的用npm install补上
   • 关于build-all:grep "build-all" -nr .

3. 如果只管使用的话,接下来的事就和typescript和npm没关系了,文件可以全部删掉

重构

• 顺序
  • ./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

lappmodel.js

lappview.js