Upgrade to Pro — share decks privately, control downloads, hide ads and more …

20191120_ThreeJSTokyo

 20191120_ThreeJSTokyo

Avatar for Yutaka Obuchi

Yutaka Obuchi

November 20, 2019
Tweet

More Decks by Yutaka Obuchi

Other Decks in Programming

Transcript

  1. Materials (MToon) How to make your own material on Three.js

    1, /src/renderers/shaders/ShaderLibから テンプレートとなるマテリアルを探す https://github.com/mrdoob/three.js/tree/dev/src/renderers/shaders/ShaderLib
  2. Materials (MToon) How to make your own material on Three.js

    2, シェーダ完全理解する https://github.com/mrdoob/three.js /blob/dev/src/renderers/shaders/ShaderLib/meshphong_frag.glsl.js #include !!? https://github.com/mrdoob/three.js /blob/dev/src/renderers/webgl/WebGLProgram.js
  3. Materials (MToon) How to make your own material on Three.js

    2, シェーダ完全理解する #include !!? https://github.com/mrdoob/three.js /blob/dev/src/renderers/webgl/WebGLProgram.js https://github.com/mrdoob/three.js /blob/dev/src/renderers/shaders/ShaderChunk/lights_fragment_begin.glsl.js
  4. Materials (MToon) How to make your own material on Three.js

    2, シェーダ完全理解する https://github.com/mrdoob/three.js /blob/dev/src/renderers/shaders/ShaderLib/meshphong_frag.glsl.js #include !!? https://github.com/mrdoob/three.js /blob/dev/src/renderers/webgl/WebGLProgram.js #include が展開されると トータル854行 + ランタイム時注入113行
  5. Materials (MToon) Mesh (Object3D) Material: 肌 Material: 上着 Material: スカート

    Geometry VBO/IBO Group: 肌 Group: スカート Group: 上着 Material: 肌Outline Group: 肌Outline