Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

Vectary Chromebook Linux Sketchfab 3DCG

無料のVectaryというオンラインで使える3DCG Webアプリを見つけましたがChromebookのChrome OS上のChromeではなぜか使えませんでした。ところがLinux(Xubuntu)上のChromeでは使えたので紹介します。

はじめに

Chromebookで手軽に使えるオンライン3DCGアプリを探していましたが、「Vectary」というWebアプリを見つけました。

ダウンロードやインストールといった作業が不要で、Googleなどのアカウントでログインすればすぐに無料で3DCGの一連の作業が可能になるのでChromebookでも手軽に3DCGが楽しめます。

しかし、Chrome OS上のChromeでは途中でフリーズして使えませんでした。

ところが今回、偶然にLinux(Xubuntu)上のChromeでは使えることがわかったので紹介します。

ChromebookのmicroSDカードにインストールしたLinuxとは

以下の記事で紹介している方法でAcer Chromebook Spin 11microSDカードにLinux(Xubuntu)をインストールして使っています。

Chrome OSとLinux(Xubuntu)はキーボード操作でリアルタイムに相互に切り替えられるので便利です。

以下ではLinux(Xubuntu)上のChromeブラウザーでオンラインWebアプリ「Vectary」が使えたので紹介します。

Vectaryにログイン

以下のサイトに行きます

98143395747190aea1c718f6b54c81fd - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!
Vectary – The Easiest Online 3D Design and 3D Modeling Software
Turn ideas into 3D design with this easy-to-use online 3D modeling software. Start for free with a complete set of tools including real-time rendering and model...
Screenshot 2019 09 22 at 13.48.47 1024x805 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

右上の「Sign up」をクリック。

Screenshot 2019 09 22 at 14.02.43 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

私の場合は「Sign up with Google」をクリックしました。使うアカウントを選びます。

Screenshot 2019 09 22 at 14.03.20 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

3つにチェックを入れ「Create Account」をクリック。

Screenshot 2019 09 22 at 14.04.23 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

私の場合はブログなので「Social Media and Marketing」を選びました。

Submit」をクリック。

Screenshot 2019 09 22 at 14.05.07 1024x665 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

+ Create a new project」をクリック。

Screenshot 2019 09 22 at 14.06.08 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

Skip」をクリック。

Screenshot 2019 09 22 at 14.38.17 1024x573 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

デフォールトの新規プロジェクト初期画面が表示されました。

操作方法の学習

サインアップが終わると登録したメールアドレスにメールが届きます。

Screenshot 2019 09 22 at 14.25.02 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

Learn Vectary basics」をクリックすると「How to get started with Vectary」というVectaryサイトのページが開き、YouTubeビデオが見れます。

How to get started with Vectary

内容は以下のとおりです。

Timeline:
0:00 – Creating an account and starting a new project
1:04 – Resetting settings
1:17 – Vectary interface
1:44 – Navigation in 3D space – rotate, pan, zoom
1:58 – The difference between Edit and Object mode
2:17 – 3D text
3:27 – Gizmo transformations – move, scale, rotate
4:44 – Duplicating objects
5:14 – Rotating objects 90 degrees
5:40 – Changing color and material
6:12 – Render preview
6:20 – Shadow plane
6:58 – Changing an orthographic view
7:31 – Lights
8:06 – HDR Light and Library
8:41 – Changing the background
9:11 – Saving the view with Camera
9:42 – Adding primitives
10:00 – Adding and editing materials from the library
10:45 – Snapping and pivoting
11:57 – Assembling the scene with library assets
13:34 – Generate tools – Array grid
14:08 – Deform tools – Randomize
14:44 – Editing generated objects
15:37 – Importing images and 3D objects
15:59 – Adding depth of field
16:22 – Collaborating
17:00 – Exporting a 3D image
17:10 – Exporting a 3D file or a Facebook 3D photo
17:18 – Embedding a 3D/AR scene into the website
18:15 – Previewing the embedded scene and seeing the scene in augmented reality
18:29 – Sharing a project

https://www.vectary.com/3d-modeling-how-to/how-to-get-started-with-vectary/?vt=&__s=miist4rwcpz5ppoxxtog

Sketchfabから3Dモデルを直接読み込む方法が不明

以下のYouTubeビデオを参考にしてSketchfabから直接3Dモデルを読み込もうとしました

Vectary integrated Sketchfab | Import and export Sketchfab 3D models

しかし、LibraryのAssetオブジェクトを開くと、上記のビデオの映像とは異なり、右側にオブジェクトが並んで表示されますが、Sketchfabなどを選ぶメニューが見つかりませんでした。

そこで、Sketchfabから私の3Dモデル作品の中で最も人気が高い「Taey-02-1」を通常の方法でダウンロードしてVectaryにインポートすることにしました。

c8192a83bf802e194578500700e8d43f - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!
Taey-02-1 - Download Free 3D model by kirayan4852 (@kirayan4852)
FaceGen Artist 1.6 Home, DAZ Studio 4.8 Pro Free, Genesis Female > .obj > .zip - Taey-02-1 - Download Free 3D model by kirayan4852 (@kirayan4852)
Screenshot 2019 09 22 at 16.11.51 1024x797 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

左下の「Download 3D Model」をクリックするとログイン画面が表示されるので、Sketchfabのアカウントをまだ持っていない場合はGoogleアカウントなどでSignupしてください。

Screenshot 2019 09 22 at 15.44.08 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

下側の「glTF」フォーマットの「DOWNLOAD」をクリックしてダウンロードしておきます。

Screenshot 2019 09 22 at 16.19.44 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

ちなみに、ここまでの作業はChrome OS上のChromeブラウザーでも可能です。

以後はLinux(Xubuntu)上のChromeブラウザーで行ないます。

3Dモデルを読み込む

Linux上での初期画面は以下です。

2019 09 22 16 26 18 1024x576 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

試しに「Box」オブジェクトを配置してみます。

2019 09 22 16 28 37 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!
2019 09 22 16 29 15 1024x576 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

オブジェクトのサブメニュー(ツールバー)の右端の「Import」をクリック。

2019 09 22 16 30 28 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

Choose File…」をクリック。

2019 09 22 16 31 25 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

taey-02-1.zip」を選んで「Open」をクリック。

2019 09 22 16 32 30 1024x576 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

Boxを削除します。左側のリストからBoxを選んで右端のスリードットから「Delete」をクリック。

2019 09 22 16 35 28 1024x576 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

マウスホイールで拡大し、左ボタンドラッグで回転し、右ボタンドラッグで移動します。

2019 09 22 16 38 18 1024x576 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

右側のパネルの各項目を開き、ライティングなどの設定を行います。

2019 09 22 16 45 18 1024x576 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

レンダリング

顔のアップにします。

2019 09 22 17 18 41 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

右上の「Render」をクリック。Qualityは「Medium」でレンダリングを開始。

2019 09 22 17 20 19 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

左上の数字が100になると完了します。ボタン下のプログレスも進みます。

2019 09 22 17 24 09 1 1024x634 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!
2019 09 22 17 24 34 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

Stop Render Preview」ボタンをクリックすると元のプレビュー画面に戻ります。

2019 09 22 17 26 47 1024x576 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

元のプロジェクト選択画面に戻ります。

2019 09 22 17 27 42 1024x576 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

ブログへの埋め込み

レンダリングの前に右上の「Viewer」アイコンをクリック。

2019 09 22 16 47 46 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

Generate」ボタンをクリック後、「Embed」の下にあるコードをコピーしてテキストエディターに貼り付けます。

2019 09 22 16 58 16 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

名前を付けて保存しておきます。

2019 09 22 17 00 04 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

以下にそのHTMLコードを貼り付けました。

現在は「The 3D scene has not yet been generated.」となっていて映像は表示されませんが、そのうちに表示されるかもしれないので、このまましばらくは貼り付けておいて様子を見ます。

メニュー

左上のメニューのセッティング関連は以下のようになっています。

2019 09 22 17 13 47 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

Grid」を「OFF」にするとプレビュー画面でグリッドが表示されなくなるので、スクリーンショットを撮れば全身画像に使えそうです。

2019 09 22 17 15 05 - Chromebookで3DCG?VectaryをLinuxのChromeで使ってみる?!

まとめ

以下の記事で紹介している方法で、今回の画像を合成すると作品が作れます。

次回は、可能であれば再度Adobe Substance PainterでTaey-02-1の読み込みを試してみて、顔へのテクスチャーペインティングに挑戦してみたいですが・・・

ではでは、きらやん

(Visited 30 times, 1 visits today)

コメント