NGTV

ActionScriptメインの新しいブログ「FLATV」スタートしました。

2011-10-23T14:41:00Z

こちらのサイトはMovableTypeで構築したのですが、 WordPressのほうが更新しやすいと思い、新しくブログを作りました。 "FLATV":http://flatv.fdempa.com/ 主に、映像制作やActionScriptのTipsを書いていく予定です。よろしければRSS登録お願いします。残ったこちらのサイトは映像作品を公開するときにだけ使います。

FlashでColladaファイル（.dae）を扱うときの備忘録

2011-08-20T21:57:32Z

FlashでColladaファイル（.dae）を読み込んでボーンアニメーションを表示させようと思っていたのですが、いろいろ躓いたので備忘録として残しておきます。 ![Collada 表示画面](http://ngtv.fdempa.com/images/dae3d.png) 当初はAway3Dを使おうと思っていたのですが、ボーンアニメーションが上手く再生されず、最終的にはPV3Dを使うことになりました。 ## Blenderの設定 ColladaファイルのエクスポートはBlenderでやりました。オープンソースうまい。 - バージョン - **2.49b**を使う。（最新版は2.5*ですが、うまくいかない） - Exporter パッチを適用 - [Blender2.4x COLLADA Exporter - kumaryu.net](http://www.kumaryu.net/proj/blender2.4x-collada-exporter/) こちらから translator.pyをDLして上書きする。 Macでの場所は /Applications/blender-2.49b-OSX-10.5-py2.5-intel/blender.app/Contents/MacOS/.blender/scripts - 参考：[note.x | [Papervision3D]ボーンアニメーション模索中](http://blog.r3c7.net/?p=126) - Blenderでのボーンアニメーション - Blender初挑戦だったので初歩的なところから勉強しました。 - 参考：[Blender 2.46のArmature（アーマチュア）アニメーションを使う（1） | (SCRATCHBRAIN.BLOG v2)](http://www.scratchbrain.net/blog/ver2/entries/000837.html) - Blenderで書き出すとき注意すること - [Add Modifier]-[Armature]を適用する。 AnimationでArmatureとCube（Meshの名前？）を選択してから書きだす。 - 参考：[Blender 2.46から書き出したアニメーション付きdaeファイル読み込み成功（Away3D rev.599） | (SCRATCHBRAIN.BLOG v2)](http://www.scratchbrain.net/blog/ver2/entries/000845.html) - UV Textureが無いときは新しく作る。 - 参考：[note.x | BlenderからのDAE書き出しについて](http://blog.r3c7.net/?p=203) - Materialが無いときは新しく作る。 - Shadingパネル（F5）で、Link and Pipeline のAdd Newをクリック。 - 参考：[Custom Models - Printable Version](http://forum.frictionalgames.com/printthread.php?tid=6720) - [File]-[Export]-[COLLADA 1.4(.dae)]の設定。 - 「Triangles」、「Only Export Selection」、「Sample Animation」を選択する。 - 参考：[ちゃぶ台メモ - Blenderのアニメーション付きファイルをPapervision3Dで表示する](http://chabudai.org/blog/?p=217) - 困ったときに参考になりそうなリンク：[note.x | [Away3D] Collada Animation](http://blog.r3c7.net/?p=216) ## Away3D メモ - バージョン - 3.6.0を使う。最新版の4.0.0 AlphaはFlash player11が必要でSDKの設定が面倒だったので諦めた。 - 基本の読み込み - 参考：[Loading Complex Models with Away3D | Flash Mobile & 3D Tutorials](http://www.flash-3d.net/2010/11/loading-complex-models-with-away3d/) - Collada.load();のパスについて - "hoge.dae" だとうまくいかない - "./hoge.dae" もしくはフォルダを作成して "huga/hoge.dae" だとうまくいく。 - 読み込んだモデルのMaterialを変更 - なんか複雑なのでメモ - var model:ObjectContainer3D; で、modelを読み込んだ後に - model.materialLibrary.getMaterial("Material").material = new ColorMaterial(0xFFA500); - ここの"Material"は、BlenderのLink and Pipelineについている名前（たぶん） - 読み込んだモデルの外枠だけ表示 - なんか複雑なのでメモ - modelを読み込んだ後に - var outlineMaterial:WireframeMaterial = new WireframeMaterial(0x000000); - outlineMaterial.thickness = 4; - Mesh(model.getChildByName("Cube")).outline = outlineMaterial; - ここの"Cube"は、BlenderのMeshの名前（のはず） - ボーンアニメーション再生 - 単純なモデルだと正しく再生しました。[こんな感じになりました。](http://fdempa.com/hoge/Away3D/Away3Dtest01.html) - 複雑なモデルだと上手くいかないっぽい。[こんな感じになりました。](http://fdempa.com/hoge/Away3D/Away3Dtest02.html) - 参考：[Away3D in Flex 4 - Phase 4 - Animating the MD2 model. « Flash for the Masses](http://delfeld.wordpress.com/2010/06/16/away3d-in-flex-4-phase-4/) ## PV3D メモ - Away3Dよりすんなりいけた。[こんな感じになりました。](http://fdempa.com/hoge/PV3D/PV3Dtest01.html) - Collada クラスと DAEクラスがありますが、とりあえずDAEを使ってみます。 - 参考：[Papervision3D - primitiveとColladaファイル(.dae)の表示方法 (AS3.0) | maxar quartz](http://quartz.maxar.jp/blog/flash/papervision3d/653.html) - アニメーションの切り分け - 参考：[KYUCON*BLOG: [Papervision3D 2.1 alpha] Collada(.dae)で複数モーション](http://www.kyucon.com/blog/archives/000440.html) - Away3Dみたいにモデルの外枠だけ表示させたいんだけど、ちょっと調べただけでは出てこなかったので保留。 ## 他 - 人体モデル - [UniHuman](http://unihuman.yolasite.com/) というのを使おうとしてます。ポリゴン数少なくて便利。 - ただしデフォルトでついているボーンがColladaで書きだすと反映されない。。。 - 仕方ないので自分でボーン設定したら反映されて動いた。 Away3DもBlenderも初めて触ったんですが、原因の切り分けができなくて2日くらい消費しました・・・。もったいない。

FlashからPNGシーケンス書きだすASを書きました〜もうMCも怖くない〜 hushexport.PNGSequence

2011-06-08T13:09:45Z

## 使い方ろくに検証していないので、不具合が出ても責任は取れませんごめんなさい・・・。 ### ライセンス [MIT License](http://www.opensource.org/licenses/mit-license.php) です。（[日本語訳](http://sourceforge.jp/projects/opensource/wiki/licenses%2FMIT_license)） ### ダウンロード・環境設定 PNGEncoderというライブラリを使っているので、[こちら](http://code.google.com/p/as3corelib/)からActionScript 3 corelibの最新版をダウンロードして解凍します。 [hushexport.PNGSequence](http://ngtv.fdempa.com/archive/hushwork.zip) をダウンロードして解凍してください。（2011/6/12 更新）解凍してできたフォルダを適当な場所に置いたら、Flashからパスを通します。 Flash メニュー[環境設定] → [Actionscript] → [Actionscript3の詳細設定]でソースパスを追加します。解凍してできたフォルダの中にあるsrcを追加します（corelibとhushexport.PNGSequenceの2つ）。 ### パブリッシュ設定 Flashのパブリッシュ設定で、PlayerをAdobe AIR2にします。 ### AS追加 1フレーム目のフレームアクションに以下のコードを追加します。 import com.fdempa.ngtv.hushexport.PNGSequence; var pngs:PNGSequence; pngs = new PNGSequence(this,"foldername"); `PNGSequence`の説明をしますと、第二引数がフォルダ名、第三引数が開始フレーム、第四引数が終了フレームとなります。 + 例：`PNGSequence(this,"foldername",500)` 500フレームから書き出し。 + 例：`PNGSequence(this,"foldername",500,1000)` 500フレームから1000フレームまで書き出し。 ### PNGシーケンス書き出しあとはムービープレビュー（swf書き出し）すると、デスクトップにフォルダ（"foldername"で指定した名前で）が作成され、その中にPNGファイルが書き出されます。 ## 動画変換 PNGシーケンス→動画への変換は、AviUtlなりPremiereなりAfterEffectsを使えばできるはずです。お疲れさまでした！改善点・コメントなどがありましたら[Twitter @hush_in](http://twitter.com/hush_in)までオナシャス！

Reelを作りました

2010-10-15T14:46:12Z

今までの作品をつなげただけのReelです。ネット未公開の作品があります。AE使ったものもあります。勢いで作ったのでまったく音と合わせていません...。Reel作るのって意外と難しい。画面の切り替えが激しいので部屋を明るくして見てください＞＜時間：約2:30 サイズ：約24MB Hush Reel 2010 再生(左クリック) 使用楽曲：mirror / propanmode http://propanmode.net/

PV3Dで日本語フォントを使うテスト

2010-09-11T03:42:18Z

swfはこちらテスト

お久しぶりです

2010-09-10T14:15:02Z

生きています。１年間以上も放置しっぱなしでしたね...。たまには更新しなければ！ h3. 近況報告 * 学校卒業しました。再試にもひっかかりましたがなんとかなりました。 * 卒業研究でFlexでActionScriptでRTMFPなことをしました。実使用には耐えられないのでWebで公開することはないと思います...。 * 就職しました。現在は京都で働いています。 * 社会人楽しいですけど忙しいです＞＜ * Twitter中毒ぎみ h3. 制作について * 内輪だけの作品でAE使っていたりしました。 * 最近はまたActionScriptを勉強しています。PV3Dをもうちょっと。 * MADとか作りたいと思っているので、ニコニコ動画にUPする日が来るかも。 * 社会人だと制作にさける時間がない！効率よく動画を作るためにいろいろ考えてます。

構想しているものなど

2009-08-06T05:06:21Z

こんにちは久々の更新です。名刺にここのURLを載せているのでせめて1ヶ月に一度くらいは更新するようにします...。さて、学校の卒業研究ではFlashのRTMFPを使って何かやっています。このほかにもFlashでいくつか創りたいものがあるのでこの夏休みになんとかしたいです。映像制作も表には出てないけどぼちぼちやっています。そのうちここに載せようと思います。

Papervision3Dの練習その１

2009-02-01T15:09:51Z

swfはこちら一般的なプログラミングで言うとhelloworld並の簡単なプログラムから初めていきます。オブジェクト指向の概念はJavaを少し触ったのいたので抵抗無く入り込めた。マウスのイベント処理は頭使いそうなのでパスして、機能の勉強を重視していきます。コーディングはFlashDevelopでやっています。タイピング遅いので単語補完ありがたい。 ]]> bc.. package { //import flash.display.Sprite; import flash.events.Event; import org.papervision3d.materials.special.CompositeMaterial; import org.papervision3d.view.*; import org.papervision3d.objects.primitives.*; import org.papervision3d.objects.DisplayObject3D; import org.papervision3d.materials.*; import org.papervision3d.materials.utils.MaterialsList; public class Main extends BasicView { private var container:DisplayObject3D; private var count:Number = 0; public function Main():void { //super(); init(); startRendering(); } private function init():void { container = new DisplayObject3D(); var colorMaterial:ColorMaterial = new ColorMaterial(0x7799BB); var wireMaterial:WireframeMaterial = new WireframeMaterial(0x000000); var compoMaterial:CompositeMaterial = new CompositeMaterial(); var compoMaterial2:CompositeMaterial = new CompositeMaterial(); compoMaterial.addMaterial(colorMaterial); compoMaterial.addMaterial(wireMaterial); //compoMaterial.doubleSided = true; compoMaterial2.addMaterial(colorMaterial); compoMaterial2.addMaterial(wireMaterial); compoMaterial2.doubleSided = true; var my3dobj:Sphere = new Sphere(compoMaterial); var myPlane:Plane = new Plane(compoMaterial2); var myPlane2:Plane = new Plane(compoMaterial2); var myCube:Cube = new Cube(new MaterialsList({all :compoMaterial})); myPlane.x += 500; myPlane2.y += 500; myCube.x -= 500; scene.addChild(container); container.addChild(my3dobj); container.addChild(myPlane); container.addChild(myPlane2); container.addChild(myCube); } override protected function onRenderTick(event:Event = null):void { //container.yaw(1); //container.pitch(3); //container.roll(2); camera.x = 1000 * Math.sin(count/40); camera.y = 1000 * Math.sin(count/20); count++; super.onRenderTick(event); } } } p. 参考 "FrontPage - kozy.heteml.jp":http://kozy.heteml.jp/pukiwiki/index.php?FrontPage "Papervision3Dやってみるシリーズ | [FlaTech+]WebDesign Rainyday":http://rainyday.jp/blog/flash/pv3d.html

Shadowbox.js テスト

2009-02-01T04:04:33Z

テストなうわっほいわっほいほいわっほい

AS書けない奴がPV3D2.0とGainerを使って何かやる

2009-01-29T14:46:01Z

年明け初投稿なので、明けましておめでとうございます。なんて言ってる内にもう1月が終わりますね。更新滞ってごめんなさい。今回はASの勉強を兼ねてPV3DとGainerを使ってみました。加速度センサの値からごにょごにょしてPV3Dの回転とリンクさせています。撮影した動画はこちら "avi 10MB":http://ngtv.fdempa.com/videos/gainer.avi プログラムはサンプルとサンプルをつないだだけなのでとても見せられるものじゃないです。そもそもASを全然理解せず、フィーリングで書いてるので。。。＞＜ ASとPV3Dを勉強して出直してきます。

Flashでつややかな表現

2008-12-14T16:37:07Z

たまにはアウトプットしないと腕が腐るので。久々にFlash触りました。いきなりタイムラインでごちゃごちゃした音同期のものを作るとなるとハードルが高いので簡単なものから。

スキマ産業さんのボウリング板支援のアレの真似ですね。

グラデーションの掛け方はどこかのPhotoShopのチュートリアルを見ながらやりました。影をそれっぽくするときれいに見えたり見えなかったり。ちなみにグラデーションではなくてぼかしたものを2枚重ねています。（ビットマップにすれば動作が軽くなるけどそこまでやると面倒なのでパス）

文字のモーションは手抜きすぎ。文字自体まっすぐなので回るとおかしいですね＾＾；

プロコンひと段落　Quartz Composerとか

2008-10-19T13:40:33Z

気づけば2ヶ月も更新してなかったのでそろそろ書かねば。思えば夏休み前からほとんど働きづめで暇な時間なんてなかったなあ。 9月には虫垂炎で入院したりｗそんなことはどうでもいいのですが、一番のできごとは"高専プロコン":http://www.procon.gr.jp/ の課題部門に参加してきました。結果は審査員特別賞ということでまあまあ良かったのかなーと。 ---- プロコンの開発で初めてMacを触ったのですがなかなか良かったです。次買うPCはMacBookでいいかもとか思いましたが買ったら負けな様な気がして困ってます。開発で触ったものとしてCore Animationがありますが、あまりデザイン系には向いてないなーというのが第一印象。確かに軽いけどタイムラインベースではないので複雑なうごきになるとどうしても弱いなーと思いました。そのほかに素材作成でQuartz Composerなるものを触ったのですが、これはいい。iTunesのビジュアライザーなんかも作れる代物ですね。（ただしMacのみ) ニコニコで作ってる方がいたので貼らせていただきます。【ニコニコ動画】アイドルマスターっぽいビジュアライザ「M@STER ViSUALIZE」 GUIで線をつないでプログラム（？）するだけなので簡単です。しかもレンダリングが早いので表示を見ながら修正、加工が容易で、触っていて面白い。パーティクルなんかも一発で作れてあとはパラメータをいじいじするだけでそれっぽくなります。タイムラインベースではないので(時間、ピクセルという概念がない？）ちょっととっつきにくいところがあると思いますが正直、 *Quartz ComposerのためだけでもMac使おうかな* なんて思ってしまいました。ハイ。 FlashやらAEでMG使っている方でまだ触ってないひとは触ってみるといいかもしれません。 VJなどにも使われているようで、なっとく。

Core Animation

2008-08-04T02:37:50Z

またご無沙汰してますね。1ヶ月以上放置するのはいかがなものか。最近はいろいろあってMacでプログラミングしてます。 "Core Animation":http://www.apple.com/jp/macosx/technology/coreanimation.html なるものをただいま勉強中です。 ITunesのCover Flowとかで使われてるあれです。フレームワークです。なんでも、数千のレイヤーをサクサクに動かせることができるようです。 Flashではカクカクになってしまうような動作も、これならできるのかな？ワクワクします。ああ、趣味がどんどんFlashから離れていく。

spam

2008-06-28T11:40:04Z

更新してないのにイイアクで上に来るのはなんでだろうと見てみたら、最近になって毎日スパムが届くようになりました。なんか対策しないと。