0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

はじめてのThree.js 4章 日記

Last updated at Posted at 2020-05-27

はじめてのthree.js

#新たに知った知識

  • multimaterialはジオメトリのそれぞれの面に独自のマテリアルを適応する
  • materialにはneedUpdateプロパティがあり、変形していくならばtrueにする必要がある
  • sideプロパティはdoubleにすることでパフォーマンスに影響が出てくる
  • arrowhelperプロパティで法線ベクトルが可視化できる(サンプルはコメントアウトしてある)
  • ゴスパー曲線

#気づいたこと

  • linebasicmaterialは結構使えそう
  • materialプロパティのwireframeはメディアアートっぽくなる
  • かっこいい表現求めるならshaderは必須(早く覚えなければ)

#wow moment

  • multimaterialのルービックキューブ
  • 太陽

#まだ解決していない点

  • idとuuidの違いと使用用途
  • 高度なプロパティ
  • clippingの使い所
  • 今回気づいたけどguiでsphere, cubeなど切り替える際にコードでは用意していたオブジェクトを全部消して新たに作るというのだったけどこれがエラーにならない原因が分からない
        spGui.add(controls, 'selectedMesh', ["cube", "sphere", "plane"]).onChange(function (e) {

            scene.remove(plane);
            scene.remove(cube);
            scene.remove(sphere);

            switch (e) {
                case "cube":
                    scene.add(cube);
                    break;
                case "sphere":
                    scene.add(sphere);
                    break;
                case "plane":
                    scene.add(plane);
                    break;

            }

            scene.add(e);
        });

5章はこちら

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?