NUTSU nutsu blog 2011-10-23T18:19:12Z http://nutsu.com/blog/feed/atom WordPress takanawa <![CDATA[Molehillはじめてたり]]> http://nutsu.com/blog/?p=442 2011-10-23T18:19:12Z 2011-10-23T18:18:16Z FlashPlayer11がでたのでいろいろ遊びはじめてますが 3D が楽しいですね。シェーダー(AGAL)が仕様あるけど実装してないところとか、おかしなところがあったり情報少なくてなかなかにらめっこなこともありますが。。今のところなんちゃってライブラリ（レガシーなOpenGLみたいのです）こしらえながらシェーダで遊んだりしてます。

その流れで今日は CubeTexture でプチはまりしました。AGALとか大体こんなんやろぉとかノリで書いてみるしかないんですが、全然表示されへん。。いろいろやってたら、AGALのテクスチャフィルタに関係なくmipmapでuploadせんとあかんみたい。このあたり今後どうなるのかなぁ。

具体的には、

tex ft0, ft0.xyz, fs0<cube,clamp,miplinear>

みたいに書くのですが( ft0 は 反射方向のベクトルですね) miplinear のところが linear だろうが、テクスチャはmipmapじゃないとだめっぽい。

これでやるとこんな感じです。表示されてるかな？

なんせ情報少ないので、ぼちぼちエントリかけたらいいなぁ（遠い目）

]]> 0 takanawa <![CDATA[Build FlashPlayer 11 AS with FlashDevelop]]> http://nutsu.com/blog/?p=428 2011-10-08T12:58:47Z 2011-10-08T06:19:10Z AdobeMAXでFlash関連いろいろ発表ありましたね。FlashPlayer11やらAIR3.0がリリースされたのでみなさんも遊ぶといいと思うのです。

» Flash Player 11とAdobe AIR 3の正式版がリリース（clockmakerさん）

で、フリーの環境FlashDevelopで遊ぶときのメモ書いておきますね。それぞれ incubator が公開されたときにみなさんがブログで提供されていた情報がほとんどですがメモということで。

FlexSDK

まずは最新のFlexSDKをダウンロードしましょ。今んところ4.5.1系ですね。「Flex 4.5 Downloads」から Adobe Flex SDK の zip をダウンロードして Cドライブ 直下あたりに展開しとくといいです。

» Adobe Open Souce : Flex SDK

» Flex 4.5 Downloads

AIR

どうせならAIRでも遊びたいので 3.0 のランタイムと SDK をいれときましょう。僕はいつもSDK落とすときに場所まようんですけどね。。「Adobe AIR 3」ページの右下あたりにリンクあるです。一応ランタイムとSDKへのリンクもおいときます。

» Adobe AIR 3

» Adobe AIR

» Download Adobe AIR SDK

SDK(zip)をダウンロードしたら展開して FlexSDK のディレクトリにコピー(上書き）しときましょ。これで FlexSDK に元々入っとった AIR SDK が 3.0 になります。

※何故か僕の Chrome さんだと AIR SDK がダウンロードできないんですよねぇ。ほかのブラウザでしときました。

Flash Player

次に FlashPlayer11 をゲットしときましょ。開発で遊ぶならスタンドアロンプレイヤーの「Flash Player 11.0 Projector content debugger」と「Flash Player 11.0 Projector」があるといいですね。ついでに PlayerGlobal(swc) を忘れずに落としときましょ。

» Adobe Flash Player Support Center

ダウンロードした PlayerGlobal(swc)のファイル名を「playerglobal.swc」に変更して、FlexSDK の 「flexsdk4.5.1/frameworks/libs/player/11.0/playerglobal.swc」のように置いておきます。「11.0」のディレクトリはつくってね。

※FlashDevelop4だとプロジェクトのターゲットが11で「11.0/playerglobal.swc」が存在しない場合は勝手につくってくれます。ただ今回は最新のやついれておこうってことで。

FlashDevelop

やっとFlashDevelop（以降 FD ）ですね。FDのインストールは FlashDevelop.jp の方々が情報をまとめてくださっているのでそちらを参照するとよいです。このエントリに書いてない部分だとJavaがいるんで忘れないように。

※インストールするときは、「install Flex SDK」「install AIR SDK」のチェックを外しておきます

» FlashDevelop.jp

FD のバージョンは素直に最新の 4.0.0 RC1 をつかっとくといいです。以降は 4.0.0 RC1 について書いてます。

» FlashDevelop4.0.0 RC1

4.0系使わない場合は「flash incubator flashdevelop」でグーグルさんに聞くとよいです。

インストールが終わったら、FlexSDKとFlashPlayer11（スタンドアロンプレイヤー）をFDで使えるようにしときましょ。

FD設定

FlexSDK：
メニューの[Tools/Program Settings] を開き、[AS3 Context]から[Installed FlexSDKs]にいって、先ほどいれた FlexSDK を指定します。SDK を指定すると、SDK のバージョンと AIR のバージョンが出てきます。今回の場合だと「Flex 4.5.1, AIR 3.0」と表示されます。

FD4 から複数の SDK を設定できてプロジェクト毎に選択できるっぽい（前からでしたっけ？）。何気に便利。プロジェクトでの SDK 選択はメニューの[Project/Properties]の[SDK]タブからできます。「Program Settings」で設定してない SDK でも[Custom SDK]で指定できるみたい。

FlashPlayer：
メニューの[Tools/Program Settings] を開き、[FlashViewer]から[External Player Path]にいって、スタンドアロンプレイヤー(flashplayer_11_sa_debug_32bit.exeとか) を指定します。とりあえず debug 版を指定しておきましょう。

AS3 Project

ようやくプログラムですね。メニューの[Project/New Project] を開き[AS3 Project]を選択します。テスト用に次のような AS を書いときます。ただstage3Dあるか見てるだけのプログラムです。

package {
  import flash.display.Sprite;
  import flash.events.Event;
  import flash.display.Stage3D;
  /**
   * ...
   * @author nutsu
   */
  public class Main extends Sprite
  {
    public function Main():void
    {
      if (stage) init();
      else addEventListener(Event.ADDED_TO_STAGE, init);
    }

    private function init(e:Event = null):void
    {
      removeEventListener(Event.ADDED_TO_STAGE, init);
      // entry point
      trace( stage.stage3Ds );
    }
  }
}

これで[Test Project(F5)]をしてみると。。「Stage3D がみつかんねーよ」ってエラーでますね。FlashPlayer11の機能が使えるように[Project/Properties]を設定します。

  • [Output]タブ：Platform を [Flash Player] [11.0]
  • [Output]タブ：Test Project を [Play: External Player]
  • [SDK]タブ：[Flex 4.5.1, AIR3.0]になってるか確認
  • [Compiler Options]タブ：[Advanced/Additional Compiler Options]に[-swf-version=13]を追記

これでもう一度[Test Project(F5)]してみます。動きましたか？ stage.stage3Ds が trace されるだけですけどね。

[Test Project(F5)]ではなく、表示しているASを走らせる[Build Current File(Ctrl+F8)]を行う場合（僕はよくやります）は、クラスのコメントに以下の @mxmlc を書いておきましょう。

/**
 * ...
 * @mxmlc -target-player=11.0 -swf-version=11
 * @author nutsu
 */

AIR Project

次にAIRです。メニューの[Project/New Project] を開き[AIR AS3 Projector]を選択します。テストプログラムは同じもの使いますね。

同様に[Project/Properties]を設定します。

  • [Output]タブ：Platform を [AIR] [3.0]
  • [Compiler Options]タブ：[Advanced/Additional Compiler Options]に[-swf-version=13]を追記。(「+configname=air -swf-version=13」って感じになります)

次に application.xml のバージョンも 3.0 にしときます。

<application xmlns="http://ns.adobe.com/air/application/3.0">

これで[Test Project(F5)]すると「Context3Dつかえねーよ」って怒られます。AIRでGPUを利用する場合は、application.xml の[application/initialWindow]に以下を追記します。

<renderMode>gpu</renderMode>

これで遊べるようになります。この設定でANEさんとかも遊べるのでみなさんで楽しみましょう。

なんも絵がでないとやった感がないので、かんたんなプログラム貼っておきますね。

package {
  import com.adobe.utils.AGALMiniAssembler;

  import flash.display.*;
  import flash.display3D.*;
  import flash.geom.*;
  import flash.events.*;
  /**
   * ...
   * @author nutsu
   */
  [SWF(backgroundColor="0x000000",  width="800", height="600", frameRate="60")]
  public class Main extends Sprite
  {
    private var _stage3D:Stage3D;
    private var _context3D:Context3D;
    private var _indexBuffer:IndexBuffer3D;  

    public function Main()
    {
      if (stage) init();
      else addEventListener(Event.ADDED_TO_STAGE, init);
    }

    private function init(e:Event = null):void
    {
      removeEventListener(Event.ADDED_TO_STAGE, init);
      // entry point
      _stage3D = stage.stage3Ds[0];
      _stage3D.addEventListener(Event.CONTEXT3D_CREATE, initContext3D);
      _stage3D.requestContext3D( Context3DRenderMode.AUTO );
    }

    private function initContext3D(event:Event):void
    {
      _context3D = _stage3D.context3D;
      _context3D.configureBackBuffer(800, 600, 0, true);

      var vertexShaderAssembler:AGALMiniAssembler = new AGALMiniAssembler();
      vertexShaderAssembler.assemble( Context3DProgramType.VERTEX,
        "m44 op, va0, vc0 \n" +
        "mov v0, va1 \n"
      );

      var _vertexBuffer:VertexBuffer3D = _context3D.createVertexBuffer(3, 6);
      _context3D.setVertexBufferAt(0, _vertexBuffer, 0, Context3DVertexBufferFormat.FLOAT_3);
      _context3D.setVertexBufferAt(1, _vertexBuffer, 3, Context3DVertexBufferFormat.FLOAT_3);

      _vertexBuffer.uploadFromVector ( Vector.<Number>([
        -1, -1, 0,   1.0, 1.0, 0.0,
         0,  1, 0,   0.0, 1.0, 1.0,
         1, -1, 0,   1.0, 0.0, 1.0
      ]), 0, 3 ); 

      _indexBuffer = _context3D.createIndexBuffer(3);
      _indexBuffer.uploadFromVector( Vector.<uint>([0,1,2]), 0, 3);

      var fragmentShaderAssembler : AGALMiniAssembler= new AGALMiniAssembler();
      fragmentShaderAssembler.assemble( Context3DProgramType.FRAGMENT,
        "mov oc, v0"
      );

      var _program3D:Program3D = _context3D.createProgram();
      _program3D.upload( vertexShaderAssembler.agalcode, fragmentShaderAssembler.agalcode );
      _context3D.setProgram( _program3D );

      var _mtx:Matrix3D = new Matrix3D();
      _context3D.setProgramConstantsFromMatrix(Context3DProgramType.VERTEX, 0, _mtx, true);

      this.addEventListener(Event.ENTER_FRAME, draw);
    }

    private function draw(event:Event):void
    {
      _context3D.clear(0, 0, 0);
      _context3D.drawTriangles(_indexBuffer, 0);
      _context3D.present();
    }
  }
}

なんか書き忘れてるきがする。。

忘れ物（2011/10/8 22:00）：
やっぱ忘れてました。。。上のサンプルの AGALMiniAssembler クラスですが以下からダウンロードできます。
http://www.bytearray.org/wp-content/projects/agalassembler/com.zip

]]> 0 twanumb <![CDATA[WordPress にしてみた]]> http://nutsu.com/blog/?p=416 2011-09-12T16:20:21Z 2011-09-12T16:18:39Z 最近まったく記事書いてないのですが、趣味的に CMS を Movable Type から WordPress にしてみました。WordPress のほうが好き！ってわけじゃないんですけども。
それに合わせて、Adobe Spry やめました。Edge とかを機会にアップデートしたりするんですかね。知りませんが。。

ぼちぼちやってきますです。

]]> 0 takanawa <![CDATA[FORM+CODE (日本語版）]]> http://nutsu.com/wp/?p=148 2011-09-04T13:52:24Z 2011-05-05T17:57:37Z FORM + CODE(日本語版)

以前紹介してました「FORM+CODE」の日本語版、「FORM+CODE デザイン/アート/建築における、かたちとコード」が出版されましたね。僕は英語苦手なんでとてもうれしいです。こういった書籍がどんどん翻訳されるとうれしいのですけど（電子出版に期待してますよ）。
以前（結構昔？）はこういった話題（技術とアートとか）はICCやらで批評や思想や哲学やらと交錯して語られることが多かった印象を持っていますが（それはそれで好物ですが）、この本ではこれまでの実験や作品や方法などを系譜的に体系的に程よくまとめられていて、ほんとよい感じですね。
教科書とかにうってつけじゃないですか？ 個人的には建築や造形の方にも有益なんじゃないか、と思ったりします。
出版社が用意してくれている本サイトには、作品や資料へのリンク集がまとめられていて体験も補えるし、サンプルコードでこの分野の入口にも立てるし。
これまで「そっち系」的な印象で興味を持たなかった方にもお勧めしたい本ですね。

]]> 0 takanawa <![CDATA[FORM + CODE]]> http://nutsu.com/wp/?p=147 2011-09-04T13:53:51Z 2010-10-05T10:00:01Z FORM + CODE

generative 好きな人にはお勧めぽい本「FORM + CODE」。2ヶ月前ぐらいに注文したけど今月末にようやくくるみたいで心待ちにしてたのだけど、本のサイトで中身をチラチラみれるじゃないですか！楽しそうですねぇ。値段も手頃だしいい感じです。
サンプルコードはサイトで見れる（落とせる）みたいだけど、おまけ程度なのかな。
とはいえ、はやくこないかなぁ。

詳しくはこちらとか
FORM + CODE
Form + Code « all manner of distractions

]]> 0 takanawa <![CDATA[ウェブで学ぶ ― オープンエデュケーションと知の革命]]> http://nutsu.com/wp/?p=146 2011-09-05T14:51:20Z 2010-09-13T05:27:06Z ウェブで学ぶ ― オープンエデュケーションと知の革命

「ウェブで学ぶ ― オープンエデュケーションと知の革命」は、MITオープンコースウェア（講義映像やらを無償でネットに流すやつ）から始まった、オープンエデュケーションの流れを俯瞰的に読むことができる本です。新書で読めるのもうれしいですね。大抵のトピックは欧米（とりあわけアメリカ）の話題であるけども、教育のオープン化って何よってのが大枠把握できると思う。「Web進化論」後の著者（梅田望夫氏）の考え方の変化も多少あっていいかも。

以下僕の勝手な雑感・駄文です。

オープンエデュケーションの基本は、コンテンツ（テクストやら講義映像やら実験アプリやら）、テクノロジー（いわゆる情報技術ですよ。特有なのがLMSとかか）、ナレッジ（コンテンツとテクノロジーをどう使うの？って話）の3本柱になるわけです。詳しくは本で読んでくださいね。通常オープンと呼ばれてるもの（あるいは2.0とか言われているもの)に比べてコンテンツを主体的に無償で編纂して配信してる点が大きく異なるのかなぁと思うんです。MITやらカーネギーメロンやら著名な大学から、個人で大量の教材つくちゃった「カーン・アカデミー」とか。アメリカすごいな、、。やる気さえあれば高等教育を無償で受けられるってすごいですね。コンテンツとテクノロジーがそれを可能にするんですね。教材にアクセスする端末と回線が必要なんですが。

ただ、教育機会の均等だとか、体系的な学習、あるいは学習の達成という視点でみるとコンテンツとテクノロジーだけではオープンが活かせない。どこかれやればいいかわからんとか、受動的学習者とか、疑問点のサポートだとか。これがナレッジな部分なのかなぁと思いました（誤読可能性大ですが）。教育学部的内容ですね。この部分は「学ぶ」「教える」の本質的な部分ですし、今後の課題であり、あるいはビジネスポイントかもしれない。

さて、日本はどうなのか。この本にどのように書かれているか期待していたのですが、現状についての言及と若干の考察程度だったので残念な気はします、、。日本でもオープンコースウェアの活動はあるし、国で教材つくったり、個々人がブログで教材やら授業プランを公開しているところもありますが、コンテンツのパワー感がないのは否めない。（どんどんオープンにせーって気分でもないんですが）。国の施策もなんだか箱モノ的で、仕事が活用に結びついていないような印象です。ナレッジな部分は圧倒的に不足していると思ったり。（素人印象なんで悪しからず）。ナレッジな部分は教職員の組織構造と年齢分布が影響してるのかなぁとぼやぁーと考えたりしてます。

とはいえ、日本が教育のオープン化を活用する手段は、日本内のオープンエデュケーション活動を活発にするか、個々人が英語を学ぶ（オープンな教材は大抵英語ですから、、）しかない、、。ぬぅ。個人的にはオープンエデュケーション活動に参加できるといいなぁとかやんわり思ったりします。

最後に本筋とはずれますが、高度成長期以降の日本の教育について予備校視点で語った本「予備校が教育を救う」。なかなか面白いので興味がある方は是非。昨今、予備校と高校の役割が逆転した云々はなかなか納得な感じ。

]]> 0 takanawa <![CDATA[misc 100818]]> http://nutsu.com/wp/?p=145 2011-09-04T09:11:46Z 2010-08-18T12:10:34Z

暑いですね。暑いです。クーラーと外気で溶けますね。最近絵を描いていなかったので殴りガキからやってます。

]]> 0 takanawa <![CDATA[THANKS WAY]]> http://nutsu.com/wp/?p=144 2011-09-04T09:14:03Z 2010-07-15T17:00:49Z

公開から一週間になりますが、カヤックさんの777Project の１つであるキャンペーンサイト「THANKS WAY」のお手伝いをいたしました。このサイトはカヤックさんの自社サービス「THANKS」のAPIを使っています。「THANKS」をご存知ないかた、是非覗いてみてくださいね。

7月21日までのキャンペーンでプラネタリウムがプレゼントされるようですよぉ。HomeStar 僕も欲しいです。

]]> 0 takanawa <![CDATA[ActionScript3.0ライブラリ入門]]> http://nutsu.com/wp/?p=143 2011-09-04T08:52:57Z 2010-07-01T14:55:27Z ActionScript3.0ライブラリ入門

7月の中旬に「ActionScript3.0ライブラリ入門」という本がでます。共著で参加いたしました。内容はタイトルの通りAS3.0のライブラリを紹介・解説するものです。ライブラリを使うための一般的な基礎知識(SVNとか)をはじめ、Tweener、PaperVision3D といったメジャーなものから Google Maps API for Flash や iphoneas などのデバイス連携もの、他にもThread やら as3httpclient やらたくさんあるです。中でも 音系ライブラリの SiON や、縁の下の力持ち的な SWFObject、SWFWheel も含まれているのがうれしいところです。僕はその中で Frocessing について執筆いたしました。是非手にとってもらえるとうれしいです。

]]> 1 takanawa <![CDATA[[f5] update 0.6]]> http://nutsu.com/wp/?p=142 2011-09-11T17:10:44Z 2010-06-07T04:00:15Z Frocessing を 0.6 に更新しました。今回は根のところをいろいろ刷新しました。Frocessing は通常 F5MovieClip2D や F5Graphics2D クラスの利用を想定してますが、そういう部分でのAPI変更はありません(大丈夫だと思う、、）(注1)。変更されているのは、それらのクラスの裏側です。

(注1)F5Graphics系からload関連(loadShape等）のAPIを削除しています。load系を含むとSWF的な容量が倍ぐらいになるので、それを避けたかったからです。その為、ADCの記事にある、「shapedata = fg.loadShape(“tiger.svg”, null, startDraw );」という部分は動かなくなりました。FShapeSVGLoader等を使ってください（F5MovieClip系にはこれまで通り含まれています）

手を入れた部分は多いのですが、できることが増えたとかそういうことはあまりないので地味な更新ですが、興味のある方は是非に。バグなどありましたら伝えていただけると非常に助かります、、。

http://www.libspark.org/wiki/nutsu/Frocessing

asDoc :
http://www.libspark.org/htdocs/as3/frocessing/
または、
http://nutsu.com/doc/frocessing/

※frocessing.core.canvasというパッケージがありますが、HTML5のそれとは全然関係ないです。あしからず、、。

]]> 1