YaaMaa https://blog.hatena.ne.jp/YaaMaa/ 見返すかもしれないメモ https://yaamaa-memo.hatenablog.com/ Three.jsで何か作ってるとき、画面にオブジェクトが表示されなくてしばらく時間を費やしてしまうことがちょくちょくある。わかってみたら単純でアホみたいなミスばかりなんだけど、実際画面に何も表示されないって状況に直面すると「どこからチェックしよ…」ってなってしまうので、ありえる原因を書き出して今後の参考にしようと思う。 Canvas renderer.domElementであるcanvasはちゃんと正しい場所に正しい大きさで存在してる？ ウェブページ自体の背景をsceneの背景色と同じにしてたら気づきにくいので、ちゃんとinspectorで見る。 Canvas element - Render… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyaamaa-memo.hatenablog.com%2Fentry%2F2018%2F06%2F21%2F002627" title="Three.jsでオブジェクトが表示されない時のチェックリスト - 見返すかもしれないメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2018-06-21 00:26:27 rich https://yaamaa-memo.hatenablog.com/entry/2018/06/21/002627 1.0 100%