Splineを使ってみる準備編

2023年12月9日 20:15

さて。figmaの記事ばかり書いてて飽きてきました。
今日はタイトルの通りSplineを使ってみたいと思います。
スプライン。
３DソフトでWEBでも動く、共同編集ができる。FigmaライクのUIでカンタン。フリーで使える。他のソフトで編集できるように書き出せるという夢のようなソフトらしくこれは触ってみましょうという話です。

ワタシ、大昔にMAYAを使って挫折。最近Blenderを使って基本的なモデリングまでは作れるようになりましたがヒト型のモデルを動かしたりするとこで関節や服がめり込んだりして挫折（休憩）。３Dってとにかくめちゃくちゃ難しいんです。
完全に主観ですが。
Photoshopの難度を基本機能を使えるようになるまでを10、
業務レベルになるまでを100
としましょう。

Illustrator　　基本5　業務70
Figma　　　　基本2　業務50
After Effects　基本50 業務500
統合型３D　基本500 業務1000

って印象です！３Dは桁違いに難しい。
MAYAとかハイエンド系を端から端まで全部使いこなしてるヒトって存在してるんですかね？ハリウッドとかには。
しかも出来上がった３Dを３Dソフト上で眺めても仕方ないのでゲームにしたり映像にしたりWEBに埋め込んだりとなるとまた別のソフトやプログラムの技術が関わってきて気が遠くなります。

このSpline非常に直感的なUIでカンタンにWEBに埋め込めるコードを吐き出してくれるそうで。これは触らない手は無いなと。超リアル3DみたいのはWEBデザインするうえではそんな需要もなさそうですしちょっとアクセント程度に挿入する程度にでも使えると提案の幅も広がりそうです。

いまのところ英語しかなさそうですがそんな難しい感じではなさそうです。
早速みていきましょう。

WEBでも使えますがせっかくアプリがあるので落としてみます。
アカウントを作ります。Googleでログインできますが色々聞かれます。
アーティストなのかデザイナーなのかとかチームなのか個人なのかとかよくある他愛のないやつです。

有料版があって機能拡張されるようですがとりあえず無料でも使えるようなのでMybe laterという曖昧な回答をしておきましょう

アプリを開いて右上の＋New Fileから新規ファイルを作ります。

３Dソフトではおなじみの操作感です。Optionを押しながら左クリックホールドしてマウスを操作するとグリグリ動きます。
この裏返ると消えるのは表にしか情報がないという概念でしてデータを軽くするために見えないとこは存在させないっていう考えです。昔のマリオカートとかで極端にカートが画面に寄って貫通すると最前面にあるものが消えたりしましたよね。あれです。
四角から線が中央に向かって伸びてるのは光源ですかね？

UIは３D系の恐ろしく複雑な画面ではなく左にレイヤー、右に操作という非常にFigmaライクでとっつきやすそうな画面です。とりあえずこのデフォルトのペラペラを書き出してみましょう