flash Archive

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 );
		}
	}
}

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

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 してパーティクルの練習をしてみたよー。

前回から１ヶ月もたたないうちに Youtube の仕様が変更された模様（2009年4月4日〜）。地味に悩んで解決方法も見つけました。

Continue reading

最新はコチラ→　MEMO：Youtube の動画URLを取得する2

Youtube からのFLVをロードする場合は、基本的に以下のURL形式でOK（今はここから更に実際のFLVが置いてある Google にリダイレクトされる）。ロードに必要なトークンは提供されている API などからは参照できないので、みんな本家のソースをスクレイピングして取得してる。本家からはこれからもトークンを参照できると思うので（大幅な設計変更が無ければ...）安全策だと思う。だけど、僕はもうちょっとシンプルに取得したかったので違う方法を探してみた。

http://www.youtube.com/get_video.php?video_id=動画ID&t=トークン

Continue reading

自分用メモ。

leading で行間を指定しつつ、autoSize でサイズ調整を行うと、テキストを選択したときにスクロールしてしまう。
その原因と解決方法について書いてみる。

Continue reading

Progression Framework 2.x.x 系での話。 3.x.x系がリリースされた今となっては役に立つ情報なのか微妙なのだけれど、そこは置いておいて今回は コマンドクラスの Func でつまったところについて書いてみる。

Continue reading

as3 でのカスタムイベントの作成方法をよく忘れるのでメモしておく。例として CSS ロード用のCSSLoader とそのカスタムイベント CSSLoadEvent を作成。外部 CSS を TextField に StyleSheet として設定するサンプルも載せておく。

Continue reading

先週に引き続き WCAN の報告をします。今日はコンポーネントベースでの制作について書きたいと思います（Workshop 同様 Progression Framework version 2.0.21 を使用）。実際にコンポーネントベースで制作された mathatelle さん曰く、「小規模の案件であれば、コンポーネントベースで十分」らしいので、超短期の制作で需要がありそうです。

Continue reading

京都からはるばる名古屋まで、WCAN に参加してきました。

• WCAN mini ActionScript Vol.6（WCAN）

緊張しつつ適当に座ったら、なんと隣に座っていた方が、3日でサイトを作成したという mathatelle さん（僕は知らなかった）。１日チュートリアルでProgressionを知って、残り２日間で制作してしまったという驚愕の事実。同じ MacBook だったので、会場に無線LANスポットがあることと使い方を教えて下さいました。本当に見た目通りの優しい方でした。

他にも、いろんな方と少しだけですがお話させていただいたんですが、まずは Workshop について書きたいと思います。

Continue reading

タロタローグの太郎さんの記事で、メタセコイアファイル(.mqo)のビューワはチュートリアルのプレビューレベルを想定していると書かれていた。でも、実際に三次元CG＠七葉の保管庫などで公開されているテクスチャには bmp ファイルがよく用いられてるので、読み込めた方が良いんだろうなーと思って改造してみた。

まぁ、用途的にはインタラクティブ性があるだけで美しさは無いので、チュートリアルのプレビューレベルに使えればいいか？とかそんな感じ、もしくは三次元CG＠七葉のような掲示板で練習中の作品を見せ合うために使うとかだろう。が、そう言った場合に木構造表示機能はあったほうがいいのか、それとも不要なのか？といった疑問に答えてくれる人が周りにいないので、今一開発が迷走してるように思える。

Continue reading

flikr から画像を読み込んでるサンプルを見かけるけど、fotologue バージョンは見かけないので、サンプルを作ってみた。

Continue reading

Paint のバケツツール（塗りつぶし）を作ってみた。

Continue reading

昨年の秋から放置していた Papervision3D をそろそろ触ってみることにした。あまり基本的なことをやっても楽しくないので、rch850 さんの Metasequoia クラスを使って .mqo ファイルを読み込んでみることにした（3Dデータは三次元ＣＧ＠七葉の保管庫から△2000の初音ミクをお借りしました）。まず、PV3D1.5 でやってみたのがコレ。

• PV3D1.5で初音ミク ※かなり重いです。

Continue reading

swfobject で flash を Window 内に全画面表示では、swfobject（v2.0 のオプション2 または v1.5）と FitFlash（2.4） またはスタイルシートを使って全画面表示をしていました。その後でもう少し詳しく調べてみた結果、実は特定の公開識別子のみ全画面表示可能であったり、縦スクロールバーが出てしまうことが分かりました。

Continue reading

タイトル通りの事ができないかなーと、やってみたら少し手こずったという話（FitFlash を使えば何も問題はなかった）。
※ここに載せているサンプルは、全て公開識別子を XHTML1.0 Transitional にしています。

※この記事には続きがあります。必ず読むようにしてください。

• 続・swfobject で flash を Window 内に全画面表示 - nondelion.com

Continue reading

久々に as3 触りました 。で、その成果が下にあるGravity です。

今回は『封神演義』に登場する宝貝、重力を操る盤古旛をモデルにして何かできないかなーと思って勢いで作ってみました。結果は、見ての通り盤古旛とは似ても似つかないモノになってしまいました(-_-;)

Continue reading

メタボールは、コンピュータグラフィックス用語で、n 次元の有機的なオブジェクトを表す言葉である。メタボールをレンダリングするための技術は、ジム・ブリンによって 1980 年代初期に発明された。

約1年前のWeb Designing 12月号に掲載されていたメタボールをActionScript3.0で再現してみた。この記事を見てからずっと作ってみたかったんですが、怒涛の卒論や卒業旅行の準備なんかですっかり忘れていました。この前偶然見つけて、今の自分ならできるんではないかと思って作ってみました（Bitmapの勉強にもなる）。途中、図形にグラデーションかける工程でつまづいたけど、なんとか完成。ASのみで作成する辛さを実感しました。

Continue reading

ActionScript 3.0 に興味があったので、Flex 2 SDK + FlashDevelop 3.0.0 Beta3 を入れて勉強していたんですが、FlashDevelop のエディタのフォントがデフォルトで Courier New になっているので見難くて困っていました。

Continue reading

色の数が少ないパレットでも、２つの色をブレンドして中間色を生成できれば種類が増えていいなぁと思ってやってみました。今回は、2色が16進の0xRRGGBB形式で入力されるとして、特定のMovieClipをそれらの中間色に変更してみました。

Continue reading

昨日のドット絵2を、色選択ができるように拡張してみました。

Continue reading

以前作ったドット絵？に、描画するドットのサイズを選択できる機能を追加してみました。

Continue reading

ColorTransform を使って、MovieClip の色をフォームで指定されたものに変更してみた。

Continue reading

Flash8の体験版で最近遊んでいます。
その過程でできた変なものをUPしてみました。

Continue reading

勉強のためにマウスカーソルに追従させてみました。

Continue reading

ボタンっぽい部品。載せてから気づいたけど、音と動きがズレてる…。