Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

LEGOオンラインWebアプリ Mecabricks 3DCG

Chromebookで3DCGレンダリングを簡単に楽しむ方法の一つにWebGLを使ったオンラインアプリ「Mecabricks」があります。LEGOブロックをブラウザー上で遊ぶ方法を紹介します。

はじめに

以下の記事でGoogleのクラウドサービスGCP上でNVIDIA GPU付き仮想WindowsにChromebitから繋いでDAZ Studioなどの3DCGアプリを使う方法を紹介しました。

Screenshot2019 07 26at23.26.33 160x90 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!
ChromebitでPhotoshop CCやDAZ StudioをGCPの仮想Windowsで使う方法とは?!
ChromebitからGoogleクラウドサービスのGCPに接続して、NVIDIAのGPU付き仮想Windows(日本語版)を使ってAdobe CCアプリのPhotoshopや無料3DCGアプリのDAZ Studio 4.11を使う方法を...

この方法は汎用性がありますが、3DCG初心者にとってはやはりハードルが高く、仮想Windowsのセットアップも考えると煩わしさを感じると思います。

Linuxが動くChromebookやCloudReadyでは無料の3DCGアプリで有名なBlenderが使えますが、インストールが必要なのと、Blenderの操作に慣れるまでかなりの時間と労力と忍耐が必要であり、初心者にはオススメできません。

そこで、LEGOブロックを扱うことに限定したオンラインアプリの「Mecabricks」を今回は紹介します。

初心者でもインストールの必要がなく比較的簡単に3DCGが楽しめると同時に、モデリングからレンダリングまでオールインワンでシームレスに使えて便利です。

さらに、初心者用の豊富なモデルライブラリーから無料でモデルを読み込めるので、今回はモデリングは行わず、シンプルなモデルを読み込んでレンダリングを行うまでの工程を紹介します。

Mecabricksサイト

以下のサイトに行きます。

https%3A%2F%2Fwww.mecabricks - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!
Mecabricks.com
Mecabricks is the first web service to publish and display 3D models made with LEGO® bricks. No need to install any plugin, it simply works.
Screenshot2019 08 11at17.44.33 1024x727 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

英語版のサイトですが、日本語で使いたい場合は余白を右クリックしてGoogle翻訳で日本語に翻訳して使えます。私の場合は英語のままの方がわかりやすいですが・・・

Screenshot2019 08 11at18.34.05 1024x537 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

サインアップ

モデルを読み込んだり、自分の作品を保存したりするにはサインアップしてログインする必要があります。

右上の「SIGN UP」をクリック。

Screenshot2019 08 11at17.45.56 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

基本的に全ての項目に英語で入力します。「SIGN UP」をクリック。

Screenshot2019 08 11at17.46.54 1024x480 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

すぐに登録したアドレスにメールが届くので開きます。

Screenshot2019 08 11at17.47.26 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

リンクをクリック。

Screenshot2019 08 11at17.47.43 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

以上でサインアップは完了です。Mecabricksの全ての機能が使えます。

編集画面からモデルを読み込む

トップメニューの「WORKSHOP」をクリック。

Screenshot2019 08 11at17.58.01 1024x580 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

通常はこの状態からLEGOブロックを選んで組み立てて作品を作りますが、今回はそれを省略して「File > Open…」をクリック。

Screenshot2019 08 11at19.27.38 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!
Screenshot2019 08 11at17.58.21 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

まだ何も無い状態でもこの警告画面が表示されますが、気にせず「OK」をクリック。

Screenshot2019 08 11at17.58.38 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

自分の作品はまだ登録していないので空白です。トップメニューの「SETS」をクリック。

Screenshot2019 08 11at17.58.55 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

カテゴリーに分かれたフォルダーが表示されるので「Basic」をクリック。

Screenshot2019 08 11at17.59.37 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

Bird」をクリック。

Screenshot2019 08 11at18.00.16 1024x581 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

以上でモデルが読み込めました。シーンをマウスの左ボタンでドラッグすると回転します。

Screenshot2019 08 11at18.00.42 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

右ドラッグで移動、マウスホイールの回転で拡大縮小ができます。

レンダリング条件の設定

プレビューの状態で、レンダリング条件を変えるとある程度プレビューに反映します。無料のこのクラスのアプリの中ではプレビューの画質が高いのが特徴です。

Screenshot2019 08 11at18.14.28 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!
左上の「Design」メニューから「3D Rendering」を選びます。
 
Screenshot2019 08 11at18.02.05 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!
Screenshot2019 08 11at18.23.33 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

上記の場合のレンダリング条件の設定は右側のパネル上で行います。

Screenshot2019 08 11at18.24.16 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

私は3DCGに慣れているのである程度高度な設定をしましたが、最初はデフォールトの状態でもかまわないと思います。

HDRI」は天球ドームにHDRI(ハイダイナミックレンジイメージ)を選んでライティングを行います。円の画像をクリックするとライティングに使う画像が選べます。

その下のパラメーターは左右ドラッグや矢印で調整が可能です。

Depth of Field」は焦点深度のことで、スポイトをクリックしてモデルの焦点を合わせたい場所をクリックするとそこに焦点が合います。レンダリングをしないと画像には反映されません。

トップのパネルを下にスクロールします。

Screenshot2019 08 11at18.25.34 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

レンダリングサイズなどの設定が可能です。さらに下にスクロールします。

Screenshot2019 08 11at18.26.07 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

レンダリング

下に「Render」ボタンが現れるのでクリックするとレンダリングを開始します。

Screenshot2019 08 11at18.26.41 1024x699 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

レンダリング時間はこのモデルでは約40秒ほどでした。

Screenshot2019 08 11at18.27.28 1024x695 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

左側のパネルでレンダリング設定と結果の一覧が見れます。

Screenshot2019 08 11at18.28.39 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

下の「Download」をクリック。Priceは無視します。Chrome OSのファイルダイアログが表示されダウンロードフォルダーに「Bird_001.zip」でダウンロードされます。

zipファイルをダブルクリックするとpngファイルが表示されるので、それをダブルクリックすると標準ビュアーが起動して画像を確認できます。

Screenshot2019 08 11at18.32.05 1 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

このモデルでは焦点深度による背景のボカシは確認できませんでした。

File > Save As…」で今回のモデルを自分の作品として保存しておきます。

Screenshot2019 08 11at18.36.11 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!

まとめ

このオンラインアプリはWindowsなどの最新のChromeブラウザーなどでも動くとは思いますが、最新のWebGL技術を最大限駆使しているので、ブラウザーが安定してWebGLを使える環境にあることが必要です。

ChromebookやCloudReadyは自動的に最新の状態に保たれるので、このWebアプリは問題なく動くと思います。

LEGOブロックに限定した3DCGアプリですが、3DCG初心者にとっては子供の頃に帰った感覚でブロック遊びを楽しみながらコンピューターグラフィックスを学べると思います。

ちなみに、LEGO作品をVRでサクッと見たい場合は以下のサイトを参考にしてください。アイキャッチの状態でもマウスを少しの間アイキャッチ上に置いておくとマウス移動でモデルを回転してプレビューができます。

https%3A%2F%2Fsketchfab - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!
Sketchfab
Use Sketchfab to publish, share and embed interactive 3D files. Discover and download thousands of 3D models from games, cultural heritage, architecture, design...

モバイルデバイスのアプリで観る場合はVR(ゴーグルアイコン)にも対応しています。VRゴーグル無しでVRを楽しむ方法は以下の記事を参考にしてください。

b94e6b5ee18d92512880aacbbff25ba4 - Chromebookで3DCGレンダリング?LEGOをオンラインのMecabricksで楽しむ?!
【3D VR】3Dゴーグル(立体メガネ)を使わず3D動画を楽しむには?!
YouTubeにアップされている豊富な3DVR映像を、3Dゴーグルを使わずにスマホで立体映像が手軽に楽しめる方法を紹介します。また、Google Daydream対応のスマホやヘッドセットの情報や、遂に発売されたスタンドアロン型Daydre

ただし、このサイトの作品は3DCGアプリで一般的なファイル形式でアップロードされているので、Mecabricksで使えるファイル形式とは異なります

ダウンロードして使うにはBlenderなどの一般的な3DCGアプリで読み込む必要がありますが、物理レンダリングなどのより高画質なレンダリングが楽しめます。

ではでは、きらやん

(Visited 24 times, 1 visits today)

コメント