遊ぶブログ＋ Javaスクリプト小技集

ブログ
リンク
フリーエリア
動画･音楽
楽天

ブログ

Entries

「ゲームコーナPlus」

ジャンル : ブログ
スレッドテーマ : ブログパーツ

『ゲームコーナPlus』

FLASHゲームをブログにオーバーレイ表示して遊べるプラグイン。

海外製FLASHゲームを20+1収録。ゲームコーナーの改変版。

なお、従来のゲームコーナーは利用不可となる予定ですので、継続して利用する方は差し替えをお願いいたします。

カスタマイズ方法

optionタグのvalueに設定してあるSWFファイルのURLを変更すれば、好きなゲームを選択できるようにできます。

オーバーレイ表示の関数は

GsFlashOver.ObjVew.showGameBox

で

GsFlashOver.ObjVew.showGameBox('アドレス',1,幅,高さ)

のように指定してます。

アドレス:FLASHオブジェクトのURL
幅：表示する際の幅を指定
高さ：表示する際の高さを指定

単純に使うには、アンカータグで、

<a href="#xyz" onclick="GsFlashOver.ObjVew.showGameBox('xxx.swf',1,450,500)">
spaceinvaders</a>

のように記述すると良いでしょう。

GsFlashOver.ObjVew.status = 0;
GsFlashOver.ObjVew.top = 10;
GsFlashOver.ObjVew.left = 300;
GsFlashOver.ObjVew.target = { x:0,y:0};
GsFlashOver.ObjVew.windowH;
GsFlashOver.ObjVew.windowW;
GsFlashOver.ObjVew.scrollH;
GsFlashOver.ObjVew.scrollW;
GsFlashOver.ObjVew.keyword = '';

var isIE = null;
var myOP = 0;
myOP = (navigator.userAgent.indexOf("Opera",0) != -1)? 1 : 0;
var myN6 = document.getElementById;
var myIE = document.all;
var myN4 = document.layers;

if (myIE) isIE = 1;

GsFlashOver.ObjVew.setWH = function(){
    if (window.innerHeight && window.scrollMaxY) {
        GsFlashOver.ObjVew.scrollW = document.body.scrollWidth;
        GsFlashOver.ObjVew.scrollH = window.innerHeight + window.scrollMaxY;
    }
    else if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac
        GsFlashOver.ObjVew.scrollW = document.body.scrollWidth;
        GsFlashOver.ObjVew.scrollH = document.body.scrollHeight;
    }
    else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
        GsFlashOver.ObjVew.scrollW = document.body.offsetWidth;
        GsFlashOver.ObjVew.scrollH = document.body.offsetHeight;
    }
    if (self.pageYOffset) {
	scrollY = self.pageYOffset
	scrollX = self.pageXOffset
    }
    else if ( document.documentElement && document.documentElement.scrollTop ) { // Explorer 6 Strict
	scrollY = document.documentElement.scrollTop;
	scrollX = document.documentElement.scrollLeft;
    }
    else if (document.body) { // all other Explorers
	scrollY = document.body.scrollTop;
	scrollX = document.body.scrollLeft;
    }
    if (self.innerHeight) {	// all except Explorer
	GsFlashOver.ObjVew.windowW = self.innerWidth;
	GsFlashOver.ObjVew.windowH = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
	GsFlashOver.ObjVew.windowW = document.documentElement.clientWidth;
	GsFlashOver.ObjVew.windowH = document.documentElement.clientHeight;
    } else if (document.body) { // other Explorers
	GsFlashOver.ObjVew.windowW = document.body.clientWidth;
	GsFlashOver.ObjVew.windowH = document.body.clientHeight;
    }

}

GsFlashOver.ObjVew.showGameBox = function( src, isFlash ,width,height){
	GsFlashOver.ObjVew.setWH();
	var menu= document.getElementById('GameC_menu');
	menu.style.visibility = "hidden";

var div = document.createElement('div');
	div.style.backgroudColor = "#eee";
	if(isIE){	
		div.style.backgroundImage = "url('http://blog47.fc2.com/a/asovu/file/blank.gif')";
		div.runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.g-poket.com/imege/lightbox_overlay.png", sizingMethod="scale")';

}else{
		div.style.backgroundImage = "url('http://blog47.fc2.com/a/asovu/file/lightbox_overlay.png')";
	}
 	div.style.backgroundRepeat = "repeat";
	div.style.position = "absolute";
	div.style.top = 0;
	div.style.left = 0;
	div.style.margin = "0 auto";
	div.style.width = "100%";
	div.style.height = GsFlashOver.ObjVew.scrollH;

div.style.cursor ="hand";
	div.style.cursor ="pointer";

div.style.zIndex = 100;
	div.onclick = function() {
		this.style.display = 'none';
		this.innerHTML='';
		menu.style.visibility = "visible";
	};

div2 = document.createElement('div');
	div2.style.position = "absolute";
	div2.style.background= "#313131";

div3 = document.createElement('div');
	div3.style.position = "absolute";
	div3.style.padding = "15px 0px 0px 0px";
	div3.style.background= "white";

div4 = document.createElement('div');
	div4.style.position = "absolute";
	div4.style.font = "bold 12px Tahoma";
	div4.style.color = "#313131";
	div4.style.padding = "0px 15px 0px 15px";
	div4.innerHTML="CLOSE";

div.appendChild(div2);
	document.body.appendChild(div);

}
</script>
<div id="GameC_menu">
<br />
<form name="GamefalshSlcFrm">
<select name="flash_list">
<option value="http://blog47.fc2.com/a/asovu/file/arkanoid.swf">Arkanoid</option>
<option value="http://blog47.fc2.com/a/asovu/file/invaders.swf">Invaders</option>
<option value="http://blog47.fc2.com/a/asovu/file/GALAGA.swf">Galaga</option>
<option value="http://www.miniclip.com/swfcontent/freegames/commando2.swf">Commando</option>
<option value="http://www.miniclip.com/swfcontent/freegames/acidfactory.swf">Acidfactory</option>
<option value="http://www.miniclip.com/swfcontent/freegames/zed.swf">Zed</option>
<option value="http://www.miniclip.com/swfcontent/freegames/alphattack.swf">Alphattack</option>
<option value="http://www.miniclip.com/swfcontent/freegames/redbeard.swf">Red Beard</option>
<option value="http://www.miniclip.com/swfcontent/freegames/pingpong.swf">PingPong</option>
<option value="http://www.miniclip.com/swfcontent/freegames/alienattack_HS.swf">Alien Attack</option>
<option value="http://www.miniclip.com/swfcontent/freegames/deepfreeze.swf">DeepFreeze</option>
<option value="http://www.miniclip.com/swfcontent/freegames/snowline.swf">Snow line</option>
<option value="http://www.miniclip.com/swfcontent/freegames/battle-pong.swf">Battle Pong</option>
<option value="http://www.miniclip.com/swfcontent/freegames/3-foot-ninja.swf">Foot Ninja</option>
<option value="http://www.miniclip.com/swfcontent/freegames/3-foot-ninja-ii.swf">Foot NinjaⅡ</option>
<option value="http://images2.jokaroo.net/flash/rubixcube.swf">RubixCube</option>
<option value="http://images2.jokaroo.net/flash/luigi.swf">Luigi</option>
<option value="http://images2.jokaroo.net/flash/streetfighter.swf">Street Fighter</option>
<option value="http://images2.jokaroo.net/flash/mario.swf">Mario</option>
<option value="http://images2.jokaroo.net/flash/sonic.swf">Sonic</option>
</select>
<input type="button" name="Submit" value="Play" onClick="GsFlashOver.ObjVew.showGameBox(document.getElementById('flash_list').value,1,550,400)">
</form>
おまけ　<a href="javascript:GsFlashOver.ObjVew.showGameBox('http://www.miniclip.com/swfcontent/freegames/spaceinvaders.swf',1,450,500)">Space Invaders</a>

<div style="margin:10px;font-size:8px;">developed by <a href="http://blogsquare256.blog85.fc2.com/" target="_blank">遊ぶブログ</a></div>
</div>

2件のコメント

[C90] 質問

基本的なことを教えてください。
遊びたいんですが、動かないんです。
特にインベーダーをやりたいんですが、大砲（？）が
動かないんです。やり方を教えてください。

2008-02-21
投稿者 : コイッチ
URL
編集

[C94] 承認待ちコメント

このコメントは管理者の承認待ちです

2008-07-04
投稿者 :
編集

コメントの投稿

0件のトラックバック

トラックバックURL: http://blogsquare256.blog85.fc2.com/tb.php/172-79b94097; この記事に対してトラックバックを送信する（FC2ブログユーザー）

翻訳

developed by 遊ぶブログ

翻訳結果:

ブロとも申請フォーム

この人とブロともになる

RSSフィード

Powered By FC2ブログ

最強ブログ

FC2ブログ 紹介予定派遣

リンク、プロフィールなどを表示

プロフィール

Author:Gamo
ブロガーを応援する便利なブログパーツをお届けします。

管理者ページ

ゲームで一息。

おまけ　spaceinvaders

『ゲームコーナPlus』 FLASHゲームをブログにオーバーレイ表示して遊べるプラグイン。海外製FLASHゲームを20+1収録。ゲームコーナーの改変版。なお、従来のゲームコーナーは利用不可となる予定ですので、継続して利用する方は差し替えをお願いいたします。カスタマイズ方法 optionタグのvalueに設定してあるSWFファイルのURLを変更すれば、好きなゲームを選択できるようにできます。オーバーレイ表示の関数は ...

実験･作成中プラグインの置き場

flickrで記憶力チェック! お試し版

これは何？

flickrの画像を検索して、検索結果の画像で神経衰弱ぽいことをするお遊びツールです。

①キーワード、検索数を指定して[検索]ボタンをクリック

※検索数が多いと、難易度が高くなります。

②[遊んでみる]ボタンをクリックで、検索結果の画像(×2)をランダムに配置

③画像の配置を記憶して、[開始]ボタンをクリック

④隠れた画像をクリックして、同じ画像を探す

単にflickrの画像検索としても使えます。検索結果の画像をクリックすると標準サイズの画像がオーバレイ表示されます。

動画や音楽を検索

Youtube検索

AmebaVision検索

dailymotion動画検索

日本語→ローマ字変換結果

dailymotionマイチャンネル

Yahoo!動画検索

Webサービス by Yahoo! JAPAN

楽天商品を検索

楽天検索

楽天Match

ガチャ天

これいくら?

商品の値段を当てるゲーム

①キーワードを入力
②レベル(LV)を選択
③[開始]ボタンをクリック
④下のボックスに値段を入力
⑤[円だ!]ボタンをクリック!
⑥正解でポイント加算
⑦[次]ボタンで次の商品表示

※貯まったポイントは「楽天で使える!」・・・なんてことはありません。

遊ぶブログ

Supported by 楽天ウェブサービス

遊ぶブログ＋ Javaスクリプト小技集

ブログのカスタマイズとか、ブログパーツとか

ブログ

Entries

「ゲームコーナPlus」

2件のコメント

[C90] 質問

[C94] 承認待ちコメント

コメントの投稿

0件のトラックバック

カテゴリ

タグ

翻訳

最新の記事

最近のコメント

ブロとも申請フォーム

RSSフィード

Powered By FC2ブログ

リンク、プロフィールなどを表示

プロフィール

ゲームで一息。

実験･作成中プラグインの置き場

flickrで記憶力チェック! お試し版

flickrで記憶力チェック! お試し版

動画や音楽を検索

Youtube検索

AmebaVision検索

dailymotion動画検索

dailymotionマイチャンネル

Yahoo!動画検索

楽天商品を検索

楽天検索

楽天Match

ガチャ天

これいくら?