<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
    <channel>
        <title>やっぱギークでナイト！</title>
        <link>http://geek.oyspe.com/</link>
        <description>アクションスクリプトお姉さんを目指して日々奮闘するブログ ： 3回更新出来たら大好きなケーキ１個食っていいことにする。</description>
        <language>ja</language>
        <copyright>Copyright 2008</copyright>
        <lastBuildDate>Tue, 24 Jun 2008 23:58:45 +0900</lastBuildDate>
        <generator>http://www.sixapart.com/movabletype/</generator>
        <docs>http://www.rssboard.org/rss-specification</docs>
        
        <item>
            <title>memo 011  chumby my first widget &quot;Hello World&quot;</title>
            <description><![CDATA[<img alt="chumby01.jpg" src="http://geek.oyspe.com/pics/chumby01.jpg" width="500" height="375" />

<br /><br /><br />FlashLite3.0に対応していたり、（実際にはFlash8以前であれば動作可）<br />加速度センサーを内蔵していたり、と勉強にはもってこいということで<br />先日、<a href="http://www.chumby.com/">chumby</a>を購入しました。手乗りサイズのかわいい子です。<br /><br /><br /><font style="font-size: 1.25em;"><b>練習1.　chumbyにHelloWorldしましょう</b></font><br /><br />Chumby Japan の『<a href="http://chumbyjapan.com/blog/2008/03/post_8.html#more">オリジナルウィジェット作成　その1</a>』を参考にして<br />私もHelloWorldしました。<br /> <embed src="http://geek.oyspe.com/pics/helloworld.swf" autostart="true" width="320" height="240"><br />ステージサイズは320ｘ240で上のアニメーションを作成し、<br />タイムラインに以下を記述し、FL3.0で書き出します。<br /><strong>fscommand ("quit");</strong><br /><br />次に、profile.xmlというファイルを作成します。<br />このprofile.xmlと本アニメーションswfを<br />USB内に置いてchumbyに挿すと、swfファイルがチャンネルに読み込まれます。<br /><br /><br />下写真がその図。<br />profile.xml内の記述を調整して、サムネイル画像を登録することも出来ます。<br />(下写真ではやっておりませんが。）<br /><br /><img alt="chumbywidget01.jpg" src="http://geek.oyspe.com/pics/chumbywidget01.jpg" width="500" height="375" /><br />

<br />ちゃんと動いたー！<br />まだまだ小さな初めの一歩。もっと遊びたい。<br /><br /><br /><img alt="chumbywidget02.jpg" src="http://geek.oyspe.com/pics/chumbywidget02.jpg" width="500" height="375" />

]]></description>
            <link>http://geek.oyspe.com/2008/06/-chumby.html</link>
            <guid>http://geek.oyspe.com/2008/06/-chumby.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Flash勉強</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">chumby</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">AS2</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">FlashLite3.0</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">actionscript</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">chumby</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">flash</category>
            
            <pubDate>Tue, 24 Jun 2008 23:58:45 +0900</pubDate>
        </item>
        
        <item>
            <title>(先週、)　ごはんとFlash　にお邪魔してきました。</title>
            <description><![CDATA[ <strong>「鎌倉でFlash好きな人とご飯を食べにあつまりませんか？」</strong>  <img alt="gohantoflash2.gif" src="http://geek.oyspe.com/pics/gohantoflash2.gif" height="164" width="130" /><br /><strong></strong>　という素敵な会が催されると道家さんから聞きつけ、<br />　最近全く勉強できていないのですが、（時間って作るものなんですよね、反省）　<br />　花嫁修業としてFlash・ASの道を選んでしまった身としては行かないわけには行かない<br />　ということで、Flashに関して自分はまだまだペーペーなので恐縮しつつも<br />　先週、<a href="http://level0.cuppy.co.jp/2008/04/flashevent20080510.php">ごはんとFlash</a>＠ボウルズカフェへ行って参りました。<br /><br /><img alt="gohantoflash.jpg" src="http://geek.oyspe.com/pics/gohantoflash.jpg" height="375" width="500" /><br /><br /><br />美味しいご飯に舌鼓しながら、隣に立ってらっしゃる方とお話したり<br />（もっと臆せずガンガン話しにいける人になりたい）<br />普段参考にさせて頂いてるサイトの方々を実際に目の前にし、ただただ尊敬の眼差し。<br /><br />既に多くの方がレポートをアップされているので詳細は省略するとして<br />本企画をプロデュースされた<a href="http://level0.cuppy.co.jp/2008/05/flash_7.php">KAYAC の道家さん</a>、<a href="http://microjackson.jugem.jp/">瀬尾さん</a>、<a href="http://www.trick7.com/blog/2008/05/12-082038.php">trick7 の寺井さん</a>、<br /><a href="http://akirafukuoka.com/">FICC の福岡さん</a>をはじめ、KAYAC、ボウルズの皆様、<br />素敵なひと時を楽しませて頂き、ありがとうございました。<br />デザート協賛：メディアテクノロジーラボ、パンプディング絶品でした！<br /><br />]]></description>
            <link>http://geek.oyspe.com/2008/05/flash.html</link>
            <guid>http://geek.oyspe.com/2008/05/flash.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">出来事</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">flash</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">kamakura</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">ごはんとFlash</category>
            
            <pubDate>Mon, 19 May 2008 00:20:26 +0900</pubDate>
        </item>
        
        <item>
            <title>露出狂友の会へお邪魔してくるの巻き</title>
            <description><![CDATA[<br />ひょんなことからお声掛けして頂き、露出狂友の会なる催しへ伺って参りました。<br /><br />詳しくは、ゆーすけべー日記：<a href="http://yusukebe.com/archives/08/01/20/114512.html">露出狂友の会にゲスト参加してきた</a>　を参照ください。<br /><br /><img alt="cake003.jpg" src="http://geek.oyspe.com/pics/cake003.jpg" height="375" width="500" /><br /><br />私が激人見知りするという事前情報をゲッツした道家さんが気を利かせてくれて<br />&nbsp;早めに集まってお茶しましょうと提案して頂いたのでお言葉に甘えてティータイム！
<br />優しいお心遣い本当に感謝です！<br /><br />連れて行っていただいたのは、アップルパイの美味しいカフェ。<br />&nbsp;注文が入ってから焼くので、出来立てのほっかほかが出てきます。
<br />その上でバニラアイスが程よく溶けております。美味ーーー（目がはーと）<br /><br /><a href="http://www.art-meter.com/">アートメーター</a>にお邪魔させて頂いたり、こんな職場いいなあとかしながら、
<br />明大前へのじゅうじゅうぼうぼうという焼肉屋さんへ。<br /><br />皆さんの凄プレゼンを聞きながら食べるホルモンは格別でした。<br /><br /><img alt="yusukebe01.jpg" src="http://geek.oyspe.com/pics/yusukebe01.jpg" height="500" width="375" /><br /><br />（上）<a href="http://yusukebe.com/archives/08/01/21/213124.html">「エロサイトにおけるコンテンツマッチ型広告APIの自作」</a>をプレゼンする和田さん<br /><br />自分、本当もっともっと勉強しないと、と改めて実感。<br />やりたい事と出来る事のギャップを少しでも埋められるようになりたいものです。<br /><br />そして皆さん、この度は素敵な会へお誘い頂き有難う御座いました！
<br />またいつかお会いできたら嬉しいです。<br /><br />]]></description>
            <link>http://geek.oyspe.com/2008/01/post.html</link>
            <guid>http://geek.oyspe.com/2008/01/post.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">ご褒美ケーキ</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">出来事</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">event</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">flash</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">flasher</category>
            
            <pubDate>Wed, 23 Jan 2008 00:58:51 +0900</pubDate>
        </item>
        
        <item>
            <title>memo 010　でんすけとお散歩　：今更ながら更新</title>
            <description><![CDATA[<br />永遠のアイドル（犬）でんすけでの勉強シリーズもひとまずここで一区切りという事で<br />でんすけとお散歩できるデスクトップアプリケーションを作りました。<br /><br /><br /><font style="font-size: 1.25em;"><b>練習4. でんすけとお散歩できるようにしてみよう。</b></font><br />(でんすけをデスクトップ上で動かす時にでんすけの挙動を色々設定してみる練習)<br /><br />で、作ったものがこちら（下図）です。<br /> <img alt="densukesampo.jpg" src="http://geek.oyspe.com/pics/densukesampo.jpg" height="241" width="450" /><br /><br /><a href="http://geek.oyspe.com/2007/12/memo-008adobe-air-beta2.html">前回の練習3</a>では新規ウィンドウをドラッグして動かしましたが、<br />1) 最初に起動するウィンドウの表示位置の設定<br />2) ドラッグしている時、ドラッグを止めた時のでんすけの動き<br />を追加しました。<br /><br />でんすけとお散歩のアプリケーション ( Installer Package ) は、以下からDL出来ます。<br /><a href="http://geek.oyspe.com/air/densukesampo/DensukeSampo.air">http://geek.oyspe.com/air/densukesampo/DensukeSampo.air</a><br />アニメーションのクオリティは素人なのであれですが、よければお散歩してみてください。<br /><font style="font-size: 0.8em;">(※) でんすけの胴体部分にドラッグの判定をつけました。</font><br /><font style="font-size: 0.8em;">(※) でんすけの足元にある灰色のボタンをクリックすると終了します。<br /><br /><br /></font>今回のメモとソースは下記のとおりです。<br /><br />* * * * * * * * * * * * * * * * * * * * * * * * * * *<br /><br /><u><b>1. Capabilities クラス</b></u><br /><br />アプリケーション起動時に表示されるウィンドウをユーザーが実際に使っている画面の中央に表示させるためには、ユーザー環境に関する情報を取ってこなければなりません。<br />そういった際に使用するのが<font color="red">Capabilitiesクラス</font>です。<br /><br /><i>ヘルプより引用</i><br /><blockquote><i>Capabilitiesクラスを使用すると、開発者はSWFファイルの実行環境に関する情報を取得できます。Capabilities クラスのさまざまなプロパティにより、ユーザーのシステムにおける画面解像度、<br />アクセシビリティソフトウェアに対するサポートの有無、ユーザーのオペレーティングシステムの言語、<br />および、現在インストールされている Flash Player のバージョンを知ることができます。</i> </blockquote><br />Capabilitiesクラスのプロパティ例：<br />　<font color="blue">Capabilities.screenResolutionX&nbsp;</font> ：画面の水平解像度の整数<br />　<font color="blue">Capabilities.screenResolutionY&nbsp;</font> ：画面の垂直解像度の整数<br /><br />今回は、起動時のウィンドウを画面中央に表示させるたいので<br />解像度を調べて中央にするようx座標、y座標を計算させて、代入しています。<br /><blockquote>this.stage.nativeWindow.x=<font color="red">Capabilities.screenResolutionX</font> /2-100;<br />this.stage.nativeWindow.y=<font color="red">Capabilities.screenResolutionY</font> /2 -50;</blockquote><br /><br />* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *<br /><br />以下、今回のソースです。<br /><br />ダウンロードも可能です。<br /><a href="http://geek.oyspe.com/air/densukesampo/DensukeSampo.fla">http://geek.oyspe.com/air/densukesampo/DensukeSampo.fla</a><br /><a href="http://geek.oyspe.com/air/densukesampo/DensukeSampo.as">http://geek.oyspe.com/air/densukesampo/DensukeSampo.as</a><br /><a href="http://geek.oyspe.com/air/densukesampo/Doggie.as">http://geek.oyspe.com/air/densukesampo/Doggie.as</a><br /><br />DensukeSampo.fla：でんすけのMovieClipが含まれています。<br />DensukeSampo.as：新規ウィンドウの作成、でんすけMovieClipの表示を記述しています。<br />Doggie.as：でんすけの動きの制御に関して記述しています。<br /><br /><u><b>DensukeSampo.asの中身</b></u><br /><blockquote><br />package {<br />&nbsp;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp; // インポート宣言<br />&nbsp;&nbsp;&nbsp; // ステージの設定関係<br /><br />&nbsp;&nbsp;&nbsp; import flash.display.Sprite;<br />&nbsp;&nbsp;&nbsp; import flash.display.Stage;<br />&nbsp;&nbsp;&nbsp; import flash.display.StageAlign;<br />&nbsp;&nbsp;&nbsp; import flash.display.StageScaleMode;<br />&nbsp;&nbsp;&nbsp; import flash.events.MouseEvent;<br />&nbsp;&nbsp;&nbsp; import flash.events.*;<br /><br />&nbsp;&nbsp;&nbsp; import flash.display.NativeWindow;<br />&nbsp;&nbsp;&nbsp; import flash.display.NativeWindowType;<br />&nbsp;&nbsp;&nbsp; import flash.display.NativeWindowInitOptions;<br />&nbsp;&nbsp;&nbsp; import flash.display.NativeWindowSystemChrome;<br />&nbsp;&nbsp;&nbsp; import flash.system.Capabilities;<br /><br />&nbsp;&nbsp;&nbsp; public class DensukeSampo extends Sprite {<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // Doggieクラスにはでんすけの動きの制御に関して記述しています。<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // 実際のでんすけのMovieClipはDensukeSampo.flaのライブラリ内にあります。<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; private var wanwan:Doggie;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; private var newWin:NativeWindow;<br /><br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // 起動時に表示されるウィンドウの設定、GOボタンをリスナー登録する<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; public function DensukeSampo() {<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; this.stage.nativeWindow.x=Capabilities.screenResolutionX /2-100;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; this.stage.nativeWindow.y=Capabilities.screenResolutionY /2 -50;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; bt.addEventListener(MouseEvent.CLICK,createWindow);<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // GOボタンをクリックすると新規ウィンドウ（でんすけのみの描画）を開く<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; private function createWindow(e:MouseEvent):void {<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var options:NativeWindowInitOptions=new NativeWindowInitOptions;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; options.systemChrome=NativeWindowSystemChrome.NONE;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; options.type=NativeWindowType.LIGHTWEIGHT;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; options.transparent=true;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; newWin=new NativeWindow(options);<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; newWin.width=240;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; newWin.height=210;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; newWin.title="でんすけ";<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; newWin.visible=true;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; newWin.stage.scaleMode=StageScaleMode.NO_SCALE;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; newWin.stage.align = StageAlign.TOP_LEFT;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; wanwan=new Doggie();<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; newWin.stage.addChild(wanwan);<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; newWin.stage.nativeWindow.x=Capabilities.screenResolutionX /2-100;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; newWin.stage.nativeWindow.y=Capabilities.screenResolutionY /2 -50;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; newWin.stage.nativeWindow.alwaysInFront=true;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // でんすけの新規ウィンドウを開くと同時に、起動時のウィンドウは閉じることにしました。<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; stage.nativeWindow.close();<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp; }<br />}<br /></blockquote><br /><u><b>Doggie.asの中身</b></u><br /><blockquote><br />package {<br />&nbsp;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp; // インポート宣言<br />&nbsp;&nbsp;&nbsp; import flash.display.MovieClip;<br />&nbsp;&nbsp;&nbsp; import flash.events.*;<br />&nbsp;&nbsp;&nbsp; import flash.events.MouseEvent;<br />&nbsp;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp; // でんすけの動き<br />&nbsp;&nbsp;&nbsp; public class Doggie extends MovieClip {<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; public function Doggie():void {<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; this.stop();<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; menu.buttonMode=true;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; bark_btn.buttonMode=true;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // でんすけの足元のボタンをクリックでウィンドウを閉じる<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; menu.addEventListener(MouseEvent.CLICK,doExit);<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // でんすけをドラッグする<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; bg.addEventListener(MouseEvent.MOUSE_DOWN,moveWindow);<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // でんすけのドラッグを止める<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; bg.addEventListener(MouseEvent.MOUSE_UP,stopWindow);<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // 顔をクリックするともぐもぐする<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; bark_btn.addEventListener(MouseEvent.CLICK,doBark);<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // でんすけの具体的な動き：でんすけMovieClipのフレーム指定で動きを設定<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; private function moveWindow(e:MouseEvent):void {<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; this.stage.nativeWindow.startMove();<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; this.doWaking();<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; private function stopWindow(e:MouseEvent):void {<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; this.doShippo();<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; private function doBark(e:MouseEvent):void {<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; this.gotoAndStop(3);<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; private function doShippo() {<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; this.gotoAndStop(1);<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; private function doWaking() {<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; this.gotoAndStop(2);<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; private function doExit(e:Event) {<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; this.stage.nativeWindow.close();<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; }<br />&nbsp;&nbsp;&nbsp; }<br />}</blockquote><br /><br /><br /><br />]]></description>
            <link>http://geek.oyspe.com/2008/01/memo-010.html</link>
            <guid>http://geek.oyspe.com/2008/01/memo-010.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Adobe Air Beta3</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">Flash勉強</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">AS3</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">AdobeAIRbeta3</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">flash</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">でんすけ</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">電脳コイル</category>
            
            <pubDate>Sat, 12 Jan 2008 01:28:56 +0900</pubDate>
        </item>
        
        <item>
            <title>cake 002　BEVIAMOCI SU ダークチェリーのタルト</title>
            <description><![CDATA[<br /> <img alt="cake002.jpg" src="http://geek.oyspe.com/pics/cake002.jpg" height="375" width="500" /><br /><br />今回のご褒美ケーキは、<br />世田谷は
環七沿いにあるイタリアンレストランの <b>BEVIAMOCI SU</b>（ベビアーモチ スー）<br />で頂いたダークチェリーのタルトです。<br /><br />「ダークチェリーのタルト」と聞いて想像していたものとは<br />ちょっと風体が異なるものが出てきましたが（チョコレートブラウニーっぽい外見）<br />苦甘いチョコレートとダークチェリーの酸味が程よく、うまうまデザートに満悦！<br /><br /><b>BEVIAMOCI SU</b>（ベビアーモチ スー）<br />
東京都世田谷区代田3-25-3<br /><span class="textShopinfol">03-3414-9515<br /><a href="http://r.gnavi.co.jp/a912502/">http://r.gnavi.co.jp/a912502/</a><br /></span><br /><iframe marginheight="0" marginwidth="0" src="http://maps.google.co.jp/maps/ms?ie=UTF8&amp;msa=0&amp;msid=101987406337407861521.00043cbb06aef64b5ba12&amp;ll=35.654034,139.659864&amp;spn=0.011228,0.023904&amp;om=1&amp;output=embed&amp;s=AARTsJpgnfCCfOUQ6aoIFYX69xnA9SG-Rg" frameborder="0" height="350" scrolling="no" width="425"></iframe><br /><small><a href="http://maps.google.co.jp/maps/ms?ie=UTF8&amp;msa=0&amp;msid=101987406337407861521.00043cbb06aef64b5ba12&amp;ll=35.654034,139.659864&amp;spn=0.011228,0.023904&amp;om=1&amp;source=embed" style="color: rgb(0, 0, 255); text-align: left;">大きな地図で見る</a></small>]]></description>
            <link>http://geek.oyspe.com/2008/01/cake-002beviamoci-su.html</link>
            <guid>http://geek.oyspe.com/2008/01/cake-002beviamoci-su.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">ご褒美ケーキ</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">cake</category>
            
            <pubDate>Wed, 09 Jan 2008 22:36:34 +0900</pubDate>
        </item>
        
        <item>
            <title>memo 009　Adobe AIR Beta3にアップデート</title>
            <description><![CDATA[<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  <img alt="alpaca01.gif" src="http://geek.oyspe.com/pics/alpaca01.gif" height="213" width="174" /><br /><br />サボっていましたが、ついにAdobe AIR Beta3にアップデートしました。<br />忘れないようにメモ･･･<br /><br />まずはAIRランタイムの準備：<br />Adobe AIR Beta2をアンインストールし、Beta3をインストールします。<br /><b>Adobe AIR Beta 3 Installer</b><br /><a href="http://labs.adobe.com/downloads/air.html">http://labs.adobe.com/downloads/air.html</a><br /><br />次に、開発環境ですが<br />Adobe AIR update beta 3 for Flash CS3 Professionalをインストールする前に<br />Adobe Flash Player Update for Flash CS3 Professional (9.0.2)で<br />CS3をアップデートする必要があるらしいので、それもインストールします。<br /><b>Adobe Flash Player Update for Flash CS3 Professional (9.0.2)</b><br /><a href="http://www.adobe.com/support/flash/downloads.html">http://www.adobe.com/support/flash/downloads.html</a><br /><br />さらに、Beta3アップデータでは削除できないBeta1およびBeta2のファイル<br />があるらしいのでそちらも削除しておきます。削除項目は下記の通り(Windows用)<br /><br />* \Program Files\Adobe\Adobe Flash CS3\ <br />AIKフォルダを削除する<br /><br />* \Program Files\Adobe\Adobe Flash CS3\en\First Run\Commands\<br />下記ファイルがあれば削除する:<br />&nbsp;&nbsp;&nbsp; - AIR - Application and Package Settings.jsfl<br />&nbsp;&nbsp;&nbsp; - AIR - Package AIR File.jsfl <br /><br />* \Document and Settings\&lt;username&gt;\Local Settings\Application Data\Adobe\Flash CS3\&lt;lang&gt;\Configuration\Commands\<br />下記ファイルがあれば削除する:<br />&nbsp;&nbsp;&nbsp; - AIR - Application and Package Settings.jsfl<br />&nbsp;&nbsp;&nbsp; - AIR - Package AIR File.jsfl<br />※ 隠しファイル/隠しフォルダが表示されていない場合はフォルダオプションで設定する。<br /><br />では、Adobe AIR update beta 3 for Flash CS3 Professionalのインストール<br /><b>Adobe AIR update beta 3 for Flash CS3 Professional[日本語版]</b><br /><a href="http://labs.adobe.com/wiki/index.php/AIR:Flash_CS3_Professional_Update#Japanese">http://labs.adobe.com/wiki/index.php/AIR:Flash_CS3_Professional_Update#Japanese</a><br />※上記ダウンロードページにはBeta 1 CleanUp Scriptも有り<br /><br />Adobe LabsにもHowto記述はあるのですが、下記のページでは日本語で分かりやすく説明されていたためアップデートの際にはそちらを参考させて頂きました。<br />参考にしたページ：<br /><b>Adobe AIRで作るデスクトップアプリケーショ－第14回　Adobe AIRベータ3公開</b><br /><a href="http://gihyo.jp/dev/serial/01/adobe-apollo/0014">http://gihyo.jp/dev/serial/01/adobe-apollo/0014</a><br /><br /><br /><br /> ]]></description>
            <link>http://geek.oyspe.com/2007/12/memo-009adobe-air-beta3.html</link>
            <guid>http://geek.oyspe.com/2007/12/memo-009adobe-air-beta3.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Adobe Air Beta3</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">環境準備</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">AdobeAIRbeta3</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">flash</category>
            
            <pubDate>Sun, 30 Dec 2007 22:07:27 +0900</pubDate>
        </item>
        
        <item>
            <title>memo 008　Adobe AIR Beta2、新規ウィンドウを動かす</title>
            <description><![CDATA[<br /><a href="http://geek.oyspe.com/2007/12/memo-007adobe-air-beta2.html">前回の練習2</a>で作成したウィンドウは、<br />ウィンドウクロームをNONEに設定していたためドラッグして動かすことが出来ず、<br />画面に張り付いたままになっていました。<br />今回はこのウィンドウをドラッグ出来るようにしようと思います。<br /><br /><br /><font style="font-size: 1.25em;"><b>練習3．新しいウィンドウをドラッグしてみよう。</b></font><br />( ステージ上に配置されたボタンをクリックして新規のウィンドウを作成、画像を表示させ、<br />さらにドラッグ出来るようにする。）<br /><br />以下を作りました。<br />OPENボタンで新規ウィンドウを作成、CLOSEボタンでウィンドウが閉じます。<br />ウィンドウにはでんすけMovieClipが表示され、描画部分をドラッグしてウィンドウを動かせます。<br /><br /><a href="http://geek.oyspe.com/2007/12/memo-007adobe-air-beta2.html">前回の練習</a>で作ったソースに<br />1) ウィンドウを動かす<br />2) でんすけには指カーソル<br />を追加しました。<br /><br /><img alt="adobeair09.jpg" src="http://geek.oyspe.com/pics/adobeair09.jpg" height="325" width="500" /><br /><br />今回のメモとソースは下記のとおりです。<br /><br />* * * * * * * * * * * * * * * * * * * * * * * * * * *<br /><br /><u><b>1. ウィンドウを動かす startMove()</b></u><br /><br />まずは、ウィンドウを動かす条件を設定し、イベントリスナーに登録します。<br /><blockquote>densuke_mc.addEventListener(MouseEvent.MOUSE_DOWN, windowMove);</blockquote><br /><br />イベントを受けて実行する処理内容は下のように記述しました。<br />NativeWindowクラスのstartMove()というメソッドを使います。<br /><blockquote>function windowMove(e:MouseEvent):void {<br />&nbsp;&nbsp;&nbsp; newWindow.<font color="red">startMove()</font>;<br />}</blockquote><br /><br /><u><b>2. でんすけには指カーソル buttonMode</b></u><br /><br />でんすけの描画範囲内では指カーソルにすることにしました。<br /><blockquote>densuke_mc.buttonMode = true;</blockquote><br /><br />* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *<br />以下、今回のソースです。<br /><br />ダウンロードも出来ます。<br /><a href="http://geek.oyspe.com/air/show_img_to_new_window_and_move/test4.fla">http://geek.oyspe.com/air/show_img_to_new_window_and_move/test4.fla</a><br /><br /><br /><blockquote>import flash.display.StageScaleMode;<br />import flash.display.StageAlign;<br /><br />bt1.addEventListener(MouseEvent.CLICK,openNewWindow);<br />bt2.addEventListener(MouseEvent.CLICK, closeNewWindow);<br /><br />var newWindow:NativeWindow;<br />var densuke_mc:Densuke;<br /><br />function openNewWindow(e:MouseEvent):void {<br />&nbsp;&nbsp;&nbsp; var wOption:NativeWindowInitOptions = new NativeWindowInitOptions();<br />&nbsp;&nbsp;&nbsp; //normal, lightweight, utility ：タスクバー表示、表示なし、ツールパレット<br />&nbsp;&nbsp;&nbsp; wOption.type = NativeWindowType.NORMAL;<br />&nbsp;&nbsp;&nbsp; //none, standard, custom ：ウィンドウクロームなし、OS特有のクローム<br />&nbsp;&nbsp;&nbsp; wOption.systemChrome=NativeWindowSystemChrome.NONE;<br />&nbsp;&nbsp;&nbsp; //背景を透過させる<br />&nbsp;&nbsp;&nbsp; wOption.transparent = true;<br />&nbsp;&nbsp;&nbsp; newWindow = new NativeWindow(wOption);<br />&nbsp;&nbsp;&nbsp; newWindow.width = 500;<br />&nbsp;&nbsp;&nbsp; newWindow.height = 388;<br />&nbsp;&nbsp;&nbsp; newWindow.title = "hogehoge";<br />&nbsp;&nbsp;&nbsp; newWindow.visible=true;<br />&nbsp;&nbsp;&nbsp; //リサイズしないようにする、XYの0,0が左上にある<br />&nbsp;&nbsp;&nbsp; newWindow.stage.scaleMode = StageScaleMode.NO_SCALE;<br />&nbsp;&nbsp;&nbsp; newWindow.stage.align = StageAlign.TOP_LEFT;<br /><br />&nbsp;&nbsp;&nbsp; densuke_mc = new Densuke();<br />&nbsp;&nbsp;&nbsp; newWindow.stage.addChild(densuke_mc);<br />&nbsp;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp; // でんすけの描画範囲内では指カーソルにする。<br />&nbsp;&nbsp;&nbsp; densuke_mc.buttonMode = true;<br />&nbsp;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp; //でんすけの描画範囲内でドラッグするとそのままnewWindowをドラッグで移動させる<br />&nbsp;&nbsp;&nbsp; densuke_mc.addEventListener(MouseEvent.MOUSE_DOWN, windowMove);<br />&nbsp;&nbsp;&nbsp; <br />}<br /><br />function closeNewWindow(e:MouseEvent):void {<br />&nbsp;&nbsp;&nbsp; newWindow.close();<br />}<br /><br />function windowMove(e:MouseEvent):void {<br />&nbsp;&nbsp;&nbsp; newWindow.startMove();<br />}</blockquote><br /><br /><br />]]></description>
            <link>http://geek.oyspe.com/2007/12/memo-008adobe-air-beta2.html</link>
            <guid>http://geek.oyspe.com/2007/12/memo-008adobe-air-beta2.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Adobe Air Beta2</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">Flash勉強</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">AS3</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">AdobeAIR</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">AdobeAIRbeta2</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">flash</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">でんすけ</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">電脳コイル</category>
            
            <pubDate>Mon, 17 Dec 2007 01:47:52 +0900</pubDate>
        </item>
        
        <item>
            <title>memo 007　Adobe AIR Beta2、新規ウィンドウの中に画像を表示させるには</title>
            <description><![CDATA[<br />Adobe AIR Beta3がリリースされたようですが、<br />まだランタイムのみで日本語エクステンションはまだのようなので<br />引き続きBeta2でやっていこうと思います。<br /><br />それでは、今回も引き続きairアプリの勉強です。<br /><a href="http://geek.oyspe.com/2007/12/memo-006adobe-air-beta2.html">前回の練習1</a>では、新規のウィンドウを作成したり閉じたりしましたが<br />ウィンドウの中には何も表示されていませんでした。<br />ですので今回は作成したウィンドウの中に描画をしようと思います。<br /><br /><font style="font-size: 1.25em;"><b>練習２．新しいウィンドウに画像を描画してみよう。</b></font><br />( ステージ上に配置されたボタンをクリックして新規のウィンドウを作成させ、中に画像を表示させる。）<br /><br />以下を作りました。<br />OPENボタンをクリックすると新規ウィンドウが作成され、<br />CLOSEボタンをクリックするとウィンドウが閉じます。<br />新規ウィンドウにはでんすけのMovieClip、Spriteで作成した円が描かれています。<br /><br /><a href="http://geek.oyspe.com/2007/12/memo-006adobe-air-beta2.html">前回の練習</a>で作ったソース（新規のウィンドウを作成・閉じる）に<br />1) 画像の描画：円とでんすけ<br />2) ウィンドウ内の描画サイズをリサイズしないようにする<br />3) XY軸の調整<br />を追加しました。<br /><br /><img alt="adobeair07.jpg" src="http://geek.oyspe.com/pics/adobeair07.jpg" height="286" width="500" /><br /><br /><br />今回のメモとソースは下記のとおりです。<br /><br />* * * * * * * * * * * * * * * * * * * * * * * * * * *<br /><br /><u><b>1. 新規のウィンドウに画像の描画</b></u><br /><br />まずは表示させるための画像を用意します。<br />(円とでんすけのMovieClip）<br /><br />■<b>Sprite型の円</b><br /><blockquote>var circle:Sprite = new Sprite();<br />circle.graphics.beginFill (0xFFCC00);<br />circle.graphics.drawCircle (140, 200, 50);</blockquote><br />■<b>MovieClipのでんすけ</b><br /><blockquote>var densuke_mc:Densuke = new Densuke();</blockquote><br />■<b>ウィンドウへ追加</b><br />それぞれ新規のウィンドウ ( NativeWindow型のnewWindow ) のstageに直接追加しました。<br /><blockquote>newWindow.stage.addChild (circle);<br />newWindow.stage.addChild(densuke_mc);</blockquote><br /><br /><u><b>2. 新規のウィンドウをリサイズした際に描画内容をリサイズしないようにする</b></u><br /><br />ウィンドウをリサイズした際の領域内の設定内容については、<br />Stage.scaleModeプロパティの値に対して<font color="blue">StageScaleModeクラス</font>のパブリック定数を使います。<br />StageScaleModeクラスのパブリック定数には以下のようなものがあります。<br /><br />&nbsp; &nbsp; <font color="blue">exactFit</font>：指定領域内に、元の縦横比を維持しないで表示されます。<br />&nbsp;&nbsp;&nbsp; <font color="blue">noBorder</font>：指定領域いっぱいに全体がゆがまずに表示されます。<br />&nbsp;&nbsp;&nbsp; <font color="blue">noScale</font>：アプリケーションのサイズが固定されます。<br />&nbsp;&nbsp;&nbsp; <font color="blue">shoAll</font>：指定領域内に全体が、元の縦横比を維持したままゆがまずに表示されます。<br /><br />今回は、noScaleを使いますので、下記のように記します。<br /><blockquote>newWindow.stage.scaleMode = StageScaleMode.<font color="red">NO_SCALE</font>;</blockquote><br />※今回の練習の場合は、元々ウィンドウクロームをNONEに設定しているので、<br />実行時にウィンドウをリサイズしようにも不可能ですが。<br /><br />また、StageScaleModeクラスを使用する際にはクラスのインポートが必要なので<br />冒頭で忘れずにインポートしておきます。<br /><blockquote>import flash.display.StageScaleMode;</blockquote><br /><br /><u><b>3. 新規のウィンドウのXY(0,0)の設定</b></u><br /><br />Stage.alignプロパティの値に対して、<font color="blue">StageAlignクラス</font>のパブリック定数を使い設定します。<br /><br />今回はウィンドウの左上にXY(0,0)をもってくるために、以下のように記述しました。<br /><blockquote>newWindow.stage.align = StageAlign.<font color="red">TOP_LEFT</font>;</blockquote><br />また、StageAlignクラスを使いますので、クラスをインポートしておかなければなりません。<br /><blockquote>import flash.display.StageAlign;</blockquote><br />* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *<br /><br />以下、今回のソースです。<br /><br />ダウンロードも可能です。<br /><a href="http://geek.oyspe.com/air/show_img_to_new_window/test3.fla">http://geek.oyspe.com/air/show_img_to_new_window/test3.fla</a><br /><br /><br /><blockquote>import flash.display.StageScaleMode;<br />import flash.display.StageAlign;<br /><br />bt1.addEventListener(MouseEvent.CLICK,openNewWindow);<br />bt2.addEventListener(MouseEvent.CLICK, closeNewWindow);<br /><br />var newWindow:NativeWindow;<br />var circle:Sprite;<br />var densuke_mc:Densuke;<br /><br />function openNewWindow(e:MouseEvent):void {<br />&nbsp;&nbsp;&nbsp; var wOption:NativeWindowInitOptions = new NativeWindowInitOptions();<br />&nbsp;&nbsp;&nbsp; //normal, lightweight, utility ：タスクバー表示、表示なし、ツールパレット<br />&nbsp;&nbsp;&nbsp; wOption.type = NativeWindowType.NORMAL;<br />&nbsp;&nbsp;&nbsp; //none, standard, custom ：ウィンドウクロームなし、OS特有のクローム<br />&nbsp;&nbsp;&nbsp; wOption.systemChrome=NativeWindowSystemChrome.NONE;<br />&nbsp;&nbsp;&nbsp; //背景を透過させる<br />&nbsp;&nbsp;&nbsp;&nbsp; wOption.transparent = true;<br />&nbsp;&nbsp;&nbsp; newWindow = new NativeWindow(wOption);<br />&nbsp;&nbsp;&nbsp; newWindow.width = 500;<br />&nbsp;&nbsp;&nbsp; newWindow.height = 388;<br />&nbsp;&nbsp;&nbsp; newWindow.title = "hogehoge";<br />&nbsp;&nbsp;&nbsp; newWindow.visible=true;<br />&nbsp;&nbsp;&nbsp; //リサイズしないようにする、XYの0,0が左上にある<br />&nbsp;&nbsp;&nbsp; newWindow.stage.scaleMode = StageScaleMode.NO_SCALE;<br />&nbsp;&nbsp;&nbsp; newWindow.stage.align = StageAlign.TOP_LEFT;<br /><br />&nbsp;&nbsp;&nbsp; circle = new Sprite();<br />&nbsp;&nbsp;&nbsp; circle.graphics.beginFill (0xFFCC00);<br />&nbsp;&nbsp;&nbsp; circle.graphics.drawCircle (140, 200, 50);<br />&nbsp;&nbsp;&nbsp; newWindow.stage.addChild (circle);<br />&nbsp;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp; densuke_mc = new Densuke();<br />&nbsp;&nbsp;&nbsp; newWindow.stage.addChild(densuke_mc);<br />&nbsp;&nbsp;&nbsp; <br />}<br /><br />function closeNewWindow(e:MouseEvent):void {<br />&nbsp;&nbsp;&nbsp; newWindow.close();<br />}</blockquote><br /><br /><br /><br /><br />]]></description>
            <link>http://geek.oyspe.com/2007/12/memo-007adobe-air-beta2.html</link>
            <guid>http://geek.oyspe.com/2007/12/memo-007adobe-air-beta2.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Adobe Air Beta2</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">Flash勉強</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">AS3</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">AdobeAIR</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">AdobeAIRbeta2</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">flash</category>
            
            <pubDate>Sun, 16 Dec 2007 22:19:03 +0900</pubDate>
        </item>
        
        <item>
            <title>memo 006　Adobe AIR Beta2でデスクトップアプリケーションを作ってみる</title>
            <description><![CDATA[<br />まだまだPapervision3Dを自由には使いきれていない状態ではありますが、<br />早くも次の項目へ進めることになり<br />次はAirアプリケーションの開発について学んでみることになりました。<br /><br />- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <br />Adobe Air とは：<br />アプリケーションの開発及び実行環境のことで、<br />既存のウェブアプリケーションの開発スキル<br />(HTML, Javascript, Adobe Flash, Adobe Flex, Ajax)<br />を使用しながらクロスプラットフォームなアプリケーションを作ることができる。<br />- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - <br />
<br />フルFlashなデスクトップアプリケーションをFlashだけで作れてしまうので、<br />あなたもやってみなさい（by先生）とのこと。<br />Flex BuilderではなくCS3で作成します。<br /><br />■ <b>まず、Adobe AIR の実行環境をインストールします。</b><br />Adobe AIR Beta 2 Installer は以下からダウンロード出来ます。<br />Adobe Labs Downloads page <a href="http://labs.adobe.com/downloads/air.html">http://labs.adobe.com/downloads/air.html</a><br /><br />■ <b>次に、CS3用のエクステンション（日本語版）をインストールし開発環境を整えます。</b><br />Adobe AIR update Beta 2 for Flash CS3 Professional は以下からダウンロード出来ます。<br />Adobe Labs/ AIR:Flash CS3 Professional Update<br /><a href="http://labs.adobe.com/wiki/index.php/AIR:Flash_CS3_Professional_Update#Japanese">http://labs.adobe.com/wiki/index.php/AIR:Flash_CS3_Professional_Update#Japanese</a><br /><br /><br />上記ふたつをインストールした後にFlashを起動すると、<br />Air用の新規作成メニューが追加されてることが確認出来ます。<br />新規作成メニューからAdobe Airを選択すれば、FlashでのAirアプリケーション開発が可能です。<br /><br /><br /><img alt="adobeair01.jpg" src="http://geek.oyspe.com/pics/adobeair01.jpg" height="272" width="473" /><br /><br />それでは早速実作業へ。<br /><br /><br /><font style="font-size: 1.25em;"><b>練習1.&nbsp; 新しいウィンドウを作ってみよう。</b></font><br />( ステージ上に配置されたボタンをクリックして新規のウィンドウを作成させる。）<br /><br />そして作ったのが以下です。<br />OPENボタンをクリックすると新規ウィンドウが作成され、<br />CLOSEボタンをクリックすると作成したウィンドウが閉じます。<br /><br /><img alt="adobeair05.jpg" src="http://geek.oyspe.com/pics/adobeair05.jpg" height="283" width="500" /><br /><br />練習をすすめる上でのメモとソースは下記に記しました。<br /><br />* * * * * * * * * * * * * * * * * * * * * * * * * * *<br /><br /><u><b>1. アプリケーション及びインストーラーの設定方法</b><br /><br /></u>アプリケーションの書き出しに必要な設定項目がいくつかあるので、<br />開発を進める前に準備してしまいます。<br /><br /><img alt="adobeair03.jpg" src="http://geek.oyspe.com/pics/adobeair03.jpg" height="200" width="360" /><br /><br />[コマンド]メニューから[AIR - Application and Installer Settings]をクリック。<br />以下のようなウィンドウが開くので、ファイル名、バージョン情報、コピーライト等々<br />アプリケーションの設定ファイル（app.xml）を生成します。<br /><br /><img alt="adobeair02.jpg" src="http://geek.oyspe.com/pics/adobeair02.jpg" height="578" width="400" /><br /><br />デジタル署名（上図赤枠参照）をしないとコンパイル時にエラーが起きてしまうので注意です。<br />また、ファイルの保存場所を変更したら、Destination Folderの書き換えも忘れずに。<br /><br />諸設定の終了後、[コマンド]メニューから[AIR - Create AIR File]でコンパイル出来ます。<br />注：ディレクトリ構造内に日本語があるとエラーが出てしまいますのでご注意ください。<br /><u><b><br /><br />2. 新規ウィンドウの作成はNativeWindow()</b></u><br /><br /> 新規ウィンドウを作成する時には次のように記述します。<br /><br /><blockquote>var wOption:NativeWindowInitOptions = new NativeWindowInitOptions();<br />var newWindow:NativeWindow = new NativeWindow(wOption);</blockquote><br />これは、<br />NativeWindowInitOptions型のオブジェクト<font color="blue">wOption</font>に対して新規ウィンドウの設定を持たせ<br />さらにそのオブジェクト<font color="blue">wOption</font>を<br />NativeWindow型のオブジェクト<font color="blue">newWindow</font>をnewする際の引数とするためです。<br /><br />また、NativeWindowInitOptions型のオブジェクトですが、<br />下記のように設定内容を持たせることが出来ます。<br /><br /><blockquote><b>[1]</b> wOption.type = NativeWindowType.<font color="red">NORMAL</font>;</blockquote><br />normalの他には、lightweight、utilityといったのプロパティがあります。<br />normal：タスクバー表示<br />lightweight：表示なし<br />utility：ツールパレット<br /><br /><blockquote><b>[2]</b> wOption.systemChrome=NativeWindowSystemChrome.<font color="red">STANDARD</font>;</blockquote><br />standardの他には、none、customといったプロパティがあります。<br />none：ウィンドウクロームなし<br />standard：OS特有のクローム<br />custom：カスタム<br /><br /><br />* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *<br /><br />以下、今回のソースです。<br /><br /><blockquote>// 新規ウィンドウを作成するボタン、作成したウィンドウを閉じるボタン<br />bt1.addEventListener(MouseEvent.CLICK,openNewWindow);<br />bt2.addEventListener(MouseEvent.CLICK, closeNewWindow);<br /><br />var newWindow:NativeWindow;<br /><br />// 新規ウィンドウの作成<br />// NativeWindowInitOptions型のオブジェクトに対して新規ウィンドウの設定を持たせて// NativeWindow型のオブジェクト(newWindow)をnewする際の引数とする。<br /><br />function openNewWindow(e:MouseEvent):void {<br />&nbsp;&nbsp;&nbsp; var wOption:NativeWindowInitOptions = new NativeWindowInitOptions();<br /><br />&nbsp;&nbsp;&nbsp; //タスクバー表示<br />&nbsp;&nbsp;&nbsp; wOption.type = NativeWindowType.NORMAL;<br /><br />&nbsp;&nbsp;&nbsp; //OS特有のクローム<br />&nbsp;&nbsp;&nbsp; wOption.systemChrome=NativeWindowSystemChrome.STANDARD;<br /><br />&nbsp;&nbsp;&nbsp; newWindow = new NativeWindow(wOption);<br />&nbsp;&nbsp;&nbsp; newWindow.width = 200;<br />&nbsp;&nbsp;&nbsp; newWindow.height = 100;<br />&nbsp;&nbsp;&nbsp; newWindow.title = "hogehoge";<br />&nbsp;&nbsp;&nbsp; newWindow.visible=true;<br /><br />}<br /><br />// 新規ウィンドウを閉じる<br />function closeNewWindow(e:MouseEvent):void {<br />&nbsp;&nbsp;&nbsp; newWindow.close();<br />}</blockquote><br /><br /><br />]]></description>
            <link>http://geek.oyspe.com/2007/12/memo-006adobe-air-beta2.html</link>
            <guid>http://geek.oyspe.com/2007/12/memo-006adobe-air-beta2.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Adobe Air Beta2</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">Flash勉強</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">AS3</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">AdobeAIR</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">AdobeAIRbeta2</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">flash</category>
            
            <pubDate>Thu, 13 Dec 2007 03:16:52 +0900</pubDate>
        </item>
        
        <item>
            <title>memo 005　それっぽいアニメーションを作画する方法</title>
            <description><![CDATA[<br />無計画に描いた<a href="http://geek.oyspe.com/2007/11/memo-003papervision3d.html">memo004</a>のでんすけのMovieClipを横から見ていた先生が<br />『アニメーターズ サバイバルキット』というアニメーションの本を貸してくれました。<br />曰く、でんすけの動きが不自然とのこと。先生、変なところが細かいです･･･と思いつつ<br />読みだすと非常に興味深い内容で、貸してくれて有難うございますと感謝です。<br /><p></p><div style="float: left;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4766114221/kamawada-22/"><img src="http://ecx.images-amazon.com/images/I/21TVJT0XRYL.jpg" alt="アニメーターズ・サバイバルキット" style="border: medium none ;" /></a></div><div style="float: left; margin-left: 15px;"><div style="font-size: 12pt;"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4766114221/kamawada-22/">アニメーターズ・サバイバルキット</a></div><div style="font-size: 7pt; font-family: verdana;">posted with <a href="http://yusukebe.com/b/amazon/search/">yusukebe.com::AmazonSearch</a> on 2007.11.28</div><div style="font-size: 10pt;"><ul style="padding: 0pt; list-style-type: none;"><li>リチャード ウィリアムズ Richard Williams 郷司 陽子  </li><li>大型本 / グラフィック社 (2004/06)</li><li>Amazon 売り上げランキング: 21756</li></ul><ul style="padding: 0pt; list-style-type: none;"><li>Amazon おすすめ度の平均: <img src="http://images-jp.amazon.com/images/G/01/detail/stars-4-5.gif" alt="4.5" style="margin: 0pt;" /><ul style="list-style-type: none; padding-left: 0pt;"><li><img src="http://images-jp.amazon.com/images/G/01/detail/stars-5-0.gif" alt="5" style="margin: 0pt;" /> 持つ人による</li><li><img src="http://images-jp.amazon.com/images/G/01/detail/stars-3-0.gif" alt="3" style="margin: 0pt;" /> 専門書です。</li><li><img src="http://images-jp.amazon.com/images/G/01/detail/stars-5-0.gif" alt="5" style="margin: 0pt;" /> アニメーターにおすすめです</li></ul></li></ul><a href="http://www.amazon.co.jp/gp/product/4766114221%3ftag=kamawada-22%26link_code=xm2%26camp=2025%26dev-t=D3QNAE4JDR26A2">Amazon.co.jpで詳細を見る</a></div></div><div style="clear: left;"></div><br />映画「ロジャー・ラビット」のアニメーション監督でもある名アニメーターのリチャード・ウィリアムズ氏が著された本で、生きたアニメーションの作成法について図を交えて丁寧に説明されています。<br />本格的にアニメーションを学びたい人向けではありますが、<br />私のようなアマチュアでもhow things work的な本として楽しむことが出来る一冊です。<br />かくして、当図解書を参考にしながら、でんすけのMovieClipを作り直してみることにしました。<br /><br />* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *<br /><font style="font-size: 1.25em;"><b>動きの設計をする</b><br /><br /></font>アニメーションの動きの設計には<br />工学的とまではいわないものの、ある程度のメソッド的なものが存在するようで<br />その一つが、一連の動きをタイムラインに乗せた時にアクションをどのように区切り表現するかという事。<br />振り子の動きをアニメートさせる場合を例に、本で紹介されていた手順をまとめてみました。<br />(モーショントィイーン使えば一発ですがここはあえて。)<br />
<br /><br /><u><b>(1) まず最初に、重要な変化が生じる点を描きます。</b></u><br /><br />まず、動きの中で方向に変化が生じる点を描きます。<br />両端に最大限振れるところ＝揺れの方向が変わる点がそれにあたります。<br /><br />　　<img alt="furiko01.gif" src="http://geek.oyspe.com/pics/furiko01.gif" height="135" width="187" /><br /><br />この両端の点を「エクストリーム」と呼ぶそうです。<br /><br /><font style="font-size: 0.8em;">因みに、エクストリームの上位に「キーフレーム」があり ( FLASHのそれとは異なります。)<br />例えば、キャラクターが入室するところ、落し物を拾うところ、それを机に置くところ、といったものがそれにあたります。</font><br /><br /><br /><u><b>(2) 次に、動きに特徴を持たせる中間点を加えます</b></u>。<br /><br />中間点は動きを特徴付ける上でとても重要で、下図を見ればその理由は一目瞭然です。<br /><br />　　<img alt="furiko02.gif" src="http://geek.oyspe.com/pics/furiko02.gif" height="119" width="341" /><br /><br />この中間点のことを「パッシングポジション」と呼ぶそうです。<br /><br /><br /><u><b>(3) 続いて、これらの点の間を補完する動きを加えていきます。</b><br /><br /></u>補完点の位置や数によってスピード感の調整が可能です。<br /><br />　　<img alt="furiko03.gif" src="http://geek.oyspe.com/pics/furiko03.gif" height="119" width="307" /><br /><br />左の振り子は同じスピードで振れていますが、右の振り子には加速減速があります。<br /><br />因みに、このアニメーションの基本構造を作成する手順は<br />「ポーズ・トゥー・ポーズ法」として紹介されていましたが、<br />著者はこの方法で作画した上で、その動きの流れをガイドとして使いながら、<br />もう一度初めから一枚ずつ作画していくと自由な発想の動きが得られるとしていました。<br /><br />* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *<font style="font-size: 1.25em;"><b><br /><font style="font-size: 1em;">お題：この作画法で人が歩くアニメーションを作成してみましょう。</font></b></font><br /><br />普段気にしながら歩いている訳ではないので、<br />実際に歩行のアニメーションを作画しようとすると意外と混乱します。<br /><br />(1) まずはエクストリーム。<br /><br />　　<img alt="man_walking01.gif" src="http://geek.oyspe.com/pics/man_walking01.gif" height="188" width="221" /><br /><br /><br />(2) 次に中間点。軸足が伸びるので全体的に少し上へ。<br /><br />　　<img alt="man_walking02.gif" src="http://geek.oyspe.com/pics/man_walking02.gif" height="201" width="268" /><br /><br /><br />(3) 続けて間を補完するのですが、本書を読んでへえと唸ったのが<br />　　■ (緑) 膝が曲がって全体が低くなり、その時に腕の振りが最大になること<br />　　■ (青) 足が地面を蹴り全体が持ち上がること<br /><br />　　<img alt="man_walking03.gif" src="http://geek.oyspe.com/pics/man_walking03.gif" height="202" width="433" /><br /><br /><br />(1)～(3)の結果、出来上がったものが以下です。<br /><br />　　<embed src="http://geek.oyspe.com/swf/man_walking.swf" autostart="true" height="300" width="200"><br /><br />まだ粗が残っているものの、かろうじて歩いているように見えます。<br />この歩行アニメーションは一番ノーマルな歩きを描いたものですが、<br />中間点の描き方次第で動きに変化を持たせることが出来るみたいです。<br /><br />* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *<br /><font style="font-size: 1em;"><b><font style="font-size: 1.25em;">お題：でんすけの歩行を修正してみましょう。</font></b></font><br /><br />動物、特に四足動物の歩行は、人間が2人前後に並んで歩いているような動きになるそうです。<br />( 2組の歩行は若干ずれるそうで、動物の歩行をイメージすると、ああ、確かにと納得。)<br />なので、上で学んだ歩行の仕組みを応用します。<br />また、本書には動物のアニメーションの説明もあったのでそちらも参考に。<br /><br />で、出来上がったものが以下です。<a href="http://geek.oyspe.com/2007/11/memo-003papervision3d.html">前回のでんすけ</a>よりはそれっぽく見えるかな。<br /><br />　　<embed src="http://geek.oyspe.com/swf/Densuke_Walking.swf" autostart="true" height="250" width="333"><br /><br />今週末 ( 土曜日 ) は電脳コイルの最終回です。<br />終わってしまうのが寂しい限りです。<br /><br /> <br />]]></description>
            <link>http://geek.oyspe.com/2007/11/memo-005.html</link>
            <guid>http://geek.oyspe.com/2007/11/memo-005.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">寄り道</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">animation</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">アニメーション作画法</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">電脳コイル</category>
            
            <pubDate>Thu, 29 Nov 2007 00:30:59 +0900</pubDate>
        </item>
        
        <item>
            <title>memo 004　Papervision3D を使ってでんすけが歩いた！　たま追加、みんなでお散歩編</title>
            <description><![CDATA[<br />新たにでんすけとサッチー（たま）のMovieClipを作成したので<br /><a href="http://geek.oyspe.com/2007/11/memo-003papervision3d-de.html">前回の歩くおやじ</a>に付け加えてみました。<br /><br /><img alt="densuke_oyaji_tama_walking.jpg" src="http://geek.oyspe.com/pics/densuke_oyaji_tama_walking.jpg" height="203" width="500" /><br /><br />実際の swf ファイル（角度を変えて見ることが出来ます）は<a href="http://geek.oyspe.com/papervision3d/walkingdensuke/Densuke_Oyaji_Tama_Walking.html">こちら</a>からどうぞ。<br /><br />* * * * * * * * * * * * * * * * * * * * * * * * * * *<br /><br />でんすけとサッチー（たま）の描画については<br />前回のおやじを描画する時と同様の処理をしており<br />main.asファイルの中身は、追加の描画部分以外においてはほぼ前回と同じです。<br /><br />今回作成したファイルは以下のふたつです。<br /><br /><b>Download:</b><br /><a href="http://geek.oyspe.com/papervision3d/walkingdensuke/Densuke_Oyaji_Tama_Walking.fla">Densuke_Oyaji_Tama_Walking.fla</a><br /><a href="http://geek.oyspe.com/papervision3d/walkingdensuke/main.as">main.as</a><br /><br />注）動作させるにはPapervision3Dのライブラリが必要です。<br />　　ライブラリを含めて上記2ファイルをzipさせたものは<a href="http://geek.oyspe.com/papervision3d/walkingdensuke/Densuke_Oyaji_Tama.zip">こちら</a>。<br /><br />]]></description>
            <link>http://geek.oyspe.com/2007/11/memo-003papervision3d.html</link>
            <guid>http://geek.oyspe.com/2007/11/memo-003papervision3d.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Flash勉強</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">Papervision3D</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">AS3</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">Papervision3d</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">電脳コイル</category>
            
            <pubDate>Wed, 28 Nov 2007 13:58:18 +0900</pubDate>
        </item>
        
        <item>
            <title>cake 001　Qu&apos;il fait bon オレンジタルト</title>
            <description><![CDATA[<br /><blockquote>3回更新出来たら大好きなケーキ1個食っていいことにする。</blockquote><br /><br />ということで、ケーキを買いに出かけました。<br />本当はお目当ての大福があったのですが、<br />そこは日曜は定休日だった（調べておくんだった orz）ので<br />急遽、 玉川タカシマヤの <a href="http://www.quil-fait-bon.com/top/top.html">Qu'il fait bon</a> にて大好きなオレンジタルトを購入しました!<br /><br /> <img alt="cake01-1.jpg" src="http://geek.oyspe.com/pics/cake01-1.jpg" height="150" width="200" /><br /><br />箱を開けるとそこは魅惑の、はあ、うまうま<br /><br /><img alt="cake01-2.jpg" src="http://geek.oyspe.com/pics/cake01-2.jpg" height="375" width="500" /><br />]]></description>
            <link>http://geek.oyspe.com/2007/11/cake-001quil-fait-bon.html</link>
            <guid>http://geek.oyspe.com/2007/11/cake-001quil-fait-bon.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">ご褒美ケーキ</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">cake</category>
            
            <pubDate>Tue, 27 Nov 2007 13:01:00 +0900</pubDate>
        </item>
        
        <item>
            <title>memo 003　Papervision3D を使ってでんすけを歩かせたい！ までの道のり・おやじ編</title>
            <description><![CDATA[<br /><a href="http://geek.oyspe.com/2007/11/memo-002papervision3d.html">前回</a>に引き続き、今回もPapervision3Dのお勉強。<br />(勉強というよりは既成ファイルの中身をいじっているだけなので恐縮ですが。)<br /><br />「前回のHelloWorldファイルを元にしながら、何か作ってみなさい」 by 先生<br />との事だったので、今回は自分から自分へお題を課しました。<br /><br />* * * * * * * * * * * * * * * * * * * * * * * * * * *<br /><b>お題：犬を歩かせてみましょう。</b><br /><br />オブジェクトの表示方法、アニメーションの貼り付け方を知ってみようというお題です。<br />以下を作りました： 今回は、犬 改め おやじ を歩かせています。<br /><br /><img alt="oyajiwalking.jpg" src="http://geek.oyspe.com/pics/oyajiwalking.jpg" height="408" width="500" /><br />＊実際の swf ファイル（歩くおやじを角度を変えて見ることが出来ます）は<a href="http://geek.oyspe.com/papervision3d/oyaji_1/OyajiWalking.html">こちら</a>からどうぞ。<br /><br /><br />課題をすすめる上でのメモとソースは下記に記しました。<br /><br />* * * * * * * * * * * * * * * * * * * * * * * * * * *<br /><br /><b>まずは下図のように配置するため、次に挙げた２つの素材を用意します。</b><br /><br />　 ■ 町並みの背景（ 静止画：1コマのMovieClip ）<br />&nbsp;　■ 歩くおやじ（ 足踏みをしているアニメーション：2コマから成るMovieClip ）<br /><br />　<img alt="oyajiwalking00.gif" src="http://geek.oyspe.com/pics/oyajiwalking00.gif" height="205" width="420" /><br /><br />背景画像を円柱に貼り付け、それを回転させ、<br />その前方に足踏みアニメーションのおやじを配置します。<br />おやじが歩いているかのように見せるためです。<br /><br />素材が用意出来たら、次はmain.asの中身です。<br />課題をこなす上で、今回学習した点は大きくは以下の点です。<br /><br /><u><b>1．MovieClipをテキスチャとして使用する</b></u><br /><br />　前回、地球儀やその背景（宇宙）に貼り付ける用の画像テキスチャを作成した際は、<br />　Bitmapライブラリから画像を読み込んだので <font color="red">"BitmapAssetMaterial"</font> クラスを使用しましたが<br />　今回テキスチャとして使用する素材はMovieClipです。<br />　MovieClipをテキスチャとして使用する時は、<b><font color="red">"MovieAssetMaterial"</font></b> クラスを使用します。<br /><br /><u><b>1－1．MovieClip内で描画されていない部分 及び 透明部分を透過させる場合：</b></u><br /><br />　MovieClipの描画部分以外もしくはアルファ値0の部分が黒く映ってしまう現象があります。<br /><br />　今回のおやじを例にして説明すると･･･<br />　おやじの可動範囲がそのままMovieClipの大きさになっており、<br />　MovieAssetMaterialインスタンスとして読み込んだ際に<br />　実際におやじが描画されている部分以外が、下図のように黒くなってしまいます。<br /><br />　　　<img alt="oyajiwalking02.gif" src="http://geek.oyspe.com/pics/oyajiwalking02.gif" height="201" width="114" /><br /><br />　この現象を防ぐためには、MovieAssetMaterial型のインスタンスを作成する時に、<br />　第二引数（ transparent：Boolean ）で透明・不透明を設定する必要があります。<br />　<font color="red">第二引数を "true" にすると、透明になります。</font><br />　<br />　<u>おやじの場合：</u>　<blockquote>var materialOyaji :MovieAssetMaterial = new MovieAssetMaterial( "oyaji2",<b><font color="red">true</font></b>,null );</blockquote><br />&nbsp;&nbsp; <u>更に詳しく：</u><br /><blockquote>MovieAssetMaterial(id:※, transparent:Boolean = false, initObject:Object = null)<br /><br />　■ id：MovieClip ライブラリid<br />　■ transparent：trueは透過、falseは透過なし（デフォルトではfalseに設定されています）<br />　■ initObject：色、アルファ、線などを設定出来ます。</blockquote><br />　　※initObjectについては閃光的網站・弛緩複合体さんのページで分かりやすく説明されております。<br />　　　<a href="http://aquioux.blog48.fc2.com/blog-entry-208.html">閃光的網站・弛緩複合体：Papervision3D の Materials(2) ～ graphics コマンド系 ～</a><br /><br /><br /><u><b>1－2．MovieClipのアニメーションを反映させる場合：</b></u><br /><br />　テキスチャとしてMovieClipを使用すると、デフォルトではアニメーションが反映されません。<br />　<br />　MovieClipのアニメーションを反映させるためには、MovieAssetMaterialインスタンスの<br />　<font color="red">パブリックプロパティanimated：Boolean を "true" にする必要があります。</font><br /><br />　<u>例：おやじの場合</u>　<blockquote>materialOyaji.animated =<b><font color="red">true</font></b>;</blockquote><br /><br /><u><b>2．Cylinderクラス</b></u><br /><br />　円柱を作成、表示できます。<br />　新しいCylinderオブジェクトを作成する時のメソッドは下記の通り。<br /><blockquote>Cylinder(material:MaterialObject3D = null, radius:Number = 100, height:Number = 100, segmentsW:int = 8, segmentsH:int = 6, topRadius:Number = 0, initObject:Object = null)<br /><br />　■ material：<br />　■ radius：底面の半径<br />　■ height：高さ<br />　■ segmentsW：円の分割数<br />　■ segmentsH：高さの分割数<br />　■ topRadius：上面の半径<br />　■ initObject：色、アルファ、線などを設定出来ます。</blockquote><br />　　※ここで注意：<br />　　topRadiusを０にしたら、円錐になるのかな？と思いますよね。<br />　　ところが、topRadiusはデフォルトで0に設定されています。<br />　　topRadiusが0である場合は底面の半径＝上面の半径とするという設定があるからだそうです。<br />　　参照したページ：<br />　　<a href="http://www.adamrocker.com/blog/134/papervision3d_sphere_cylinder_cube_cone.html">throw Life：Papervision3Dのプリミティブ・オブジェクト - Cone, Cube, Cylinder, Sphere</a>　　<br /><br /><br />* * * * * * * * * * * * * * * * * * * * * * * * * * *<br /><br />main.asの中身です。<br /><br /><blockquote>package<br />{<br />import flash.display.*;<br />import flash.events.*;<br /><br />// Import Papervision3D<br />import org.papervision3d.scenes.*;<br />import org.papervision3d.cameras.*;<br />import org.papervision3d.objects.*;<br />import org.papervision3d.materials.*;<br /><br />public class main extends Sprite<br />{<br />&nbsp;&nbsp; &nbsp;// ______________________________________________ vars3D<br /><br />&nbsp;&nbsp; &nbsp;var container :Sprite;<br />&nbsp;&nbsp; &nbsp;var scene&nbsp;&nbsp;&nbsp;&nbsp; :Scene3D;<br />&nbsp;&nbsp; &nbsp;var camera&nbsp;&nbsp;&nbsp; :Camera3D;<br />&nbsp;&nbsp; &nbsp;var wall3D&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :Cylinder;<br />&nbsp;&nbsp; &nbsp;var oyaji&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; :Plane;<br /><br />&nbsp;&nbsp; &nbsp;// ______________________________________________ main<br /><br />&nbsp;&nbsp; &nbsp;function main()<br />&nbsp;&nbsp; &nbsp;{<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;init3D();<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// onEnterFrame<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;this.addEventListener( Event.ENTER_FRAME, loop3D );<br />&nbsp;&nbsp; &nbsp;}<br /><br />&nbsp;&nbsp; &nbsp;// ______________________________________________ init3D<br /><br />&nbsp;&nbsp; &nbsp;function init3D():void<br />&nbsp;&nbsp; &nbsp;{<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// Sprite型のcontainerを作成しステージに配置します。<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;container = new Sprite();<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;addChild( container );<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;container.x = 280;<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;container.y = 200;<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// sceneを作成<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;scene = new Scene3D( container );<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// cameraを作成<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;camera = new Camera3D();<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// おやじを配置<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;addOyaji();<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // 背景を配置<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; addSpace();<br /><br />}<br /><br />&nbsp;&nbsp;&nbsp; // ______________________________________________ loop<br /><br />&nbsp;&nbsp;&nbsp; function addOyaji():void<br />&nbsp;&nbsp;&nbsp; {<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // OyajiWalking.flaライブラリ内のMovieClipでおやじテキスチャ作ります。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // MovieClipを使用するので、BitmapAssetMaterialではなく、MovieAssetMaterialです。<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // 第二引数をtrueにすると描画されている部分以外を透過にします。<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var materialOyaji :MovieAssetMaterial = new MovieAssetMaterial( "oyaji2",true,null );<br /><br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // MovieAssetMaterialインスタンスのプロパティanimatedをtrueにし、アニメーションを再生させます。<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; materialOyaji.animated =true;<br /><br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // おやじをロードします。おやじは平面に貼り付けるのでPlane型です。<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; oyaji = new Plane( materialOyaji, 500, 900, 8, 8);<br /><br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // おやじの配置を設定します。<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; oyaji.rotationX = 0;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; oyaji.y= -450;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; oyaji.z=-200;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // おやじをsceneに配置します。<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; scene.addChild( oyaji );<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp; }<br /><br />&nbsp;&nbsp;&nbsp; // ______________________________________________ loop<br />&nbsp;&nbsp;&nbsp; <br />&nbsp;&nbsp;&nbsp; function addSpace():void<br />&nbsp;&nbsp;&nbsp; {<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // OyajiWalking.flaライブラリ内のMovieClipで背景テキスチャ作ります。<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var materialSpace :MovieAssetMaterial = new MovieAssetMaterial( "wall",true,null);<br /><br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // 背景をロードします。背景は円柱に貼り付けるのでCylinder型です。<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; wall3D = new Cylinder( materialSpace,3000,2000,100,6,0,null);<br /><br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // 背景の位置を設定します。<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; wall3D.z = 3100;<br /><br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // 背景をsceneに配置します。<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; scene.addChild( wall3D );<br />&nbsp;&nbsp;&nbsp; }<br /><br />&nbsp;&nbsp;&nbsp; // ______________________________________________ loop<br /><br />&nbsp;&nbsp;&nbsp; function loop3D(event:Event):void<br />&nbsp;&nbsp;&nbsp; {<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; //カメラの移動範囲の指定<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; camera.x = -container.mouseX*3;<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; camera.y = container.mouseY*4;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 背景を回転させます。<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; wall3D.yaw( -2);<br /><br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; // Render the scene<br />&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; scene.renderCamera( camera );<br />&nbsp;&nbsp;&nbsp; }<br />}<br />}<br />&nbsp;</blockquote><br />]]></description>
            <link>http://geek.oyspe.com/2007/11/memo-003papervision3d-de.html</link>
            <guid>http://geek.oyspe.com/2007/11/memo-003papervision3d-de.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Flash勉強</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">Papervision3D</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">AS3</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">Papervision3d</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">電脳コイル</category>
            
            <pubDate>Tue, 20 Nov 2007 22:35:36 +0900</pubDate>
        </item>
        
        <item>
            <title>memo 002　Papervision3D を使ってみよう</title>
            <description><![CDATA[<br />先生から「物理エンジン、アニメーション、３D、どれがいい？」と聞かれ<br />「３Dやってみたい」と答えたところ<br />Papervision3Dに少し挑戦してみることになりました。<br /><br />* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *<br /><br />Papervision3Dとは：<br />Flash ( flash8とflash9 ) で動作する３Dエンジンで、<br />ActionScriptを使っての３D表現が可能になります。<br /><a href="http://papervision3d.org/">http://papervision3d.org</a><br /><br />* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *<br /><br /><b>① それでは早速 作業開始</b><br /><br />まずはPapervision3Dをダウンロードしましょう。<br /><br />※実際に作業する際には、<br />&nbsp;Papervision3Dのライブラリを作業するファイルと同じディレクトリ下へ用意します。<br />(もしくはパスを通します。)<br /><br />■ Papervision3D 1.5&nbsp;&nbsp; from Google code<br />&nbsp;&nbsp; <a href="http://code.google.com/p/papervision3d/">http://code.google.com/p/papervision3d/</a><br /><br />■ API documents<br />&nbsp;&nbsp; <a href="http://www.papervision3d.org/docs/as3/">http://www.papervision3d.org/docs/as3/</a><br /><br /><br /><b>② exampleファイルをいじりながら習うより慣れろ</b><br /><br /><a href="http://code.google.com/p/papervision3d/downloads/list">Papervision3d の Google code ダウンロードリスト</a>に<br />Papervision3D_sourc_docs_examples_rev28.zip<br />というファイルがあるのでそれをダウンロードします。<br /><br />examplesの中にHelloWorldというフォルダがあるので、<br />HelloWorldフォルダの中に①のPapervision3dのライブラリをコピペします。<br />(もしくはパスを通す）<br /><br />HelloWorld.fla、main.asを開きます。<br />(スクリプトはmain.asに記述されています)<br /><br /><br /><b>③ HelloWorld ならぬ HelloEarth</b><br /><br /><img alt="helloworld_earth.jpg" src="http://geek.oyspe.com/pics/helloworld_earth.jpg" height="289" width="350" /><br />実際のswf ファイル（地球を角度を変えてみることが出来ます）は<a href="http://geek.oyspe.com/papervision3d/helloworld00/HelloWorld.html">こちら</a>からどうぞ。<br /><br />分からなかった部分にコメントアウトを追加しましたが<br />間違っていたり等、指摘して頂けると幸いです。<br /><br /><blockquote>package<br />{<br />import flash.display.*;<br />import flash.events.*;<br /><br />// Import Papervision3D<br />import org.papervision3d.scenes.*;<br />import org.papervision3d.cameras.*;<br />import org.papervision3d.objects.*;<br />import org.papervision3d.materials.*;<br /><br />public class main extends Sprite<br />{<br />&nbsp;&nbsp; &nbsp;// ___________________________________________ vars3D<br /><br />&nbsp;&nbsp; &nbsp;var container :Sprite;<br />&nbsp;&nbsp; &nbsp;var scene&nbsp;&nbsp;&nbsp;&nbsp; :Scene3D;<br />&nbsp;&nbsp; &nbsp;var camera&nbsp;&nbsp;&nbsp; :Camera3D;<br />&nbsp;&nbsp; &nbsp;var sphere&nbsp;&nbsp;&nbsp; :Ase;　//3Dモデリングされた球体<br /><br /><br />&nbsp;&nbsp; &nbsp;// ____________________________________________ main<br /><br />&nbsp;&nbsp; &nbsp;function main()<br />&nbsp;&nbsp; &nbsp;{<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;init3D();<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// onEnterFrame<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;this.addEventListener( Event.ENTER_FRAME, loop3D );<br />&nbsp;&nbsp; &nbsp;}<br /><br /><br />&nbsp;&nbsp; &nbsp;// ____________________________________________ init3D<br /><br />&nbsp;&nbsp; &nbsp;function init3D():void<br />&nbsp;&nbsp; &nbsp;{<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// Create container sprite and center it in the stage<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;container = new Sprite();<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;addChild( container );<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;container.x = 320;<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;container.y = 240;<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// Create scene<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;scene = new Scene3D( container );<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// Create camera<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;camera = new Camera3D();<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// Add Earth sphere<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;addEarth();<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// Add space plane<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;addSpace();<br />&nbsp;&nbsp; &nbsp;}<br /><br /><br />&nbsp;&nbsp; &nbsp;// _____________________________________________ loop<br /><br />&nbsp;&nbsp; &nbsp;function addEarth():void<br />&nbsp;&nbsp; &nbsp;{<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;//惑星に貼り付けるBitmap画像(flaファイル・ライブラリ内)を引数に入れる<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var materialEarth :BitmapAssetMaterial = new BitmapAssetMaterial( "Earth" );<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;//惑星のロード、第三引数は惑星の遠さ；数が１より小さいほど遠い<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;sphere = new Ase( materialEarth, "world.ase", 0.7);<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;//rotationXはX軸に対して回転<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;//yawはY軸に対して回転<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;//参照したサイト：http://blog.livedoor.jp/takaaki_bb/archives/50614075.html<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;sphere.rotationX = 0;<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;sphere.yaw( -30);<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// Add to scene<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;scene.addChild( sphere );<br />&nbsp;&nbsp; &nbsp;}<br /><br /><br />&nbsp;&nbsp; &nbsp;// _____________________________________________ loop<br /><br />&nbsp;&nbsp; &nbsp;function addSpace():void<br />&nbsp;&nbsp; &nbsp;{<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;//宇宙に貼り付けるBitmap画像(flaファイル・ライブラリ内)を引数に入れる<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var materialSpace :BitmapAssetMaterial = new BitmapAssetMaterial( "Space" );<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// 宇宙画像を貼り付けるPlane型のオブジェクトを作る；Planeは表示オブジェクト<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //引数はそれぞれ横の長さ、縦の長さ、セグメント（ゆがみ？：小さい値ほどゆがむ）8が丁度良さそう<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;//参照したサイト：http://aquioux.blog48.fc2.com/blog-entry-177.html<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;//参照したサイト：http://aquioux.blog48.fc2.com/blog-entry-191.html<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;var plane:DisplayObject3D = new Plane( materialSpace, 6400, 4800, 8, 8);<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// Position plane<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;plane.z = 500;<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// Add to scene<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;scene.addChild( plane );<br />&nbsp;&nbsp; &nbsp;}<br /><br /><br />&nbsp;&nbsp; &nbsp;// ____________________________________________ loop<br /><br />&nbsp;&nbsp; &nbsp;function loop3D(event:Event):void<br />&nbsp;&nbsp; &nbsp;{<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// Move camera with the mouse<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;//カメラの移動範囲の指定<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;camera.x = -container.mouseX/4*4*6;<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;camera.y = container.mouseY/3*3*6;<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// Rotate sphere around its own vertical axis<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;sphere.yaw( 0.2 );<br /><br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;// Render the scene<br />&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;scene.renderCamera( camera );<br />&nbsp;&nbsp; &nbsp;}<br />}<br />}<br /></blockquote><br />地球の画像を自分の顔に変えてみました。<br />HelloWorld.flaのライブラリに画像を追加し、貼り付けるBitmap画像を変更します。<br /><br /><span class="mt-enclosure mt-enclosure-image"><img alt="helloworld00.jpg" src="http://geek.oyspe.com/pics/helloworld00.jpg" class="mt-image-left" style="margin: 0pt 20px 20px 0pt; float: left;" height="289" width="350" /></span><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />これはとても楽しい！<br /><br />]]></description>
            <link>http://geek.oyspe.com/2007/11/memo-002papervision3d.html</link>
            <guid>http://geek.oyspe.com/2007/11/memo-002papervision3d.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Flash勉強</category>
            
                <category domain="http://www.sixapart.com/ns/types#category">Papervision3D</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">AS3</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">Papervision3d</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">flash</category>
            
            <pubDate>Mon, 19 Nov 2007 13:58:52 +0900</pubDate>
        </item>
        
        <item>
            <title>memo 001　ムービークリップのクリック</title>
            <description><![CDATA[<br />AS3になって、イベント処理の仕組みが変わったそうですので、その練習①<br /><br />on(release) {　} <br />onPress( ) = function( ) {　} <br /><br />などが使えなくなったので、新しい処理方法を学びました。<br /><br /><b>例：インスタンス「firststep_mc」をクリックしたら「HelloWorld」と出力する</b><br /><blockquote>//インスタンス名.addEventListener(条件, 処理);<br />firststep_mc.addEventListener(MouseEvent.CLICK, showText);<br /><br />//メソッドの定義<br />//event_obj:MouseEvent → event_obj:Event にしても良い（MouseEvent より Event の方が偉い）<br />function showText(event_obj:MouseEvent):void {<br />&nbsp;&nbsp; &nbsp;trace("HelloWorld");<br />}</blockquote><br />一見前よりややこしくなっているようにも見えるのですが<br />ひとつずつ理解していくと、納得。<br /><br /> &nbsp;* * * * * * * * * * * * * * * * * * <br /><br /><b>お題１：お花に水をあげて育ててあげて下さい</b>。<br /><br />ムービークリップのクリック処理が出来るようになったかの確認のお題です。<br />以下を作りました：ジョーロをクリックして水をやると、お花が段階的に成長します。<br /><br /><embed src="http://geek.oyspe.com/flower_joro.swf" autostart="true" height="240" width="320"><br /><br /><br /><b>ステージのメインのタイムラインには下記を記述</b><br /><blockquote>//インスタンスjoro_mcの上ではカーソルを指の形にします。<br />joro_mc.buttonMode=true;<br /><br />//クリックされたら教えてね、とリスナー登録<br />joro_mc.addEventListener(MouseEvent.CLICK, water);<br /><br />//イベントオブジェクトを引数にしてメソッドが呼ばれる<br />function water(event_obj:MouseEvent):void {<br />&nbsp;&nbsp; &nbsp;joro_mc.mizuyari();<br />&nbsp;&nbsp; &nbsp;flower_mc.seicho();&nbsp;&nbsp; &nbsp;<br />}</blockquote><br /><b>ジョーロのメインのタイムラインに記述</b><br /><blockquote>function mizuyari() {<br />&nbsp;&nbsp; &nbsp;trace("花に水をやります");<br />&nbsp;&nbsp; &nbsp;this.gotoAndPlay(2);<br />}</blockquote><br /><b>お花のメインのタイムラインに記述</b><br /><blockquote>function seicho() {<br />&nbsp;&nbsp; &nbsp;trace("花が一段階成長します");<br />&nbsp;&nbsp; &nbsp;this.gotoAndStop(currentFrame+1);<br />}</blockquote>]]></description>
            <link>http://geek.oyspe.com/2007/11/memo-001.html</link>
            <guid>http://geek.oyspe.com/2007/11/memo-001.html</guid>
            
                <category domain="http://www.sixapart.com/ns/types#category">Flash勉強</category>
            
            
                <category domain="http://www.sixapart.com/ns/types#tag">AS3</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">addEventListener</category>
            
                <category domain="http://www.sixapart.com/ns/types#tag">flash</category>
            
            <pubDate>Sun, 18 Nov 2007 15:49:13 +0900</pubDate>
        </item>
        
    </channel>
</rss>
