顔面で伝える / MCCMMANCC 2018

Transcript

1. 
    MCCMMANCC  Live2DAPI  (@sasamijp)
2.   •  • 
   ! • 
   
   
    OK
3.   •  (@sasamijp) • 
   
     • VTuber
    • !(  )
4. 
    •  
   • 
       censored
5. 
    2 •    
   censored
6. https://www.youtube.com/watch?v=qNMSF0-BxIg
7. 
    3 • Live2D • API   •
      censored
8. Live2D  1. 81 %()-;. • >7 2. /2#!+,!'49:= •   • 0  • & $*"-653<
9. 
    censored • FaceRig Live2D Module • web
10. 2,1= 1. Live2DD9#; (10.  8) • *(+()%&+)< "!  • F<03 !  2. Live2D@5/#6 8- • 7:C "! • $('#7:?E >B • JavaScript4A
11. Live2D&(*) '! "($
    #%  Euclid 3 ()2 Cubism) censored
12. Live2D () •   •   
    (
    )
13. Live2D3*( ,)) • Live2D Cubism Editor(/-5)4+ • &!.( ("') • 
     $%#120  
14. • 
    (! )   • 29  → #$  "
15. Live2D&" • #  '( • % • )! 
    $   
16. •     ( )
    
17. SDK((-"+)) • :6  • Cubism SDK for Unity • Unity(3D#
    )!.%.)1*&,7  • #
    )03 • Cubism SDK for Native • C++4< • 7 • Cubism SDK for Web • '+ $7  • v2v35 • 2/v2(v3;928  )()
18.  JavaScriptLive2D  ( 
    
     )
19. 
     • Slack 
     • Zip  → !' • Chrome%$ " → 
    # • CHOOSE FOLDER!' & • Web Server URL 
20. $#  ( ) • HTML(!") + JavaScript() • index.html*.js % 
     •  &
    
21. () • Controller.js •   & • control$%Return 
     " !
    '# •  return { PARAM_ANGLE_Z: this.t-30, PARAM_BROW_L_Y: (this.t-30)/30.0, PARAM_BROW_R_Y: (this.t-30)/30.0 };
22. %" • ( • )
    $ • 
      • CPU%& •  
    • *( • ' #! • 
     
23.   • 
    
     • sin