フロントエンドカンファレンス北海道2025
LT(5分)
Web上で折り紙が折れる！Three.jsとReactによるインタラクティブな3D表現
ゆってぃー
yutteeeeeeeee
折り紙の折り方、分かりづらくないですか？
私たちのプロダクト「OriCube」は、この課題を解決します。
OriCubeは、折り紙の折り方を3Dモデルを用いて視覚的に表現したwebアプリケーションです。
折り紙の折り方を確認するだけでなく、ユーザーがweb上で折り紙の折る手順を投稿することができます。
本LTでは、「折り紙を折る」という体験をweb上で再現することで得られた、ReactとThree.jsを組み合わせたインタラクティブな3D表現のノウハウをお伝えします。
特に、3Dモデルの動的制御の実現、複雑な3Dシーンにおけるパフォーマンス最適化に関して話します。
OriCubeは、JPHACKS2024で最優秀賞, 聴衆投票1位を獲得しました。