必要なのはJavaScriptの基本的な知識だけ 3Dアニメーション制作をお手軽にする「Three.js」の魅力

エンジニア同士の情報共有を目的としたコミュニティ「ふわふわエンジニアタイム」が主催する「Markup Meetup」。3回目の今回は、フロントエンドエンジニア、マークアップエンジニア、コーダー、デザイナーの垣根なく、HTML / CSS / JavaScript に関わるナレッジを共有する場として開催されました。ここで登壇したのは、株式会社ゆめみの佐々木祥晶氏。導入事例を交えながら「Three.js」の魅力、メリット・デメリットを語りました。 株式会社ゆめみ所属・新人フロントエンドエンジニア 佐々木祥晶氏：それでは発表いたします。題目は、「Three.js の魅力を語る」です。 目次ですね。最初に軽く自己紹介をして、本編で「『Three.js』とは何ぞや？」とか、そういったことをいろいろ話していき、最後に軽くまとめをしていければなと思っています。 では、軽く自己紹介を。初めまして、佐々木祥

[TakamoriTarou]

これを手軽と言える奴はたぶんサンダルで月旅行行くと思う

[for-my-internet-demo]

Threeも随分息が長いな

[tetsu23]

ChatGPTでThree.jsで～って書けばコード作ってくれる。

[coco7t]

良いものだから残ってるのだと思うし３Dはむしろこれから

[instores]

PCスペックが追いついてきたのでいいのかも。ちょい古いPCよりiPhoneの方がサクサクだったりする。

[kenta555]

Three.jsやwebGLが出だした頃って10年ほど前だっけ。。長いなあ。

[snipesnaps]

自分で行列計算とかほとんどの場面でしなくていいんで、だいぶ手軽だと思う。

[kondoly]

これの特徴はCSSレンダライブラリでお手軽に空間的なHTMLが書けるところだと思う。

[nil0303]

素のWebGL自体が低レイヤーのAPIしか提供してない&演算は全部1から自分でやれなのでそれに比べれば相当手軽。ただしちょっとでも凝ろうとすると数学の壁が立ちはだかる。

[suquiya0]

本当に息が長いなあ。

[irimo]

動画作成に興味があり、いろいろ思考を巡らしています。こねくり回してるうちにアイデアが浮かんでくるものなのか、作りたいものができたら制作に入る方がいいのか。

[sionsou]

え、今更って思った・・・もう10年以上前に触って遊んだよ。

[mayumayu_nimolove]

3DならMayaとか使わないの？それこそ今ならブレンダー？

[taguch1]

懐かし

[yarumato]

“使用例：GitHubのランディングページ。この地球です。どこで何が行われているのかとか、今プルリクが出されたとか、世界中で開発が行われていることがわかって、なかなかおもしろいです。”