| 神経衰弱 ver.1.0 |
||||
◆サンプル サンプルページはこちらをクリックしてください。
*トランプ画像をダウンロードしたい方はウェブ木箱素材集にあります。
こちらを利用の際は素材集の利用規定にも必ず同意してください。 |
||||
| ＜機能と特徴＞ ・ＰＣと対戦する形式のトランプゲームです。 ・強さ(記憶力)指定も可能です。 |
||||
 |
|
|
|
|
 |
|
| 公開日 | 2003.12.4 | ||
| 最終更新日 | --- | ||
| バージョン | ver.1.0 | ||
| 動作確認 | IE6.0,NN4.7,NN7.0,Opera7.0 | ||
| cookie | 不使用 | ||
| CSS | 使用 | ||
| 更新履歴 | --- | ||
 |
|
|
|
|
|
|
||
| 初心者向け解説 | 中級者向け解説 | ダウンロード | ||||
|
|
|
||||
|
１．カスタマイズフォームを使って設定をしてください。 ２．ソース１を<head>〜<head>の間に書き込んでください。 ３．ソース２を<body>〜</body>の間の カードを表示したい位置に書き込んでください。 ４．ソース３を</body>の直前に書き込んでください ５．ブラウザでテストしてみてください。 正常に動作すれば設置は完了です。 *サンプルではちらっと小窓君を使ってウィンドウを開いています。
|
||||||
|
|
|||||
|
|
|
|
|
||
| 初心者向け解説 | 中級者向け解説 | ダウンロード | ||||
|
|
|
|
|||
|
１．トランプ画像ファイルを用意してください。 ファイル名については初心者向け解説をご覧ください。 ２．ソース１を<head>〜<head>の間に書き込んでください。 ３．ソース２を<body>〜</body>の 表示したい位置にカードの枚数分書き込み、 該当箇所の数字を１つずつ増やしてください。 <a href="JavaScript:;" onClick="sh_card(1)"><span class="sh_ilayer" id="sh_posi1" ><img src="img/card00.gif" name="sh_img1" border="0"></span></a> ４．ソース３を</body>の直前に書き込んでください。 ５．ブラウザでテストしてみてください。 正常に動作すれば設置は完了です。 *サンプルではちらっと小窓君を使ってウィンドウを開いています。
|
||||||
|
|
|||||
 |
|
|
|
|
|
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| カスタマイズフォーム | 補足説明 | 改造方法 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
|
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
■トランプ画像の名前について
このスクリプトではトランプ画像を使用しますが 画像ファイルのファイル名は連番としてください。 必要となる画像ファイルはトランプの表画像(伏せた状態)のもの１つと 設定で決めたトランプの枚数分です。 トランプ画像のパスの指定では連番となる部分を+++としてください。 例えばcard1.gif〜card52.gifの画像ファイルを用意した場合 パスのファイル名の部分はcard+++.gifとしてください。 数字と各カードの対応は以下の通りです。
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
|
|
|
||
| カスタマイズフォーム | 補足説明 | 改造方法 | ||||
|
|
|
|
|
||
|
■メッセージの表示時間を変更する。(半角数字：正数) //設定〜//ここまでの１行目を秒単位で変更してください。
sh_hyozi = 2;
■ＰＣ側の記憶力を変更する。(半角数字：正数)//設定〜//ここまでの２行目を変更してください。 ％単位で最大は100です。
sh_ritu = 80;
■トランプの枚数を変更する。(半角数字：正の整数)//設定〜//ここまでの３行目を変更してください。
sh_saidai = 52;
さらにソース２をトランプの枚数分書き込み、該当箇所の数字を１つずつ変更してください。 <a href="JavaScript:;" onClick="sh_card(1)"><span class="sh_ilayer" id="sh_posi1"><img src="img/card00.gif" name="sh_img1" border="0"></span></a>■各メッセージを変更する。 //設定〜//ここまでの６行目以降を変更してください。
sh_mes[0] = あなたの先攻;
|
||||||
|
|
|||||
 |
 |
|
|
■ソース１(以下のソースを<head>〜</head>の間に書き込んでください) | |
<script language="JavaScript" type="text/javascript">
<!--//Script Created by あう,http://www5c.biglobe.ne.jp/~horoau/
//ver.1.0
sh_mes = new Array();
sh_card_no = new Array();
sh_card_posi = new Array();
sh_card_img = new Array();
sh_com_card = new Array();
sh_point = new Array();
//設定
sh_hyozi = 2; //メッセージの表示時間(秒)
sh_ritu = 80; //ＰＣ側の記憶力(％)
sh_saidai = 2; //トランプの枚数
sh_path = 'img/card+++.gif'; //トランプ画像のパス
//各メッセージ
sh_mes[0] = 'あなたの先攻'; //最初のメッセージ(プレイヤー先攻)
sh_mes[1] = 'あなたの後攻'; //最初のメッセージ(プレイヤー後攻)
sh_mes[2] = '獲得！<br>続けてどうぞ'; //カードが揃った時(プレイヤー)
sh_mes[3] = '残念<br>COMの番'; //カードが揃わなかった時(プレイヤー)
sh_mes[4] = '獲得！<br>続けて引きます'; //カードが揃った時(ＰＣ側)
sh_mes[5] = '残念<br>あなたの番'; //カードが揃わなかった時(ＰＣ側)
sh_mes[6] = 'COMがカードを選択中'; //ＰＣの番の時
sh_mes[7] = 'あなたの勝ち'; //あなたの勝ち
sh_mes[8] = 'comの勝ち'; //comの勝ち
sh_mes[9] = '引き分け'; //引き分け
sh_mes[10] = 'あなた+++枚 COM---枚'; //獲得枚数
//ここまで
sh_ok = '<div align="center"><br><a href="JavaScript:sh_play();">ＯＫ！</a></div>'
for(i=1;i<=sh_saidai;i++)
{sh_card_img[i] = new Image();
sh_card_img[i].src = sh_path.replace('00',i);}
onload = sh_window_size;
function sh_window_size()
{table = '<table border="0" cellspacing="0" cellpadding="0"'
with(document)
{if(document.all)
{table += ' width="'+body.clientWidth+'" height='+body.clientHeight+'"';
all("sh_lay1").innerHTML = '<img src="'+sh_path.replace('00',1)+'">';
all("sh_lay2").innerHTML = '<img src="'+sh_path.replace('00',1)+'">';}
else if(document.getElementById)
{table += ' width="'+innerWidth+'" height='+innerHeight+'"';
getElementById("sh_lay1").innerHTML = '<img src="'+sh_path.replace('00',1)+'">';
getElementById("sh_lay2").innerHTML = '<img src="'+sh_path.replace('00',1)+'">';}
else if(document.layers)
{table += ' width="'+innerWidth+'" height='+innerHeight+'"';
with(layers["sh_lay1"].document)
{open();
write('<img src="'+sh_path.replace('00',1)+'">')
close();}
with(layers["sh_lay2"].document)
{open();
write('<img src="'+sh_path.replace('00',1)+'">')
close();}}}
table += '>\n<tr>\n<td align="center" valign="center">';
table += '<table border="0" cellspacing="0" cellpadding="15">\n<tr>\n';
table += '<td bgcolor="#ffffff">\n';
table2 = '</td>\n</tr></table></td>\n</tr></table>\n';
sh_opening();}
function sh_opening()
{sh_point[0] = 0;
sh_point[1] = 0;
sh_cards = new Array();
for(i=1;i<=sh_saidai;i++)
{sh_check = 0;
while(sh_check == 0)
{ii = Math.ceil(Math.random()*sh_saidai);
if(!sh_cards[ii])
{sh_cards[ii] = i;
sh_check = 1;}}}
sh_temp = 0;
sh_face = Math.round(Math.random())%2;
with(document)
{if(document.all)
{all("sh_lay3").style.top = 0;
all("sh_lay3").style.left = 0;
for(i=1;i<=sh_saidai;i++)
{all("sh_posi"+i).style.visibility = "visible";}}
else if(document.getElementById)
{getElementById("sh_lay3").style.top = 0;
getElementById("sh_lay3").style.left = 0;
for(i=1;i<=sh_saidai;i++)
{getElementById("sh_posi"+i).style.visibility = "visible";}}
else if(document.layers)
{layers["sh_lay3"].top = 0;
layers["sh_lay3"].left = 0;
for(i=1;i<=sh_saidai;i++)
{layers["sh_posi"+i].visibility = "visible";}}
sh_shori = 1;
sh_messege(sh_face);}}
function sh_messege(i)
{if(i != 6)
{sh_ok2 = sh_ok;}
else
{sh_ok2 = "";}
if(i >= 7)
{sh_ok2 = '<br><br>'+sh_mes[10].replace('+++',sh_point[0]).replace('---',sh_point[1])+sh_ok2;}
with(document)
{if(document.all)
{all("sh_lay3").innerHTML = table+sh_mes[i]+sh_ok2+table2;
all("sh_lay3").style.visibility = "visible";}
else if(document.getElementById)
{getElementById("sh_lay3").innerHTML = table+sh_mes[i]+sh_ok2+table2;
getElementById("sh_lay3").style.visibility = "visible";}
else if(document.layers)
{layers["sh_lay3"].document.open();
layers["sh_lay3"].document.write(table+sh_mes[i]+sh_ok2+table2);
layers["sh_lay3"].document.close();
layers["sh_lay3"].visibility = "visible";}}
id = setTimeout('sh_play();',sh_hyozi*1000);}
function sh_massege2()
{with(document)
{if(document.all)
{all("sh_lay3").style.visibility = "hidden";}
else if(document.getElementById)
{getElementById("sh_lay3").style.visibility = "hidden";}
else if(document.layers)
{layers["sh_lay3"].visibility = "hidden";}}}
function sh_play()
{clearTimeout(id);
sh_massege2();
if(sh_shori == 1 && sh_face == 1)
{dealer_face();}
else if(sh_shori == 2)
{get_card(1);
get_card(2);
if(sh_point[0] + sh_point[1] == sh_saidai)
{sh_shukei();return;}}
else if(sh_shori == 3)
{no_card(1);
no_card(2);
dealer_face();}
else if(sh_shori == 4)
{get_card(1);
get_card(2);
if(sh_point[0] + sh_point[1] == sh_saidai)
{sh_shukei();return;}
dealer_face();}
else if(sh_shori == 5)
{no_card(1);
no_card(2);}
else if(sh_shori == 6)
{sh_opening();}}
function shinkeisuijaku()
{if(sh_face == 0)
{if(Math.ceil(sh_card_no[1]/4) == Math.ceil(sh_card_no[2]/4))
{sh_shori = 2;
sh_messege(2);}
else
{sh_shori = 3;
sh_messege(3);
sh_face = 1;}}
else
{if(Math.ceil(sh_card_no[1]/4) == Math.ceil(sh_card_no[2]/4))
{sh_shori = 4;
sh_messege(4);}
else
{sh_shori = 5;
sh_messege(5);
sh_face = 0}}}
function get_card(i)
{sh_cards[sh_card_posi[i]] = "";
sh_point[sh_face] += 1;
with(document)
{if(document.all)
{all("sh_lay"+2).style.visibility = "hidden";
all("sh_posi"+sh_card_posi[i]).style.visibility = "hidden";}
if(document.getElementById)
{getElementById("sh_lay"+i).style.visibility = "hidden";
getElementById("sh_posi"+sh_card_posi[i]).style.visibility = "hidden";}
else if(document.layers)
{layers["sh_lay"+i].visibility = "hidden";
layers["sh_posi"+sh_card_posi[i]].visibility = "hidden";}}}
function no_card(i)
{with(document)
{if(document.all)
{document.all("sh_lay"+2).style.visibility = "hidden";}
if(document.getElementById)
{document.getElementById("sh_lay"+i).style.visibility = "hidden";}
else if(document.layers)
{layers["sh_lay"+i].visibility = "hidden";}}}
function dealer_face()
{sh_messege(6);
clearTimeout(id);
a = 0;
b = 0;
sh_label:
for(i in sh_com_card)
{for(ii=0;ii<=i;ii++)
{if(i != ii)
{if(Math.ceil(sh_com_card[i]/4) == Math.ceil(sh_com_card[ii]/4) && sh_cards[i] && sh_cards[ii])
{a = i;
b = ii;
break sh_label;}}}}
if(!a)
{while(!sh_cards[a])
{a = Math.ceil(Math.random()*sh_saidai);}
for(i=0;i<sh_com_card.length;i++)
{if(Math.ceil(sh_cards[a]/4) == Math.ceil(sh_com_card[i]/4) && sh_cards[i])
{if(a != i)
{b = i;
break;}}}}
if(!b)
{b = a;
while(a == b || !sh_cards[b])
{b = Math.ceil(Math.random()*sh_saidai);}}
if(a == b)
{dealer_face();
return;}
setTimeout('sh_card('+a+')',sh_hyozi*1000/2);
setTimeout('sh_card('+b+')',sh_hyozi*1000*2/2);}
function sh_card(i)
{if(!sh_cards[i])
{return;}
if((Math.random()*100) <= sh_ritu)
{sh_com_card[i] = sh_cards[i];}
sh_temp += 1;
sh_card_no[sh_temp] = sh_cards[i];
sh_card_posi[sh_temp] = i;
with(document)
{if(document.all)
{all("sh_lay"+sh_temp).style.top = all("sh_posi"+i).offsetTop - (all("sh_posi"+i).offsetHeight/2);
all("sh_lay"+sh_temp).style.left = all("sh_posi"+i).offsetLeft - (all("sh_posi"+i).offsetWidth/2);
all("sh_lay"+sh_temp).children.tags("img")[0].src = sh_card_img[sh_cards[i]].src;
all("sh_lay"+sh_temp).style.visibility = "visible";}
else if(document.getElementById)
{getElementById("sh_posi"+i).style.position = "absolute";
getElementById("sh_lay"+sh_temp).style.top = getElementById("sh_posi"+i).offsetTop - (getElementById("sh_posi"+i).offsetHeight);
getElementById("sh_lay"+sh_temp).style.left = getElementById("sh_posi"+i).offsetLeft - (getElementById("sh_posi"+i).offsetWidth/2);
getElementById("sh_posi"+i).style.position = "static";
getElementById("sh_lay"+sh_temp).childNodes[0].src = sh_card_img[sh_cards[i]].src;
getElementById("sh_lay"+sh_temp).style.visibility = "visible";}
else if(document.layers)
{layers["sh_lay"+sh_temp].top = layers["sh_posi"+i].pageY - Math.floor(layers["sh_posi"+i].clip.height/2);
layers["sh_lay"+sh_temp].left = layers["sh_posi"+i].pageX - Math.floor(layers["sh_posi"+i].clip.width/2);
layers["sh_lay"+sh_temp].document.images[0].src = sh_card_img[sh_cards[i]].src;
layers["sh_lay"+sh_temp].visibility = "visible";}}
if(sh_temp >= 2)
{shinkeisuijaku();sh_temp = 0;}}
function sh_shukei()
{if(sh_point[0] > sh_point[1])
{sh_messege(7);}
else if(sh_point[0] < sh_point[1])
{sh_messege(8);}
else
{sh_messege(9);}
sh_shori = 6;
clearTimeout(id);}
with(document)
{open();
write('<style type="text/css">\n<!-\-\n');
write('.sh_layer {position:absolute;visibility:hidden;top:0px;left:0px;}\n');
if(document.all || document.layers)
{write('.sh_ilayer{position:relative;}\n');}
write('-\->\n<\/style>');
close();}
// -->
</script>
|
■ソース２(以下のソースを<body>〜<body>の間に書き込んでください) | |
<a href="JavaScript:;" onClick="sh_card(1)"><span class="sh_ilayer" id="sh_posi1"><img src="img/card00.gif" name="sh_img1" border="0"></span></a>
<a href="JavaScript:;" onClick="sh_card(2)"><span class="sh_ilayer" id="sh_posi2"><img src="img/card00.gif" name="sh_img2" border="0"></span></a>
|
■ソース３(以下のソースを<body>〜</body>の間に書き込んでください) | |
<span class="sh_layer" id="sh_lay1"></span> <span class="sh_layer" id="sh_lay2"></span> <span class="sh_layer" id="sh_lay3"></span>
 |
|