デザイナー・ノンプログラマにおすすめしたいThree.jsのカンタン3D体験 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、エンジニアののびすけです。最近毎日ハムスターになる夢を見ます。 前回の記事「圧倒的な3D表現にWebの未来を感じるWebGLを使ったサイト・デモ20選」にまとめましたが、WebGLを使ったサイトが最近話題になっていますね。 従来の平面で考えるWebの時代から次の時代への移り変わりを感じる今日この頃です。 今回は実際にWebGLを使った3D表現にチャレンジしてみます。 JavaScriptで記述しますが、初心者向けにまとめたのでノンプログラマやデザイナーの方にもチャレンジしてほしいです！実際にコード書くところは5分（早い人なら1分）でできると思います。 そもそもWebGLとは PC上で3Dを描画するための技術にOpenGLというものがあります。OpenGLは3DグラフィックスAPIとも呼ばれていて、様々なプラットフォームに対応しており、広く普及しています。 このOpenGLをWe

[syrup92g]

3d

[hedeyoshi]

webglちょっとやりたい

[hama1987]

Three.jsでの3D表現について

[homihoo]

やりたいー

[esuji5]

のびすけぇ

[tanakaBox]

割と早いな

[furakutaru]

確かになんか…わかりやすい…ような…気がする？

[kojikoji75]

使ってみる

[masao_hg]

メモ

[jed_lee]

WebGLをJSで扱って、実装からオブジェクトをアニメーションさせたりカメラ位置を調整したりする方法を紹介。

[rsksound]

LIGのロゴが動く