Splineで作る3Dデザイン

Published on 2023-01-09

Written by motogram

このポートフォリオサイトに載せている3DグラフィックはSplineというツールで作成している。

miniroom

ChatbotAppShot

ToDoAppShot

3Dグラフィックのデザインと言えばBlenderが有名だが、これまで何度か挫折してきた。

理由は取っつきにくいUI。

Figmaみたくシンプルで使いやすいツールは他にないのかと漠然と思っていたところ、twitterの広告でたまたま見かけたのがSpline。

以下が公式ページ。

https://spline.design/

とにかくUIがシンプルで使いやすい。

Spline UI

チュートリアルの動画を見ながら実際に作ってみると、大体の操作は1回目で理解することができる。

出来上がる3Dグラフィックはファンシーでとてもいい感じ。

Avatger3D

作った3Dグラフィックはブラウザで表示することを前提に、HTMLの埋め込みコードで出力することもできるし、 Reactのコンポーネントとして埋め込むこともできる。

どうやら作った3Dグラフィックをthree.jsに変換してブラウザで表示しているようだ。

色々と作ってみたいけど、先に学ばなければいけない言語とかフレームワークがあり過ぎて、手を付けられないのが悩み・・・。