ROOT/ARCHIVE/SPATIAL-002
[RECORD_ACCESS_GRANTED]
NFTを深く知るプロダクト紹介
【Blender×Sketchfab】Blenderで本棚を改造してみた
【Blender×Sketchfab】Blenderで本棚を改造してみた
PUBLISHED:2023.07.06
STATUS: LIVE
[SUMMARY]

この記事で使うもの Spatialのアカウント(メタバース空間Spatialへ、作ったものを配置します) Sketcfabのアカウント(素材となる3Dモデルをダウンロードします) Blender(この記事では、ver 3.6.0を使っています) イチから3Dモデルを作るのは… ある日のこと。「Spatialにマガジンラックを置きたい…」と、猛烈に思うようになりまし...

[CONTENT_BLOCK_START]

この記事で使うもの

  • Spatialのアカウント(メタバース空間Spatialへ、作ったものを配置します)
  • Sketcfabのアカウント(素材となる3Dモデルをダウンロードします)
  • Blender(この記事では、ver 3.6.0を使っています)

イチから3Dモデルを作るのは…

ある日のこと。「Spatialにマガジンラックを置きたい…」と、猛烈に思うようになりました。

コチラの記事「メタバース空間をGoogleストリートビューの好きな場所へ配置するやり方」でも紹介した、無料で使えるメタバース空間「Spatial」に、「ドーナツ部長の雑誌」を飾るマガジンラックを置きたいと考えたのです。

…といっても、イチから3Dモデルを作って、テクスチャやマテリアルを設定して…では、ちょっと先が見えないので。3D素材をダウンロードして、雑誌部分の画像を差し替える程度の修正で用意できないかな…という考えが浮かんできました。

今回、素材として選んだマガジンラックは、コチラのデータです。

「Sketcfab」という無料で利用可能な3Dモデルのプラットフォームから、ダウンロードしました。

Sketcfabとは?

基本無料で使える3Dモデルを集めたプラットフォーム

Web上で誰でも簡単に、3Dモデルを公開したり、共有したりできるサービスです。ブラウザ上で閲覧、ダウンロードもできるので特別なソフトをインストールすることなく使えるというのが嬉しいですね。

室内の装飾から、「どこで使うの?」みたいなアセットまで、様々なジャンルの3Dモデルが揃っているので、ぜひ一度見てみることをオススメします。

各素材の権利は必ず確認すること

素材の権利(商用利用OKなのか)、クレジット表記の必要性などは、必ずご確認ください。

権利やクレジット表記は「ライセンス情報(Licensing infomation)」から確認ができます。上記の場合では、

  • CC Attribution(=Creative Commons Attribution)→ クリエイティブ・コモンズ(作成者が二次利用を許可しています)
  • Author must be credited. Commercial use is allowed.→ 作成者のクレジットを明記。商用利用はOK。

と、ありますので「クレジットを明記」すれば、二次利用も商用利用もOKということになります。明記するクレジットは「opy Credits」から取得可能です。

ダウンロード

まずは、さきほどの3Dモデルのページ「Download 3D Model」を選択して、

今回は「Blender」をつかうので、「GLBデータ」をダウンロードします。

ダウンロードが完了したら、いよいよBlenderでの作業です。

Blenderを立ち上げる

Blenderを立ち上げると、立方体オブジェクトがデフォルトで表示されます。少しジャマなので… 「Delete」ボタンなどで、消去してしまいましょう。

File > import > glTF2.0(ジーエルティーエフ)

ウィンドウが表示されるので、さきほどダウンロードしてきた3Dモデルを選択し、「Import glTF2.0」を押します。

すると、このようにマガジンラックの3Dデータが読み込まれました。

仕組みを見てみる

この3Dモデルの本の部分は、どうやって作られているのでしょうか?ちょっとデータを触って確認してみます。(Blenderの使い方は、ここでは省略させて頂きます)

棚は、ベースカラー(黒)で塗られている状態で、特にテクスチャやマテリアルは設定されていません。ベースカラーとライトアップによって、質感のある本棚にしているようですね。

雑誌部分をクリックすると、雑誌の表紙は「マテリアル」で画像を読み込んでいることが分かりました。見開きの表紙の画像を読み込んで、雑誌の表面に当てているようです。

つまり…差し替えられる画像さえ用意できれば、マテリアルの読み込み設定から変更できそう…!ということになります。ここでは、事前に制作した雑誌の表紙画像(おもて表紙/背表紙/うら表紙がセットになった画像を制作し、準備致します。

マテリアルの差し替え

さぁ、いよいよ終盤。ここでは、ついに雑誌の表紙を差し替えていきます。今回は、下記の表紙へと変更します。

まず、画面上の「Shading」を押して、下記の画面を表示してください。

続いて、表紙を差し替えたい雑誌オブジェクトをクリックします。

「フォルダ」のマークを押して、読み込む画像を探して、アップロードします。※フォルダのマークが無い方は、「フォルダ」が表示される位置にあるアイコンをクリックして、フォルダアイコンを出現させます。

今回は6冊が並んでいますので、6冊分の画像を全て変更していきます。6冊全部変更したものが、コチラです。

部長の雑誌が並ぶマガジンラックが出来上がりました!あとは、このデータを書き出してみます。※ここで作成したBlenderのデータも一緒に保存をしておきましょう。

File > Export > glTF2.0(ジーエルティーエフ) で「.glb」形式で書き出します。

glbファイルをSpatialへ

Spatialへログインし、アップロードボタンから、さきほど作った「glb」ファイルをアップロードしてみます。(ここでは、Spatialの詳しい操作方法は、省略させて頂きます)

…できました!

無事にアップロードが終了すると、さっき作成した部長の雑誌が並ぶ本棚が配置されました。意外と…簡単にできたように思いませんか?マテリアルの修正や変更は、意外とシンプルで使いやすいのかもしれませんね。

[CONTENT_BLOCK_END]
<BACK_TO_ARCHIVE
[SESSION_END]
[RECORD_ACCESS] SPATIAL-002 > READ_COMPLETE > SYSTEM_STANDBY