parpue.net » デザイン http://parpue.net Flash, Flex, デザイン等自分の好きなことを好きなようにやってます Wed, 12 Aug 2009 17:46:04 +0000 http://wordpress.org/?v=2.9.2 ja hourly 1 ８ビット世代を一本釣りする8bitcafeに行ってきた。 http://parpue.net/design/954 http://parpue.net/design/954#comments Wed, 08 Jul 2009 16:30:41 +0000 okm http://parpue.net/?p=954 8bitcafe

公式サイトを見てから気になって気になって。
会社帰りに友人を誘い行ってきました。

店の中には、ＷＥＢページの雰囲気からも感じられる懐かしい時代の、
ファミコンやスーパーファミコンのＲＯＭなどが並んでいました。
それから感動したのが発売当時、話題にはなったものの、
たかがコントローラーのくせに1万9800円という価格から、
小学生の俺には手を出せずにいたパワーグローブが陳列されていたこと。
まさか実在していたとは・・・。

0012

その他珍しい物として、任天堂の黒歴史であるバーチャルボーイもありました。
実はバーチャルボーイは、発売当時、ダイエーのゲームコーナーの展示品で死ぬほど遊んでました。
正直、おもしろかった。俺は欲しいなと思っていた。
しばらく悩んだ末、俺は同じ時期に話題になっていたプレステの方を購入した。
当時この決断をした俺、なかなかの判断力。

大人になった今、俺はＸＢＯＸ３６０を買うべきか、プレステ３を買うべきか、
まったく判断できずに過ごしています。

0023 0034
店内にはゲームスペースも。グーニーズと迷宮組曲は今でも1時間でクリアする自信がある。

とまぁ一部の層から、このような懐かしい話題が思わずこぼれるような、
そんな優しい雰囲気のカフェでした。

ただし入り口は新宿三丁目駅を出るのも階段、五階まで階段という、
体力の落ちたファミコン世代にちょっぴり厳しいところもあります。
体力作りして、是非攻略してみてください。

http://8bitcafe.net/
pict8bit

]]> http://parpue.net/design/954/feed 2 卓上iphoneホルダーに　LEANS handy phone holder　を買ってみた http://parpue.net/design/826 http://parpue.net/design/826#comments Wed, 01 Jul 2009 15:16:13 +0000 okm http://parpue.net/?p=826
001

iphone用に卓上携帯ホルダー、LEANS handy phone holderを購入してみました。

どこかのBlogで見かけて、浮いてるような感じに惹かれ一発買いしちゃいました。
手軽におけて、使うときはひっぺがす、そんな使い心地です。

003　　002

粘着性シリコンパットに結構がっちり吸い付きます。

005　　004

外観はこんな感じ。

横向きにもなり、また、これにおいたまま指先操作もしやすかったです。
明日会社に持って行こう。

　　

iphone購入後、周辺アクセサリをネットでいくつか買ったので、
明日からもアマゾン先生からアイテムが続々届きます。ワクワク。

]]> http://parpue.net/design/826/feed 0 下北沢アニメーション制作ワークショップに参加してきました。 http://parpue.net/design/708 http://parpue.net/design/708#comments Thu, 28 May 2009 08:23:41 +0000 okm http://parpue.net/?p=708 5月10日に、下北沢映画祭主催の、
アニメーション制作を体験できるワークショップに行ってきました。

→ http://ameblo.jp/shimokitafilm/day-20090427.html


主催者様に作品・ワークショップの様子をYoutubeアップロードしていただきました。

ちょこちょこ私の姿も見切れてますが、
２；１０〜あたりからmasahyroの名前で作成したものが私です。

個人的に、アニメーションをFlashでしか体験したことがなかったので、
基本的な部分について学んでみたかったのと、
バンドのPVみたいなものをアニメーションで作成したいと前々から思っており、
思い切って参加してみました。

スタジオ練習のため、途中で抜けることとなり、
制作時間は1時間ほどしかなく、思った完成系は作れなかったけど、とても楽しかった。
学生時代教科書に大量生産したぱらぱら漫画が思い出される・・・。

最近の制作活動は、主にパソコンで、マウスでというものばかりだったんだけど、
なんだか手を動かす楽しさを再確認できました。
今後はもうちょっと、手を動かしていこうと思う今日この頃。

また、このようなワークショップがあれば参加してみたいと思います。

]]> http://parpue.net/design/708/feed 1 PaperVision3Dで３Dダンボー http://parpue.net/web/601 http://parpue.net/web/601#comments Sat, 11 Apr 2009 04:16:43 +0000 okm http://parpue.net/?p=601 danboo

これも誰かやってそうだけど、簡単そうな題材だったから・・・

例によってFlashPlayer１０以上で確認しています。

■ ダンボーDemo

■ Demo2 ぬるぬる動かしてみた

danbobobo
■Demo3 カメラもマウスに追従、重いかも

PaperVision3D、手軽でおもしろいなー







danbo_measure
きっちりと計測しました！

]]> http://parpue.net/web/601/feed 0 PaperVision3Dで引き続き遊んでみる http://parpue.net/web/552 http://parpue.net/web/552#comments Tue, 07 Apr 2009 17:59:09 +0000 okm http://parpue.net/?p=552 謎のエコ生物。
pic4
*追記　FlashPlayer9だとなんかおかしい。

続き、重いかも
↓

習作でした。
おもしろかったけど・・いったい何をやっていたんだ・・・。寝よう。

　地球のテクスチャデータ
　→　http://www.oera.net/How2/TextureMaps2.htm

]]> http://parpue.net/web/552/feed 1 友人の写真展 ART IN TIME & STYLE MIDTOWN VOL.06 http://parpue.net/design/484 http://parpue.net/design/484#comments Wed, 01 Apr 2009 02:54:29 +0000 okm http://parpue.net/?p=484 友人が、今日から東京ミッドタウン内で、
写真展に参加します。

ので、宣伝

菅原一剛 × 村上友重

timestyle

4/1（水）-6/28（日）
Shop Hour 11:00-21:00　無休
オープニングレセプション　4/1（水）18:00-21:00
http://news.punctum.jp/?eid=1072912

村上さん。

古い友人なんですが自分の好きなことをひたすら続けてて、
実は密かにリスペクトしてます。

今日オープニングレセプションなので、顔出してきます。



みてきた

]]> http://parpue.net/design/484/feed 0 FlashグラフィックコンポーネントDegrafaを試す http://parpue.net/web/432 http://parpue.net/web/432#comments Wed, 25 Mar 2009 14:54:56 +0000 admin http://parpue.net/?p=432 MoonGiftで紹介されていたDegrafaを試してみた。

■参考リンク
→Flash向けのグラフィックスフレームワーク「Degrafa」
→http://www.degrafa.org/


公式のサンプルたちがおもしろい
これでFlex標準コンポーネントのスキンも作成できるようです。
Flexコンポーネント使いつつも我流Flex画面とかもできます。

ついでに見つけた反射効果のライブラリも使いました
→Live “reflection” component

■作ってみたデモ

反射とかやったせいでちょっと重い・・・。オブジェクトの描画は全部ＭＸＭＬだけで行ってます。

公式のサンプルをいくつか落として、ドキュメントも適当に読んで、
ちょっと理解した程度ですが、
MXMLで、線や、円などの描画オブジェクトを配置していき、
塗りや、線の太さなどもMXMLで定義できるようなものだと思います。

>>text
XML:
  1. <mx:Canvas id="main_canvas" x="5" y="5" width="400" height="258" verticalScrollPolicy="off" horizontalScrollPolicy="off">
  2.        
  3.     <degrafa:Surface>
  4.         <degrafa:fills>

UIComponentを継承しているSurfaceを用意して、
その上に塗りの定義のfills,線(ストローク)の定義であるstrokes,
描画オブジェクトGeometryGroupを定義していくことで、描画していく。

>>text
XML:
  1. <degrafa:fills>
  2.             <degrafa:LinearGradientFill id="MainFill" angle="90">
  3.                 <degrafa:GradientStop ratio="0" alpha="1" color="#FFFFFF"/>
  4.                 <degrafa:GradientStop ratio="1" alpha="1" color="#DDDDDD"/>
  5.         </degrafa:LinearGradientFill>

グラデーション塗りの定義をしてから、

>>text
XML:
  1. <degrafa:GeometryGroup>
  2.             <degrafa:RoundedRectangle id="aa" width="300" height="248" x="40" y="10" cornerRadius="15" fill="{MainFill}" stroke="{BasicStroke}">

描画オブジェクトに塗りの設定を適用していく。

おもしろいけど、、、結構めんどくさい。

でもこれで、MXMLコンポーネントを手軽に作るにはいいかもしれない、です。

以下全部

>>text
XML:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:degrafa="http://www.degrafa.com/2007"
  3.     xmlns:refrector="com.rictus.reflector.*" width="410" height="400" color="#000000" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#010101, #010101]" verticalScrollPolicy="off" horizontalScrollPolicy="off" xmlns:geometry="com.degrafa.geometry.*" creationComplete="startHandler(event);">
  4.        
  5.     <mx:Canvas id="main_canvas" x="5" y="5" width="400" height="258" verticalScrollPolicy="off" horizontalScrollPolicy="off">
  6.        
  7.     <degrafa:Surface>
  8.         <degrafa:fills>
  9.             <degrafa:LinearGradientFill id="MainFill" angle="90">
  10.                 <degrafa:GradientStop ratio="0" alpha="1" color="#FFFFFF"/>
  11.                 <degrafa:GradientStop ratio="1" alpha="1" color="#DDDDDD"/>
  12.             </degrafa:LinearGradientFill>
  13.            
  14.             <degrafa:LinearGradientFill id="TextFill" angle="90">
  15.                 <degrafa:GradientStop ratio="0" alpha="1" color="#AAAAAA"/>
  16.                 <degrafa:GradientStop ratio="1" alpha="1" color="#444444"/>
  17.             </degrafa:LinearGradientFill>
  18.            
  19.             <degrafa:SolidFill id="CircleFill1" color="#000044"/>
  20.             <degrafa:SolidFill id="CircleFill2" color="#FFFFFF"/>
  21.             <degrafa:SolidFill id="CircleFill3" color="#333333"/>
  22.         </degrafa:fills>
  23.         <degrafa:strokes>
  24.             <degrafa:SolidStroke color="#000000" alpha="1" weight="1" id="BasicStroke"/>
  25.  
  26.             <degrafa:SolidStroke color="#222222" alpha="1" weight="3" id="CircleStroke1"/>
  27.  
  28.             <degrafa:LinearGradientStroke weight="4" id="insetEdge" pixelHinting="true">
  29.                 <degrafa:GradientStop ratio="0" alpha=".3" color="#366079"/>
  30.                 <degrafa:GradientStop ratio=".5" alpha="0" color="#366079"/>
  31.                 <degrafa:GradientStop ratio="1" alpha=".3" color="#366079"/>
  32.             </degrafa:LinearGradientStroke>
  33.  
  34.  
  35.      </degrafa:strokes>
  36.         <degrafa:GeometryGroup>
  37.             <degrafa:RoundedRectangle id="aa" width="300" height="248" x="40" y="10" cornerRadius="15" fill="{MainFill}" stroke="{BasicStroke}">
  38.                 <degrafa:RasterText fill="{TextFill}" x="55" y="210 " fontSize="34" text="Hello!!Degrafa!" bold="true" autoSize="left"/>
  39.                
  40.                 <degrafa:GeometryComposition x="100" y="150" id="circle">
  41.                     <degrafa:Circle radius="30" fill="{CircleFill1}" stroke="{CircleStroke1}" x="10" y="10">
  42.               <degrafa:Circle  radius="25" fill="{CircleFill2}" stroke="{CircleStroke1}" x="5" y="5">
  43.                <degrafa:Circle  radius="15" fill="{CircleFill3}" stroke="{CircleStroke1}" x="10" y="10">
  44.               </degrafa:Circle>
  45.               </degrafa:Circle>
  46.                  <degrafa:filters>
  47.              <mx:GlowFilter alpha="0.5" color="0x777777" blurX="10" blurY="10" strength="3" inner="false" />
  48.                  </degrafa:filters>
  49.  
  50.                  </degrafa:Circle>
  51.             </degrafa:GeometryComposition>     
  52.        
  53.             </degrafa:RoundedRectangle>
  54.         </degrafa:GeometryGroup>
  55.     </degrafa:Surface>
  56.     </mx:Canvas>
  57.    
  58.   <refrector:Reflector target="{main_canvas}" alpha=".3" falloff="{(this.circle.y+100)}" id="reflector"/>
  59.  
  60.   <mx:Script>
  61.     <![CDATA[
  62.       private var add_y:Number = 3;
  63.       private var add_x:Number = 3;
  64.      
  65.       function startHandler(event:Event):void{
  66.         this.addEventListener(Event.ENTER_FRAME, this.onEnterHandler);
  67.       }
  68.      
  69.       function onEnterHandler(event:Event):void{
  70.           if(circle.x <-3) this.add_x = -add_x;
  71.             else if(circle.x> 225) this.add_x = -add_x;
  72.             if(circle.y <0) this.add_y = -add_y;
  73.             else if(circle.y> 177) this.add_y = -add_y;
  74.             circle.x += add_x;
  75.             circle.y += add_y;
  76.       }
  77.      
  78.     ]]>
  79.   </mx:Script>
  80. </mx:Application>
]]> http://parpue.net/web/432/feed 0 KORG nanoシリーズ http://parpue.net/design/400 http://parpue.net/design/400#comments Wed, 07 Jan 2009 18:01:38 +0000 okm http://parpue.net/?p=400 あけましておめでとうございます。
今年もよろしくお願いします。

何か作り続けることを自分に課すためにやってるこのBlogも、
ちょっと日々の忙しさにあまり更新しなくなってしまっています。

書き留めておこうと思っていることも貯まってるので、
ぼちぼちやろう。

さて、最近KORGのmidiコントローラーを買ったのですが、
これがすごくいい！

学生時代からいろいろとMIDI機器購入したけど、
今回のが一番満足度高いんじゃなかろうか・・・一番安いのに・・・。

最近でたばかりのKORG nanoシリーズ。
MIDIキーボード、MIDIコントローラ、そしてPADの３種類。
詳しくは公式へ。

ドラムの入力はマウスでやる人なのでPADは特に不要。
nano KEYとnano KONTROLを購入。

音の確認、入力はいつも鍵盤でやっていたのだが、
鍵盤が場所とるため、小さいのが欲しいと思っていたところに、
これを見つけて衝動買い。

４千円〜５千円って思わず買っちゃう価格だよな〜。

KONTROLは特にいらないと言えばいらなかったんだけど、
なんか見た目のかわいさに思わず一緒に購入。

場所もとらないし、おもちゃみたいな外観も良い。
特に、ノートPC環境での打ち込み用にはもってこいだと思う。

nano KONTROLのLogicでの使い方だけちょっと悩んだのでメモ。
参考にさせていただいたサイト　
Macで音楽を作る人。KORG nano KONTROLとLogicの話。

再生コントロールのためには、KORGサイトからダウンロードできる、
KORG KONTROL Editorを使用して、
再生コントロールのキーをすべてMCCで、動作させる。

それぞれのボタン、フェーダー等の動作は、
Logicの環境設定＞コントロールサーフェス＞コントローラアサインメント
から。

ミキサーのフェーダーや、エフェクトのつまみなどを操作してから、
Commandキーと「L」でコントローラーアサインメントを起動して、
さらにそのあと、nano Kontrolのつまみを動かすことでも適用できた。

あんまりまだいじってませんが、
チャンネルストリップをフェーダーバンクの番号に登録しておけば、
汎用的にミキサー部分は利用できるんじゃないかと思います。

うーん・・お値打ち価格で、しばらく遊べそうなおもちゃが手に入りました。


]]> http://parpue.net/design/400/feed 0 ライブ告知などなど。 http://parpue.net/design/391 http://parpue.net/design/391#comments Fri, 26 Dec 2008 03:31:23 +0000 okm http://parpue.net/?p=391 更新がだいぶ久しぶりになってしまいました。

仕事とか、ライブイベントの準備等に、
日々時間がとられてしまっている状況です。

というわけで来年2009年1月24日(土）に、
ライブイベント「続・気道確保（仮）」に、
2バンドでダブルブッキングで出演します。
フライヤーも作らせていただきました。

続・気道確保（仮）

告知ページはこちら

2009年 1月 24日 土曜日　新宿ヘッドパワー
パインぱん主催イベント
『続・気道確保（仮）』
仮までが正式タイトルです。

新宿HEAD POWER

OPEN 17:00　START 17:30-
CAHRGE ￥1,000 + 1d ￥500

出演バンド
世田谷アンジー ～超合金安産型～
Mustafolic Explosion
chocolataste planner
EZO-EDO(ZCREW HP)
バトルガンジー
パインぱん

chocolataste-planner、およびパインぱんでベース弾きます。

よろしくお願いします

]]> http://parpue.net/design/391/feed 0 FIVe3Dで３Dテンキー http://parpue.net/web/355 http://parpue.net/web/355#comments Thu, 30 Oct 2008 11:37:47 +0000 okm http://parpue.net/?p=355

久しぶりにFIVe3Dの配布サイトみたら、
なんか奇麗な３Dキーボードのデモが増えていました。

ふと思いついたので、もうちょっとリアルな形で
自分も３Dテンキーデモをパク作成してみました。

デモとソース↓

最初にキーをマウスでプッシュしてフォーカスを与えてください。
テンキーや、キーボードの数字キーとも連動して動きます。
計算機機能はおまけ程度につけました、ちゃんと動かないので真剣に使わないでくださいｗ　(^-^;

このテンキーはキーひとつを生成するSquareKeyクラスと、
SquareKeyをテンキーの数だけ生成するTenkey3Dクラスから成っています。

FIVe3Dはベクターベースの３D描画ライブラリで、
重なり順は考慮しないので、後ろにあるものから描画していく必要があります。
今回はキーは、影を出すためのbottom、
画面に見えてる３面のtop, front, sideのSprite3Dを組み合わせてキーひとつ分を作っています。
なので、右側からしか見下ろせません(^-^;;

同様に、キーを配置するTenkey３Dクラスでも、
後ろの方に配置されるキーから順番においていっています。

Tenkey3Dクラスで、"tenkeyDown"イベント、"tenkeyUp"イベントで、
どのキーが押されたかを検知できるようにしています。

>>text
ACTIONSCRIPT:
  1. Tenkey3D.addTenkeyEventListener(type:String, listener:Function);

listenerは、入力されたキーの文字列を引数として呼び出されます。

↓以下テンキーを生成するソース、計算部は適当に作ったので・・・載せない(^-^;;;

キーひとつ分のSquareKeyクラス

>>text
ACTIONSCRIPT:
  1. package
  2. {
  3.     import five3D.display.DynamicText3D;
  4.     import five3D.display.Sprite3D;
  5.     import five3D.typography.HelveticaBold;
  6.    
  7.     import flash.events.Event;
  8.     import flash.events.MouseEvent;
  9.     import flash.filters.DropShadowFilter;
  10.    
  11.     public class SquareKey extends Sprite3D
  12.     {
  13.         private var top:Sprite3D;
  14.         private var front:Sprite3D;
  15.         private var side:Sprite3D;
  16.         private var bottom:Sprite3D;
  17.        
  18.         public var sq_width:Number=100;
  19.         public var sq_height:Number=100;
  20.         public var sq_tall:Number=60;
  21.         public var _key:String;
  22.        
  23.         public var _onKeyDown:Function = null;
  24.         public var _onKeyUp:Function = null;
  25.        
  26.         public function SquareKey(key:String, width:Number, height:Number)
  27.         {
  28.             _key = key;
  29.             sq_width = width;
  30.             sq_height = height;
  31.             var diff:Number = sq_tall*Math.tan(10 * Math.PI / 180);
  32.            
  33.             bottom = new Sprite3D;
  34.             bottom.graphics3D.beginFill(0xCCCCCC);
  35.             bottom.graphics3D.drawRect(0,0,sq_width + 2 * diff ,sq_height + 2 * diff);
  36.             bottom.graphics3D.endFill();
  37.             bottom.rotationX = -90;
  38.             bottom.z = sq_height + diff;
  39.             bottom.x = -diff;
  40.             bottom.y = sq_tall;
  41.            
  42.             top = new Sprite3D;
  43.             top.graphics3D.beginFill(0xFFFFFF);
  44.             top.graphics3D.drawRect(0,0,sq_width,sq_height);
  45.             top.graphics3D.endFill();
  46.             top.rotationX = -90;
  47.             top.z = sq_height;
  48.             top.focusRect = false;
  49.            
  50.             var dropShadow:DropShadowFilter = new DropShadowFilter;
  51.             dropShadow.blurX = 10;
  52.             dropShadow.blurY = 10;
  53.             dropShadow.color = 0x000000;
  54.             dropShadow.inner = false;
  55.             dropShadow.angle = 45;
  56.             dropShadow.strength = 0.4;
  57.             bottom.filters = [dropShadow];
  58.            
  59.             this.addChild(bottom);
  60.             this.addChild(top);
  61.            
  62.            
  63.             var keys:Array = key.split("\n");
  64.             for(var i:Number=0;i<keys.length;i++){
  65.                 var letter:DynamicText3D = new DynamicText3D(HelveticaBold);
  66.                 if(key.length> 2) letter.size = 30;
  67.                 else letter.size = 50;
  68.                 letter.color = 0x666666;
  69.                 letter.text = keys[i];
  70.                 letter.x = 10;
  71.                 letter.y = 10 + 35 * i;
  72.                 top.addChild(letter);
  73.             }
  74.            
  75.             front = new Sprite3D;
  76.             front.graphics3D.beginFill(0xEEEEEE);
  77.             front.graphics3D.moveTo(0, 0);
  78.             front.graphics3D.lineTo(sq_width, 0);
  79.             front.graphics3D.lineTo(sq_width+diff, sq_tall);
  80.             front.graphics3D.lineTo(-diff, sq_tall);
  81.             front.graphics3D.lineTo(0, 0);
  82.             front.graphics3D.endFill();
  83.             front.rotationX = -10;
  84.             this.addChild(front);
  85.            
  86.             var sideBase:Sprite3D = new Sprite3D;
  87.             side = new Sprite3D;
  88.             side.graphics3D.beginFill(0xCCCCCC);
  89.             side.graphics3D.moveTo(0,0);
  90.             side.graphics3D.lineTo(sq_height, 0);
  91.             side.graphics3D.lineTo(sq_height+diff, sq_tall);
  92.             side.graphics3D.lineTo(-diff, sq_tall);
  93.             side.graphics3D.lineTo(0, 0);
  94.             side.graphics3D.endFill();
  95.             side.rotationX = -10;
  96.            
  97.             sideBase.x = sq_width;
  98.             sideBase.rotationY = -90;
  99.            
  100.             sideBase.addChild(side);
  101.             this.addChild(sideBase);
  102.                
  103.             side = new Sprite3D;
  104.            
  105.             top.addEventListener(MouseEvent.MOUSE_DOWN, mousePressHandler);
  106.             top.addEventListener(MouseEvent.MOUSE_UP, mouseUpHandler);
  107.             top.addEventListener(MouseEvent.MOUSE_OUT, mouseUpHandler);
  108.             top.useHandCursor = true;
  109.             top.buttonMode = true;
  110.         }
  111.        
  112.         private function mousePressHandler(event:Event):void{
  113.             keydown();
  114.         }
  115.         private function mouseUpHandler(event:Event):void{
  116.             keyup();
  117.         }
  118.        
  119.         public function get key():String{
  120.             return _key;
  121.         }
  122.        
  123.         public function keydown():void{
  124.             this.y = 13;
  125.             if(this._onKeyDown != null) this._onKeyDown(this._key);
  126.         }
  127.        
  128.         public function keyup():void{
  129.             this.y = 0;
  130.             if(this._onKeyUp != null) this._onKeyUp(this._key);
  131.         }
  132.        
  133.         public function addKeyEventListener(type:String, listener:Function):void{
  134.             if(type == "keydown"){
  135.                 this._onKeyDown = listener;
  136.             }else if(type == "keyup"){
  137.                 this._onKeyUp = listener;
  138.             }
  139.         }
  140.     }
  141. }

キーを並べるTenkey3Dクラス

>>text
ACTIONSCRIPT:
  1. package {
  2.     import five3D.display.Sprite3D;
  3.    
  4.     import flash.events.Event;
  5.     import flash.events.KeyboardEvent;
  6.     import flash.ui.Keyboard;
  7.  
  8.     public class Tenkey3D extends Sprite3D
  9.     {
  10.         private var keylist:Array;
  11.         private var numlock_key:SquareKey;
  12.        
  13.         private var _onTenkeyDown:Function;
  14.         private var _onTenkeyUp:Function;
  15.        
  16.         public function Tenkey3D()
  17.         {
  18.             keylist = new Array();
  19.            
  20.             var key_width:Number = 100 + 2 * 60*Math.tan(10 * Math.PI / 180);
  21.            
  22.             var key_base:Sprite3D = new Sprite3D;
  23.             key_base.z = 120;
  24.             this.addChild(key_base);
  25.            
  26.             numlock_key = new SquareKey("Num\nLock",100,100);
  27.             key_base.addChild(numlock_key);
  28.             numlock_key.z = key_width*4;
  29.            
  30.             var key_div:SquareKey = new SquareKey("/",100,100);
  31.             key_base.addChild(key_div);
  32.             key_div.z = key_width*4;
  33.             key_div.x = key_width;
  34.             keylist.push(key_div);
  35.            
  36.             var key_mul:SquareKey = new SquareKey("*",100,100);
  37.             key_base.addChild(key_mul);
  38.             key_mul.z = key_width*4;
  39.             key_mul.x = key_width*2;
  40.             keylist.push(key_mul);
  41.            
  42.             var key_sub:SquareKey = new SquareKey("-",100,100);
  43.             key_base.addChild(key_sub);
  44.             key_sub.z = key_width*4;
  45.             key_sub.x = key_width*3;
  46.             keylist.push(key_sub);
  47.            
  48.             var key_7:SquareKey = new SquareKey("7",100,100);
  49.             key_base.addChild(key_7);
  50.             key_7.z = key_width*3;
  51.             var key_8:SquareKey = new SquareKey("8",100,100);
  52.             key_base.addChild(key_8);
  53.             key_8.z = key_width*3;
  54.             key_8.x = key_width;
  55.             var key_9:SquareKey = new SquareKey("9",100,100);
  56.             key_base.addChild(key_9);
  57.             key_9.z = key_width*3;
  58.             key_9.x = key_width*2;
  59.             keylist.push(key_7);
  60.             keylist.push(key_8);
  61.             keylist.push(key_9);
  62.            
  63.             var key_4:SquareKey = new SquareKey("4",100,100);
  64.             key_base.addChild(key_4);
  65.             key_4.z = key_width*2;
  66.             var key_5:SquareKey = new SquareKey("5",100,100);
  67.             key_base.addChild(key_5);
  68.             key_5.z = key_width*2;
  69.             key_5.x = key_width;
  70.             var key_6:SquareKey = new SquareKey("6",100,100);
  71.             key_base.addChild(key_6);
  72.             key_6.z = key_width*2;
  73.             key_6.x = key_width*2;
  74.             keylist.push(key_4);
  75.             keylist.push(key_5);
  76.             keylist.push(key_6);
  77.            
  78.             var key_add:SquareKey = new SquareKey("+", 100, 220);
  79.             key_base.addChild(key_add);
  80.             key_add.z = key_width*2;
  81.             key_add.x = key_width*3;
  82.             keylist.push(key_add);
  83.            
  84.             var key_1:SquareKey = new SquareKey("1",100,100);
  85.             key_base.addChild(key_1);
  86.             key_1.z = key_width;
  87.             var key_2:SquareKey = new SquareKey("2",100,100);
  88.             key_base.addChild(key_2);
  89.             key_2.z = key_width;
  90.             key_2.x = key_width;
  91.             var key_3:SquareKey = new SquareKey("3",100,100);
  92.             key_base.addChild(key_3);
  93.             key_3.z = key_width;
  94.             key_3.x = key_width*2;
  95.            
  96.             keylist.push(key_1);
  97.             keylist.push(key_2);
  98.             keylist.push(key_3);
  99.            
  100.             var key_0:SquareKey = new SquareKey("0",220,100);
  101.             key_base.addChild(key_0);
  102.             keylist.push(key_0);
  103.            
  104.             var key_dot:SquareKey = new SquareKey(".",100,100);
  105.             key_base.addChild(key_dot);
  106.             key_dot.x = key_width*2;
  107.             keylist.push(key_dot);
  108.            
  109.             var key_enter:SquareKey = new SquareKey("Enter",100,220);
  110.             key_base.addChild(key_enter);
  111.             key_enter.x = key_width*3;
  112.             keylist.push(key_enter);
  113.            
  114.            
  115.             this.addEventListener(KeyboardEvent.KEY_DOWN, keydownHandler);
  116.             this.addEventListener(KeyboardEvent.KEY_UP, keyupHandler);
  117.             this.addEventListener(Event.ENTER_FRAME, enterHandler);
  118.            
  119.             for(var i:Number = 0; i <keylist.length; i++){
  120.                 var skey:SquareKey = keylist[i];
  121.                 skey.addKeyEventListener("keydown", tenkeyDownHandler);
  122.             }
  123.            
  124.         }
  125.        
  126.         private function tenkeyDownHandler(key:String):void{
  127.             if(this._onTenkeyDown != null) this._onTenkeyDown(key);
  128.         }
  129.        
  130.         private  function keyConvert(keyCode:Number):String{
  131.             var key_str:String = null;
  132.             if(keyCode == 48 || keyCode == Keyboard.NUMPAD_0){
  133.                 key_str = "0";
  134.             }else if(keyCode == 190 || keyCode == Keyboard.NUMPAD_DECIMAL){
  135.                 key_str = ".";
  136.             }else if(keyCode == 49 || keyCode == Keyboard.NUMPAD_1){
  137.                 key_str = "1";
  138.             }else if(keyCode == 50 || keyCode == Keyboard.NUMPAD_2){
  139.                 key_str = "2";
  140.             }else if(keyCode == 51 || keyCode == Keyboard.NUMPAD_3){
  141.                 key_str = "3";
  142.             }else if(keyCode == 52 || keyCode == Keyboard.NUMPAD_4){
  143.                 key_str = "4";
  144.             }else if(keyCode == 53 || keyCode == Keyboard.NUMPAD_5){
  145.                 key_str = "5";
  146.             }else if(keyCode == 54 || keyCode == Keyboard.NUMPAD_6){
  147.                 key_str = "6";
  148.             }else if(keyCode == 55 || keyCode == Keyboard.NUMPAD_7){
  149.                 key_str = "7";
  150.             }else if(keyCode == 56 || keyCode == Keyboard.NUMPAD_8){
  151.                 key_str = "8";
  152.             }else if(keyCode == 57 || keyCode == Keyboard.NUMPAD_9){
  153.                 key_str = "9";
  154.             }else if(keyCode == 191 || keyCode == Keyboard.NUMPAD_DIVIDE){
  155.                 key_str = "/";
  156.             }else if(keyCode == 186 || keyCode == Keyboard.NUMPAD_MULTIPLY){
  157.                 key_str = "*";
  158.             }else if(keyCode == 189 || keyCode == Keyboard.NUMPAD_SUBTRACT){
  159.                 key_str = "-";
  160.             }else if(keyCode == 187 || keyCode == Keyboard.NUMPAD_ADD){
  161.                 key_str = "+";
  162.             }else if(keyCode == Keyboard.ENTER || keyCode == Keyboard.NUMPAD_ENTER){
  163.                 key_str = "Enter";
  164.             }else if(keyCode == Keyboard.BACKSPACE || keyCode == Keyboard.DELETE ||
  165.                      keyCode == Keyboard.ESCAPE || keyCode == Keyboard.numLock ){
  166.                 key_str = "clear";
  167.             }
  168.             return key_str;
  169.         }
  170.        
  171.         private function keydownHandler(event:KeyboardEvent):void{
  172.             var key_str:String = this.keyConvert(event.keyCode);
  173.            
  174.             if(key_str){
  175.                 for(var i:Number=0; i<this.keylist.length;i++){
  176.                     if(keylist[i].key == key_str){
  177.                         keylist[i].keydown();
  178.                     }
  179.                 }
  180.             }
  181.         }
  182.        
  183.         public function pressKey(key_str:String):void{
  184.             for(var i:Number=0; i<this.keylist.length;i++){
  185.                 if(keylist[i].key == key_str){
  186.                     keylist[i].keydown();
  187.                     keylist[i].keyup();
  188.                 }
  189.             }
  190.         }
  191.        
  192.         private function keyupHandler(event:KeyboardEvent):void{
  193.             var key_str:String = this.keyConvert(event.keyCode);
  194.            
  195.             if(key_str){
  196.                 for(var i:Number=0; i<this.keylist.length;i++){
  197.                     if(keylist[i].key == key_str){
  198.                         keylist[i].keyup();
  199.                     }
  200.                 }
  201.             }
  202.         }
  203.        
  204.         private function enterHandler(event:Event):void{
  205.             if(Keyboard.numLock) numlock_key.keydown();
  206.             else numlock_key.keyup();
  207.         }
  208.        
  209.         public function addTenkeyEventListener(type:String, listener:Function):void{
  210.             if(type == "tenkeyDown"){
  211.                 this._onTenkeyDown = listener;
  212.             }else if(type == "tenkeyUp"){
  213.                 this._onTenkeyUp = listener;
  214.             }
  215.         }
  216.     }
  217. }
]]> http://parpue.net/web/355/feed 0