インテル - Sponsors of Tomorrow. (TM) - その好奇心で、未来をつくろう

ドラクエっぽいテキスト対戦。壁紙やプログパーツなども。

dasai

単なるコンテンツナビなんだけども、ちっちゃな惑星が世界観を出していて良い感じ。

The Profiler

ちょっと重いけども、空間の広がりを体験できるギャラリーコンテンツ。

GE Smart Grid Augmented Reality

ARを体験できるサイト。印刷してカメラの前にかざすだけ。面白い！

The Economist

よくある手法かもしれないけども、3Dと2Dの交差が小気味いい感じ。

サンプル

アクションスクリプト

/*============================================================
サンプル処理
============================================================*/
//▼初期設定（デフォルトから変更する場合のみ記述）
hikatsukaInfoTextSet("FFFFFF", "333333", "000000", 10, 1);
//▼ロールオーバー
btn0.onRollOver = btn0.onDragOver = function() {
	hikatsukaInfoTextSet("FFFFFF", "333333", "000000", 10, 1);
	hikatsukaInfoTextShow("文字装飾を初期設定に戻す");
}
btn1.onRollOver = btn1.onDragOver = function() {
	hikatsukaInfoTextShow("テキストテキストテキストテキスト\nテキストテキスト");
}
btn2.onRollOver = btn2.onDragOver = function() {
	hikatsukaInfoTextShow("テキストテキストテキストテキスト\nテキストテキスト");
}
btn3.onRollOver = btn3.onDragOver = function() {
	hikatsukaInfoTextSet("333333", "FFFFCE", "333333", 14, 5);
	hikatsukaInfoTextShow("文字装飾の設定を変更する");
}
ireko.btn.onRollOver = ireko.btn.onDragOver = function() {
	hikatsukaInfoTextShow("「ireko.btn」オブジェクト。\n_globalにしているので入れ子でも\n同じ記述でOK！");
}
//▼ロールアウト
btn0.onRollOut = btn0.onDragOut = 
btn1.onRollOut = btn1.onDragOut = 
btn2.onRollOut = btn2.onDragOut = 
btn3.onRollOut = btn3.onDragOut = 
ireko.btn.onRollOut = ireko.btn.onDragOut = 
function() {
	hikatsukaInfoTextDelete();
}
/*============================================================
ボタンのロールオーバーテキスト ※改行は「\n」
hikatsukaInfoTextShow(Txt);
hikatsukaInfoTextSet(F, Bg, Bo, Fs, Sp);
hikatsukaInfoTextDelete();
============================================================*/
//▼色初期値
_global.hikatsukaInfoFontColor = "FFFFFF";//文字色
_global.hikatsukaInfoBgColor = "333333";//背景色
_global.hikatsukaInfoBorderColor = "000000";//枠線色
_global.hikatsukaInfoFontSize = 10 ;//フォントサイズ
_global.hikatsukaInfoSpacing = 1;//行間
//▼ボタンのロールオーバーテキスト
_global.hikatsukaInfoTextShow = function(infotext) {
	//文言チェック
	if (infotext==null || infotext=="") {
		return false;
	}
	// スタイルの作成
	var hikatsukaStyles = new TextField.StyleSheet();
	hikatsukaStyles.setStyle(".c1", {fontFamily:'_ゴシック', fontSize:hikatsukaInfoFontSize+'px', color:'#'+hikatsukaInfoFontColor, marginLeft:'8px', marginRight:'5px', letterSpacing:'0px'});
	//新規テキストフィールドを生成
	hikatsukaInfoText.removeTextField();
	_global.hikatsukaInfoText = createTextField("hikatsukaInfoText", getNextHighestDepth(), _xmouse, _ymouse, 10, 10);
	with (hikatsukaInfoText) {
		multiline = true;
		//複数行テキストフィールド
		wordWrap = false;
		//折り返さない
		autoSize = "left";
		//自動的な拡大/縮小および整列
		border = true;
		borderColor = "0x"+hikatsukaInfoBorderColor;
		background = true;
		backgroundColor = "0x"+hikatsukaInfoBgColor;
		selectable = false;
		embedFonts = false;
		html = true;
		styleSheet = hikatsukaStyles;
		//HTMLテキストを挿入
		if (infotext.indexOf("\n")==-1) {
			htmlText = "<span class='c1'>"+infotext+"</span>";
		} else {
			htmlText = "<textformat leading='"+hikatsukaInfoSpacing+"'/><span class='c1'>"+infotext+"</span>";
		}
	}
	//表示位置の調整
	divX = (_level0._xmouse<Stage.width/2) ? 20 : (-10-hikatsukaInfoText._width);
	divY = (_level0._ymouse<Stage.height/2) ? 20 : (-10-hikatsukaInfoText._height);
	//テキスト表示初期位置
	hikatsukaInfoText._x = _level0._xmouse+divX;
	hikatsukaInfoText._y = _level0._ymouse+divY;
	//テキスト表示処理
	hikatsukaInfoTextMC.removeMovieClip();
	_global.hikatsukaInfoTextMC = createEmptyMovieClip("hikatsukaInfoTextMC", getNextHighestDepth());
	hikatsukaInfoTextMC.onEnterFrame = function() {
		//表示位置の調整
		divX = (_level0._xmouse<Stage.width/2) ? 20 : (-10-hikatsukaInfoText._width);
		divY = (_level0._ymouse<Stage.height/2) ? 20 : (-10-hikatsukaInfoText._height);
		//テキスト表示位置
		hikatsukaInfoText._x += (hikatsukaInfoText._xmouse+divX)/5;
		hikatsukaInfoText._y += (hikatsukaInfoText._ymouse+divY)/5;
	}
}
//▼テキスト削除
_global.hikatsukaInfoTextDelete = function() {
	//関連オブジェクトを削除
	delete hikatsukaInfoTextMC.onEnterFrame;
	hikatsukaInfoTextMC.removeMovieClip();
	hikatsukaInfoText.removeTextField();
}
//▼カラー設定
_global.hikatsukaInfoTextSet = function(F, Bg, Bo, Fs, Sp) {
	if (F != null) { hikatsukaInfoFontColor = F; }//文字色
	if (Bg != null) { hikatsukaInfoBgColor = Bg; }//背景色
	if (Bo != null) { hikatsukaInfoBorderColor = Bo; }//枠線色
	if (Fs != null) { hikatsukaInfoFontSize = Fs; }//フォントサイズ
	if (Sp != null) { hikatsukaInfoSpacing = Sp; }//行間
}

使い方

ツールチップ表示

ツールチップを削除

ツールチップの色やフォントの設定

サンプルダウンロード

あ、ちなみに、AS3 のツールチップ処理は既にクラス化済み。

AS3 のツールチップクラスを再調整

function setPrefArr() {
	prefArr.push("北海道");
	prefArr.push("青森県");
	prefArr.push("岩手県");
	prefArr.push("宮城県");
	prefArr.push("秋田県");
	prefArr.push("山形県");
	prefArr.push("福島県");
	prefArr.push("茨城県");
	prefArr.push("栃木県");
	prefArr.push("群馬県");
	prefArr.push("埼玉県");
	prefArr.push("千葉県");
	prefArr.push("東京都");
	prefArr.push("神奈川県");
	prefArr.push("新潟県");
	prefArr.push("富山県");
	prefArr.push("石川県");
	prefArr.push("福井県");
	prefArr.push("山梨県");
	prefArr.push("長野県");
	prefArr.push("岐阜県");
	prefArr.push("静岡県");
	prefArr.push("愛知県");
	prefArr.push("三重県");
	prefArr.push("滋賀県");
	prefArr.push("京都府");
	prefArr.push("大阪府");
	prefArr.push("兵庫県");
	prefArr.push("奈良県");
	prefArr.push("和歌山県");
	prefArr.push("鳥取県");
	prefArr.push("島根県");
	prefArr.push("岡山県");
	prefArr.push("広島県");
	prefArr.push("山口県");
	prefArr.push("徳島県");
	prefArr.push("香川県");
	prefArr.push("愛媛県");
	prefArr.push("高知県");
	prefArr.push("福岡県");
	prefArr.push("佐賀県");
	prefArr.push("長崎県");
	prefArr.push("熊本県");
	prefArr.push("大分県");
	prefArr.push("宮崎県");
	prefArr.push("鹿児島県");
	prefArr.push("沖縄県");
}

▼AS2.0の場合
Stage.scaleMode = "showAll";

▼AS3.0の場合
stage.scaleMode = StageScaleMode.SHOW_ALL;

function allButtonStop() {
	//ボタン停止用オブジェクトの生成
	_root.allButtonStopObj.removeMovieClip();
	allButtonStopMC = _root.createEmptyMovieClip("allButtonStopObj", _root.getNextHighestDepth());
	//透明度0の矩形を生成
	allButtonStopMC.beginFill(0xFF0000, 0);
	//ステージサイズに合わせる
	allButtonStopMC.lineTo(Stage.width, 0);
	allButtonStopMC.lineTo(Stage.width, Stage.height);
	allButtonStopMC.lineTo(0, Stage.height);
	allButtonStopMC.lineTo(0, 0);
	allButtonStopMC.endFill();
	//ボタン停止処理
	_root.allButtonStopObj.onRollOver = function() {
		this.useHandCursor = false;
	}
}
function allButtonStopCancel() {
	//ボタン停止用オブジェクトを削除
	_root.allButtonStopObj.removeMovieClip();
}

• モーション
• コミュニティ掲示板
• アクションストリーム
• クラシックブログ
• コミュニティブログ

Lab9

イラストテイストで3Dを表現している。いかにもっていう3Dだとちょっと…という時にこの表現は良いかも。

SapientNitro

文字がばらばらに配置されているが、視点をずらしてコンテンツが表示される。これイイねー。

Panasonic: Everything matters

製品情報をうまく伝わるように工夫されていると思う。うまいなー。

SpringHill Suits

ロールオーバーのギミックが面白い。3Dじゃなくても参考になりそう。

• dev.convexstyle.net | SWFAddress
• SWFAddressを試すのだ！
• trick7 - SWFAddress
• SWFAddressにトライ
• SWFAddressの使い方 | Mtok-blog

• Flashのパーマリンク問題をSWFAddressで解決
• apeirophobia: progression検証 #17 ページタイトルの設定

SWFaddress を使用している超ハイクオリティな Flash コンテンツ

Coca Cola Zero

Coca Cola Zero のミニゲーム、結構ハマってしまった…。ゲームオーバーの時が心地よい感じ。

Hoodie Remix

パーカーを自分好みにデザインできたりと。

Hoodie Remix

なんかいろいろこちゃこちゃと細かい演出が面白い。

One to Three

良く分からない感じだけども、奥行き感のある見せ方が好み。

Kraft - Food & Family

こちらも奥行き感のある見せ方が良い感じ。こっちはぼかし系でそう見せている。全体的にも清潔感があってキレイ。

hi-posi » Blog Archive » [FlashLite]メール本文の改行