乐胖代购免代理版

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

ブログ

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://blog-imgs-18.fc2.com/a/s/o/asovu/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://blog-imgs-18.fc2.com/a/s/o/asovu/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://blog-imgs-18.fc2.com/a/s/o/asovu/arkanoid.swf">Arkanoid</option>
<option value="http://blog-imgs-18.fc2.com/a/s/o/asovu/invaders.swf">Invaders</option>
<option value="http://blog-imgs-18.fc2.com/a/s/o/asovu/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://www.lepang.cn/lp/htmls/common/api/yh.php?url=http://blogsquare256.blog85.fc2.com/" target="_blank">遊ぶブログ</a></div>
</div>

1件のコメント

[C90] 質問

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

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

コメントの投稿

0件のトラックバック

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

ブロとも申請フォーム

この人とブロともになる

RSSフィード

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

プロフィール

Gamo

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」

1件のコメント

[C90] 質問

コメントの投稿

0件のトラックバック

カテゴリ

タグ

最新の記事

最近のコメント

ブロとも申請フォーム

RSSフィード

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

プロフィール

ゲームで一息。

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

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

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

動画や音楽を検索

Youtube検索

AmebaVision検索

dailymotion動画検索

dailymotionマイチャンネル

Yahoo!動画検索

楽天商品を検索

楽天検索

楽天Match

ガチャ天

これいくら?