nondelion.com

旧年中は大変お世話になりました
今年も何卒宜しくお願いいたします

事後報告というか、周りの人は皆知っていると思いますが、
2010年10月25日より BIRDMAN Inc. に入社いたしました。
2年半程いた関西を離れてしまうのは寂しいですが、
関東で心機一転頑張っていきたいと思います！！

今まで以上に更新ができなくなり、
既にこのブログの存在意義が怪しくなってきておりますが、
たまには書いていければと思います。

ではでは、今後とも宜しくお願いいたします。

Google Maps API for Flash の Map クラスは、 座標を指定するメソッドが setCenter のみなので、地図の好きな場所に中心座標（設定した緯度経度）を移動できるようにしてみました。

Sample

package {
	
	import flash.display.*;
	import flash.events.Event;
	import flash.events.MouseEvent;
	import flash.geom.Point;
	import flash.geom.Rectangle;
	
	import com.google.maps.Map;
	import com.google.maps.MapEvent;
	import com.google.maps.MapType;
	import com.google.maps.LatLng;
	import com.google.maps.MapOptions;
	import com.google.maps.LatLngBounds;
	import com.google.maps.overlays.Marker;
	import com.google.maps.overlays.MarkerOptions;
    
	// マーカー用の画像
	import modules.CenterMark;
	
	public class Index extends Sprite {
		
		// 緯度経度
		private static var LATLNG:LatLng = new LatLng( 34.687416, 135.525767 );
		
		// 倍率
		private static const ZOOM:int = 16;
		
		private var map:Map;
		private var center:Point;
		private var current:Point;
		
		public function Index() {
			addEventListener(Event.ADDED_TO_STAGE, function(evt:Event):void {
				evt.target.removeEventListener(Event.ADDED_TO_STAGE, arguments.callee);
				init();
			});
		}
		
		private function init():void {
			
			stage.scaleMode = StageScaleMode.NO_SCALE;
			stage.align = StageAlign.TOP_LEFT;
			
			// マップを生成
			map = new Map();
			map.setSize( new Point( stage.stageWidth, stage.stageHeight ) );
			map.language = "en";
			map.key = "ABQIAAAAENIXH1hznwJBA793YortxhS4tSKS1TvmptmkUjwmK2MYNf0RkRTFY5UNYQsMEAF3NrvWbS7oTanFIA";
			map.addEventListener(MapEvent.MAP_PREINITIALIZE, mapPreinitializeHandler);
			map.addEventListener(MapEvent.MAP_READY, mapReadyHandler);
			map.mouseEnabled = false;
			map.mouseChildren = false;
			
			// ロード
			addChild( map );
		}
		
		private function mapPreinitializeHandler(evt:MapEvent):void {
			// 航空写真だけをロード
  			map.setInitOptions(
				new MapOptions({
					mapTypes: [MapType.SATELLITE_MAP_TYPE]
				})
			);
 		}
		
		private function mapReadyHandler(evt:MapEvent):void {
			// 初期設定
			map.setCenter(LATLNG, ZOOM, MapType.SATELLITE_MAP_TYPE);
			
			// マーカーを設置
			var option:MarkerOptions = new MarkerOptions({
				icon: new CenterMark(),
				hasShadow: false,
				clickable: false,
				draggable: false
			});
			var marker:Marker = new Marker(LATLNG, option);
			map.addOverlay( marker );
			
			// 初期中心座標を求める
			center = map.fromLatLngToPoint(LATLNG, ZOOM);
			current = new Point(100, 100);
			
			// 移動
			moveCenter( current, false );
			
			stage.addEventListener(Event.RESIZE, resizeHandler);
			stage.addEventListener(MouseEvent.CLICK, clickHandler);
		}
		
		private function clickHandler(evt:MouseEvent):void {
			current = new Point( mouseX, mouseY );
			moveCenter( current );
		}
		
		private function moveCenter( p:Point, move:Boolean=true ):void {
			// クリックした座標から中心座標を計算
			var target:Point = new Point( center.x  + Math.round(map.width/2) - p.x, center.y + Math.round(map.height/2) - p.y );
			// 緯度経度に変換
			var latlng:LatLng = map.fromPointToLatLng( target, ZOOM)
			// 移動
			if( move ) map.panTo( latlng );
			else map.setCenter(latlng, ZOOM, MapType.SATELLITE_MAP_TYPE);
		}
		
		private function resizeHandler(evt:Event=null):void {
			// マップサイズを変更
			map.setSize( new Point( stage.stageWidth, stage.stageHeight ) );
			center = map.fromLatLngToPoint(LATLNG, ZOOM);
			moveCenter( current, false );
		}
	}
}

インタラクティブ新年会 in Kyoto

僕は最近行ってませんが、大阪てら子の京都組？メンバーで1/17（日）に新年会します！
勉強会や懇親会が表立って開催されない京都で、Webまわりの人と親交を深める機会があまりないってことで、
たまには京都でやろうと思います。京都周辺の方で暇だよって人がいましたら是非ご参加ください！

• インタラクティブ新年会 in Kyoto

実は、似たような集まりを昨年の夏にもコッソリやったんですが、
前回は@_sakotsu さんがミリオネアなアレを見せてくれたりと
ぐだぐだ進行ながら20代のクリエイターの皆さんの情熱を感じることができました。
さてさて、今回はどんなことがあるんでしょうか。今から楽しみです！

Nora Progression

もう一つ。1/9（土）の13:00〜弊社の1F（Refsign）で @djakarta_trap さん主催の Progression 勉強会が開催されます。
場所が場所だけに、僕は参加者としてではなく迎える側として隅の方で皆さんの発表を見てるだけなんですが、
普段表に出ない設計のお話など聞けるのではと楽しみにしています。
これを機会に京都でも、いろんな場所でこういう集まりができるようになればいいですよね。

• Nora Progression

新年明けましておめでとうございます。

新春を迎え皆さまのご健康とご多幸を心よりお祈り申し上げます。
本年も何卒よろしくお願い申し上げます。

お寿司が食べれる謎イベント？があると聞いて、平安女学院まで行ってきました（家から自転車で10分くらいの場所なので、会社より近い）。京都SeeL平女祭2009の会場内でひっそりと催されたイベントなので、少し寂しい感じでしたが、学祭気分も味わえて気分的に若くなれたような気がしました。一昨年まで学生として学祭に参加していた人間としては、本当に懐かしい限りです。

Continue reading

この前 作成したクラスをもう少し汎用化してテキストトランジション用に拡張してみた。

Continue reading

WonderflやTwitterのTLを眺めていて、これからはBetweenAS3の時代（Tweenerは開発終了）なんだとひしひしと感じたのでそろそろ触ってみる。最初は Spark project の Wiki で使い方を覚えたあと、Wonderfl で yossyさん、soundkitchenさん、clockmakerさんのコードを実際に読むと良くわかる。

• 概要 → http://www.libspark.org/wiki/BetweenAS3/en
• チュートリアル → BetweenAS3Tutorial | wonderfl build flash online
• BetweenAS3使い方、Tweenerからの乗り換えのために。 « Fountain

Continue reading

最近は Saqoosha 先生の記事を参考に、ターミナルで flashlog.txt を随時表示する方法で見てるんですが、パスさえも入力するのが面倒になってしまったので、エイリアスかけて trace って入力するだけで以下のコマンドが実行されるようにしました。

tail -f ~/Library/Preferences/Macromedia/Flash\ Player/Logs/flashlog.txt

Mac OSX では bash が標準のシェルなので、bash 用の設定を載せておきます。今回は手間を省くために .bash_profile を直接編集してます。※ tcsh とか好きなシェルがある人は玄人だと思うので、bash のみです。

１. ターミナルを開いて以下コマンドを入力。
※僕は学生時代から使っていたので Emacs ですが、Vim, Vi 等好きなエディタで開いてください。

emacs .bash_profile

2. Emacs がターミナル上で起動するので、以下のエイリアスを一番下あたりに追加。

alias trace='tail -f ~/Library/Preferences/Macromedia/Flash\ Player/Logs/flashlog.txt'

３. control + x + c で保存するかどうか聞かれるので、y を入力。

４. 保存できたらターミナルを再起動。

５. ターミナルで trace を入力すると flashlog.txt がだらだらと出力されます。

これでターミナル開いて trace って入力するだけでログが見れる！

前回のパーティクルに少しづつ手を加えてボタンにしてみた。途中 beinteractive さんの記事を参考にしてパーティクルの参照方法を、Dictionaryからリスト？なコードに変更（リストって懐かしい）。Wonderfl と JActionScripters 見てるといい勉強になる。

• JActionScripters » Blog Archive » Optimize iteration for Particle

ずっと as2 だったので、そろそろ as3 触らないとな〜と思って Wonderfl デビューしてみた。手始めに Saqoosha 先生の Snow を fork してパーティクルの練習をしてみたよー。