どうも、まさとらん（@0310lan）です！
今回は、誰でも簡単に「らくがき」から高度な3Dモデルを作成してアニメーション化までおこなえる無料のWebサービスをご紹介します。
ブラウザからアクセスするだけですぐに使えて、マウスかタッチ操作で適当な「らくがき」を作ったらリアルに動く3Dモデルを一瞬で生み出すことができます。
書き出しオプションも豊富なので、ご興味ある方はぜひ参考にしてみてください！
【 Monster Mash 】
■「Monster Mash」の使い方
それでは、「Monster Mash」をどのように使えばいいのか詳しく見ていきましょう！
利用するにあたり、ユーザー登録や面倒な設定は一切不要です。ブラウザからサイトにアクセスするだけで以下のような編集エディタが表示されます。
このエディタ内はマウスやタッチ操作で自由に線を描画できるようになっています。
そこで、まずは次のような丸い図形を描いてみてください。
そして足のようなカタチも追加してみましょう！
もしうまくできなかったときは「ゴミ箱」アイコンをクリックすると1つ前の描画に戻ります。
次に、足の部分をダブルクリックして赤色の線になるようにします。
すると3Dモデルに変換したときに、赤色の部分だけ同じものがコピーされます。つまり、左右対称な「足」を作成できるというわけです。
■3Dモデルを作ってみよう！
それでは作成した「らくがき」を3Dモデルに変換してみましょう！
方法はとても簡単で【Inflate】ボタンをクリックするだけです。
すると自動的に3Dモデルが誕生します！
ただのラクガキだったものが、一瞬で3D化されるのはちょっと感動です。
そして、この状態でモデルを引っ張ってみてください！
すべてのパーツが連動してリアルに動くことがわかります。
ちなみに上部メニューの「回転」ボタンをクリックすると、ドラッグ操作で3Dモデルを360度どこからでも見れるように視点を変えることもできます。
■3Dモデルをアニメーション化してみよう！
「Monster Mash」で作成した3Dモデルは、簡単な操作でリアルなアニメーションを作ることができます。
そこで、さきほど作成した3Dモデルに「歩く」アニメーションを適用させてみましょう！
作り方ですが、まずは【Animate】ボタンをクリックします。
そしてボディの中央部分を1回だけクリックして「ピン留め」します。
これでボディは引っ張ってもその位置から移動せずに固定されます。
同じ要領でそれぞれの足もピン留めして次のようなポーズを作ってください。
そして【録画】ボタンをクリックします。
あとはマウスをドラッグするかタッチ操作で、歩いているような軌道を描くだけです。
描いたあとは自動的にモーションがループ再生されるようになります。
さらに、反対の足も同じ要領でアニメーションを作ってみましょう！
上部メニューのオプションから【Show control pins】のチェックを外すと軌道の線やピンが非表示になります。
するとこんな感じで歩く3Dモデルが完成します！
簡単ですね！
このように「Monster Mash」を使うと、誰でも簡単に「らくがき」からリアルに動く3Dモデルを作成できるようになります。
公式サイトには、以下のようにもう少し複雑なアニメーションのサンプルデモも公開されていますよ！
■もっとリアルな3Dモデルを作成してみよう！
「Monster Mash」では手軽に3Dモデルを作成するだけでなく、画像やイラストなどをテクスチャとしてモデルに適用できる機能が提供されています。
これによりデフォルトの粘土質っぽい3Dモデルから、より美しくリアルな質感を実現できるわけです。
たとえば「小鳥」の画像を利用した3Dモデルを作ってみましょう！
まずは新規プロジェクトを開いて【Import template image】を選択します。
3Dモデルにしたい画像を読み込んだら、小鳥の輪郭や羽の部分などをなぞっていきます。
そして、アニメーションを追加すれば、リアルに動く小鳥の3Dモデルが完成します！
また別の方法として、「らくがき」をしたあとにオプションから【Export a template for texturing】を選択します。
すると「Monster Mash」で描いた線がPNG画像としてダウンロードできます。
あとはこの画像ファイルを使って、ペイントソフトなどで色付けをしてイラストを作ります。
そして、イラストを再アップロードして3Dモデルにアニメーションを適用してみましょう！
こんな感じでリアルに動きだします！
さらにオプションから【Import background image】を選択すると、背景画像をインポートできるようになります。
背景画像を適用すると以下のようになります！
背景を組み合わせると3Dモデルがより楽しいものになっていきますね。
このようにお気に入りの画像や自作のイラストなどを、誰でも手軽に3Dモデルに変換してアニメーションを作れるのは大きな特徴といえるでしょう。
■【おまけ】保存と書き出しについて
最後に「Monster Mash」の書き出しオプションについて少し補足しておきます。
上部メニューのオプションから、以下のような選択肢が表示されるのが分かります。
【Save project】を選択すると、現在のプロジェクトがZIP形式のファイルとしてダウンロードできます。このZIPファイルは新規プロジェクトにインポートすると、続きから再開できるので保存しておきたいときに便利でしょう。
また、別の3D関連ソフトウェアで使えるように「obj」「glb」形式のファイルとしてもダウンロードできるようになっています。これはアニメーション化された3Dモデルを書き出したいときに重宝するオプションといえます。
■動画＆ゲームでプログラミングが学べるpaizaラーニング
動画でプログラミングが学べるpaizaラーニングでは、Python、Java、C言語、C#、PHP、Ruby、SQL、JavaScript、HTML/CSSなど、プログラミング初心者でも動画で学べる入門レッスンを公開しています。
「Python入門編」「C#入門編」「ITエンジニアの就活準備編」といった人気講座も完全無料となっておりますので、プログラミングを学びたい方・ITエンジニアを目指したい方はぜひごらんください。
また、paizaでは『コードクロニクル』をはじめゲームで楽しくプログラミングを学べるコンテンツもご用意しています。ぜひプレイしてみてください！
■まとめ
今回は誰でも簡単に「らくがき」からリアルに動く3Dモデルを作成できるサービスをご紹介しました！
ブラウザさえあればすぐに3Dモデルを作れるのは非常に便利で、スマホやタブレットでも動作するのでどこでも楽しむことができます。タブレットだと直感的に作業ができるのでパソコンよりも使いやすいかもしれません。
ぜひみなさんもオリジナルの3Dキャラクターを作って遊んでみてください！
＜参考リンク＞
「paizaラーニング」では、未経験者でもブラウザさえあれば、今すぐプログラミングの基礎が動画で学べるレッスンを多数公開しております。
詳しくはこちら
そしてpaizaでは、Webサービス開発企業などで求められるコーディング力や、テストケースを想定する力などが問われるプログラミングスキルチェック問題も提供しています。
スキルチェックに挑戦した人は、その結果によってS・A・B・C・D・Eの6段階のランクを取得できます。必要なスキルランクを取得すれば、書類選考なしで企業の求人に応募することも可能です。「自分のプログラミングスキルを客観的に知りたい」「スキルを使って転職したい」という方は、ぜひチャレンジしてみてください。
詳しくはこちら