Help us understand the problem. What is going on with this article?

three.jsで使いたいモデルをBlenderからexportする時の注意点

More than 3 years have passed since last update.

この記事は、Three.js Advent Calendar 2016 22日目の記事です。

Blenderからモデルデータをthree.js用のjsonとしてエクスポートする際に躓いたのでメモとして残しておこうと思います。なので今日の記事は少し軽めです。

three.js用のjson出力ができるようにBlenderが設定できていない場合は以下のサイトが参考になります。

注意点

ここからはBlenderのエクスポーターを使う場合の注意事項を列挙していきます。

1. オブジェクトを選択する

出力前にはオブジェクトを選択されていることを確認してください。

zensuke_blend.png

これはダメ。この状態だと出力に失敗します。

zensuke_blend.png

これはOK。

2. レストポーズをとらせる

出力前にはレストポーズをとっているかを確認してください。

zensuke_blend.png

これはダメ。このまま出力すると頂点の初期位置がこの格好の位置になってしまうためおかしなアニメーションになります。

zensuke_blend.png

これはOK。レストポーズをとらせたアクションを予め用意しておき出力前にはレストポーズのアクションを選択すると良いです。

3. 出力設定

出力設定が正しく設定されているかを確認します。下の画像のようになっていればOKです。

スクリーンショット 2016-12-22 2.43.59.png
スクリーンショット 2016-12-22 2.44.11.png

最後に

Blenderにも使い慣れていないので意外とこれらを忘れて時間を食うことが多いです。面倒ですがかならず毎回チェックしましょう。今回はこんな感じで許してください。

sawa-zen
Design Engineer / shree.js / three.js / React / SketchApp
http://sawa-zen.com
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away