本文へスキップ
開発事例 / Webアプリ

three.nextcode.ltd

Three.jsベースの3Dインタラクティブデモサイト

公開中

Three.jsを用いた3D表現の実験・デモサイト。カメラ操作、マテリアル、ライティング、アニメーションなど3D Web表現のパターンを実装し、ポートフォリオの技術訴求に活用。

この作品の要点
困っていたこと3D表現の引き出しをまとめて提示する場が必要。
やったことデモサイトとして集約し、すぐ共有できる形にした。
起きたこと3D案件の提案時にそのまま見せられる事例化。
もくじ

どこでつまずいたか

013D表現の引き出しをまとめて提示する場が必要

どう解いたか

01デモサイトとして集約し即共有できる形に

マンガでわかる

three.nextcode.ltdのしくみを4コマ漫画で説明した図

できあがったもの

できあがった画面

three.nextcode.ltd の画面 1
three.nextcode.ltd の画面 2
three.nextcode.ltd の画面 3
three.nextcode.ltd の画面 4
three.nextcode.ltd の画面 5

結果

013D案件の提案時にそのまま見せられる事例化

この作品でできること

  • Three.jsによる3Dシーン構築
  • インタラクティブなカメラ操作
  • ポートフォリオ技術訴求に活用

どう作ったか

担当と道具

担当企画・実装
使った技術Next.js・Three.js・TypeScript・WebGL

この作品のきほん

種類Webアプリ
いまの状態公開中
規模担当2領域 / 技術4種類
公開先three.nextcode.ltd

相談する

おなじものが作れます

同じ仕組みを、あなたの商品でも作れます。

この事例をシェアする

同じ課題を持っている人に届くかもしれません。

この作品の開発記録・お客様の声

作っているときに考えていたこと、詰まったところをそのまま書いています。