Sのポートフォリオブログ

blenderでモデリングした3Dモデルを、WEBで公開する方法

HTML

CSS

Javascript

blender

私は一時期、Udemyで3Dモデリングを学び、いくつかの3Dモデルを作成していました。

操作自体はある程度でき、以下の様な車のタイヤのモデルを自作したり、WEB上にある3Dモデルを操作してみる等、かじる程度に3Dモデリングをしてきましたが、3Dモデルは実際にWEBや動画などのマーケティング活動に使わなければあまり意味が無いように思えます。もちろん、3Dゲームなど、直接使用して利益を得るのは別枠です。

以下自作したタイヤモデル

私はWEBサイトに3Dモデルを公開することにかなり興味を持っており、three.jsというライブラリーで3Dモデルをローカル環境で表示したことがあります。

three.jsとはjavascriptで作られたライブラリーであり、3DモデルをWEBサイトに表示することができます。このthree.jsが使われているWEBサイトはかなり少ないですが、スバル(自動車)のカーラインナップページの中腹に、車のモデルとして使用されている事が確認できます。

スバル フォレスター

今回は簡易的ではありますが、このポートフォリオにthree.jsで実際に3Dモデルが表示できるかどうかを検証し、出来れば公開してみたいと思います!