モーリーのメモスマートフォン用の表示で見るモーリーのメモアプリ開発等(プログラミング、CG作成)、興味を持ったことを実践してまとめるブログです。MacBlenderで2Dのロゴがきらっと光るアニメーションを作成します。全てをBlenderで作るのではなくて、読み込んだ2Dのロゴ画像を加工して光るアニメーションを作成します。下のロゴ画像を右クリックして、適当な名前を付けて保存して下さい。画像のサイズは、85×34ピクセルです。下記のファイルを読み込んで、カメラ・照明・グリッド等の設定を流用します。https://github.com/githubmorley/blog-files/blob/master/160106/blender.blendリンク先のページ内の『Raw』を右クリック後、『リンク先を別名で保存』をクリックしてダウンロードして下さい。設定に付いては下記の記事で説明しています。最初から配置しているオブジェクトは不要なので削除します。a』→『m』→『p』の順に押下5.Planeの縦横比を使用する画像と合わせる画像サイズが85×34ピクセルなので、同じ比率にします。画面左下の『Resize』の『Vector』に下記のように入力X:0.85Y:0.34Z:1.06.Planeのサイズをカメラの視野角に合わせるPlaneの縦横比はそのままでサイズを視野角いっぱいになるようにします。Shape』を下記のように設定Size:20°Brend:1Square:チェックを入れる8.Emptyでカメラの向きの制御Empty(レンダリングされないオブジェクト)を作成し、カメラにトラッキング(追跡)させることで向きを制御します。下図の"(8)Empty"は、3DViewでEmptyを選択し、Timelineで8フレーム目を選択していることを示しています。キーフレームが登録されていると文字の色がオレンジ色になります。下部のTimelineウインドウで、黄緑色のラインが現在のフレームで、黄色のラインがキーフレームです。キーフレームに登録されているプロパティは黄色で表示されます。アニメーションに使用されているプロパティは黄緑色で表示されます。a』を押下し、アニメーションを停止または、画面下部の下図のコントロールパネルで操作11.出力設定ここでは、cocos2d-xで使用するのでPNG形式で出力します。AVIやMPEG形式等の動画ファイルとして保存することも可能です。フレームごとに1枚の画像ファイルで保存されます。作成したBlenderファイルです。https://github.com/githubmorley/blog-files/blob/master/160301/blender.blendリンク先のページ内の『Raw』を右クリックして、『リンク先を別名で保存』をクリックするとダウンロードできます。レンダリングで出力された8フレーム分の画像です。cocos2d-xのプロジェクトにnew0001.pngnew0002.pngnew0003.pngnew0004.pngnew0005.pngnew0006.pngnew0007.pngnew0008.png補足:テクスチャ画像のBlenderファイルへのパッキング下記の設定によりテクスチャ画像がBlenderファイルに含まれた状態て保存されます。箱が空のアイコンの場合は、Blenderファイルにはリンク情報だけで、テクスチャ画像は含まれません。『Properties』ウインドウの『Texture』タブの『Image』のファイル名の前のアイコンをクリックして、下図のアイコンに変更あとがき考えていたものに近い、きらっと光る効果を加えることが出来ました。欲を言えば、ライトの形状を簡単かつ自由に変更できたら良いのですが、Spot光源を円と正方形にする方法しかわかりませんでした。下記の記事の続きです。今まではBlenderだけでパネルを作成したのですが、今度はInksca...2016-01-08Blender(3DCG作成ソフト)で縁付パネルを作る今回はこんな感じの縁付のパネルを作ります。材質・カメラ・照明・出力の設定:Blender今回は、下記の記事の続きです。(8)参加グループプログラミングリンクはてなブログブログをはじめる週刊はてなブログはてなブログProはてなブログをはじめよう!mmorleyさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。