Javascript Shortcode Area

■ みせられない完全に私的なメモ

├ <head><meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@400&display=swap" rel="stylesheet">
<style>body, tt, input, font, span {font-family: "Noto Sans Mono", monospace;-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;}tt#F {line-height: 1.0;}</style></head>

<body id ="gg" bgcolor=black text=white onKeyDown="K=event.keyCode-37"><tt id=F style="font-size: 200%;"><script>
function R(H){while(D.all["F"+(S=40+Math.ceil(ccc(i)*319))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}
function HT(event) {tX =event.touches[0].clientX;K=0;if(tX > window.innerWidth/2){K=2;}}

function Y(){if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+20;XX=D.all["F"+P2].innerHTML;
if(XX==C && M==0){P=P+20;}
if(X==O || XX==O){alert("GAME OVER SCORE: "+SC*10);return}
if(X==T || XX==T){KY=1;Q="■";P=P+20;}
if(X==U || XX==U){if(KY==1){SC++;YY();}else{P=P-20;}}
if(X==W){P=P-M;}
if(X==N || XX==N){P=P-(20*6);while(P<0){P=P+20;}
while(C!=D.all["F"+P].innerHTML){P=P-20;} }
I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }

function YY(){D=document;M=0;P=370;S="";K=-1;P2=0;C="　";
U="門";Q="■";
W="■";N="＝";
O="＊";T="ー";
E="<INPUT TYPE=\"button\" VALUE="+SC+" ONCLICK=\"clearTimeout(ID);YYY()\">";
for(i=0;i<400;i++)
S+=(i%20?"":" ")+""+((i+1)%20>1&&i<379?C:W)+"";I("",S);
for(i=0;i<51;i++)I(20+Math.ceil(ccc(i)*339),W);for(i=0;i<11;i++)R(N);I(399,E);
for(i=0;i<(2+SC);i++)R(O);for(i=0;i<2;i++)I(Math.ceil(360+ccc(i)*18),N);R(U);R(T);KY=0;
gg.addEventListener("touchmove", HT); }

function YYY(){j=0;SC=0;YY();Y();}
YYY();</script>
asdf-j9a1
├ <head>
<meta charset="UTF-8">
<title>Game</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@400&display=swap" rel="stylesheet">
<style>
body, tt, input, font, span {
font-family: "Noto Sans Mono", monospace;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
tt#F {
line-height: 1.0;
}
</style>
</head>
<body id ="gg" bgcolor=black text=white onKeyDown="K=event.keyCode-37"><tt id=F style="font-size: 200%;"><script>
function R(H){while(D.all["F"+(S=40+Math.ceil(ccc(i)*319))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}
function HT(event) {tX =event.touches[0].clientX;K=0;if(tX > window.innerWidth/2){K=2;}}

function Y(){if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+20;XX=D.all["F"+P2].innerHTML;
if(XX==C && M==0){P=P+20;}
if(X==O || XX==O){alert("GAME OVER SCORE: "+SC*10);return}
if(X==T || XX==T){KY=1;Q="■";P=P+20;}
if(X==U || XX==U){if(KY==1){SC++;YY();}else{P=P-20;}}
if(X==W){P=P-M;}
if(X==N || XX==N){P=P-(20*6);while(P<0){P=P+20;}
while(C!=D.all["F"+P].innerHTML){P=P-20;} }
I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }

function YY(){D=document;M=0;P=370;S="";K=-1;P2=0;C="　";
U="門";Q="■";
W="■";N="＝";
O="＊";T="ー";
E="<INPUT TYPE=\"button\" VALUE="+SC+" ONCLICK=\"clearTimeout(ID);YYY()\">";
for(i=0;i<400;i++)
S+=(i%20?"":" ")+""+((i+1)%20>1&&i<379?C:W)+"";I("",S);
for(i=0;i<51;i++)I(20+Math.ceil(ccc(i)*339),W);for(i=0;i<11;i++)R(N);I(399,E);
for(i=0;i<(2+SC);i++)R(O);for(i=0;i<2;i++)I(Math.ceil(360+ccc(i)*18),N);R(U);R(T);KY=0;
gg.addEventListener("touchmove", HT); }

function YYY(){j=0;SC=0;YY();Y();}
YYY();</script>asdf-j8
├ <head>
<meta charset="UTF-8">
<title>Game</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@400&display=swap" rel="stylesheet">
<style>
body, tt, input, font, span {
font-family: "Noto Sans Mono", monospace;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
/* ★★★ 修正点: tt#F に line-height を指定して行間を詰める ★★★ */
tt#F {
line-height: 1.0; /* まずは1.0を試します。これで詰まりすぎる場合は1.1や1.2に、まだ空きすぎる場合は0.9や0.85などに調整してください。 */
}
</style>
</head>
<body id ="gg" bgcolor=black text=white onKeyDown="K=event.keyCode-37">
<tt id=F style="font-size: 200%;">
<script>
// JavaScript部分は前回の修正から変更ありません
var D;
var j;
var C;

// R関数の無限ループ対策と getElementByIdの使用
function R(H){
let S_val;
let attempts = 0;
const MAX_ATTEMPTS = 2000;
let found = false;
while(attempts < MAX_ATTEMPTS && !found) {
S_val = 40 + Math.ceil(ccc(0) * 319);
if (S_val < 0) S_val = 40;
if (S_val >= 360) S_val = 359;
let cellElement = D.getElementById("F"+S_val);
if (cellElement && cellElement.innerHTML === C) {
I(S_val, H);
found = true;
}
attempts++;
}
}

// getElementByIdの使用
function I(T,H){
let targetElement;
if (T === "" || T === null || typeof T === 'undefined') {
targetElement = D.getElementById("F");
} else {
targetElement = D.getElementById("F"+String(T));
}
if (targetElement) {
targetElement.innerHTML = H;
}
}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}
function HT(event) {tX =event.touches[0].clientX;K=0;if(tX > window.innerWidth/2){K=2;}}

function Y(){
if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
if (P < 0 || P >= 400) P = Z;
let P_below = P + 20;
if (P_below < 0 || P_below >= 400) P_below = P;

let cellP = D.getElementById("F"+P);
let cellP_below = D.getElementById("F"+P_below);
X = cellP ? cellP.innerHTML : "";
XX = cellP_below ? cellP_below.innerHTML : "";

if(XX===C && M===0){P=P+20;}
if(X===O || XX===O){alert("GAME OVER SCORE: "+SC*10); clearTimeout(ID); return;}
if(X===T || XX===T){KY=1;Q="●";P=P+20;}
if(X===U || XX===U){if(KY===1){SC++;YY();}else{P=P-20;}}
if(X===W){P=P-M;}
if(X===N || XX===N){
P=P-(20*6);
while(P<0){P=P+20;}
let attempts = 0;
let landed = false;
while(attempts < 20 && P >= 0){
let landingCell = D.getElementById("F"+P);
if(landingCell && landingCell.innerHTML === C){
landed = true;
break;
}
P=P-20;
attempts++;
}
if(!landed) P = Z;
}
if (P < 0 || P >= 400) P = Z;
I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100);
}

function YY(){
D = document;
j = 0;
C = "　";
U="門";
Q="●";
W="■";
N="＝";
O="＊";
T="ー";
E="<INPUT TYPE=\"button\" VALUE=\"☆\" STYLE=\"font-size: inherit;\" ONCLICK=\"clearTimeout(ID);YYY()\">";
let S_board="";
for(let i=0;i<400;i++)
S_board+=(i%20?"":" ")+""+((i+1)%20>1&&i<379?C:W)+"";
I("",S_board);
for(let i=0;i<11;i++) R(N);
I("399",E);
for(let i=0;i<(2+SC);i++) R(O);
for(let i=0;i<2;i++){
let S_val = Math.ceil(360+ccc(i)*18);
if (S_val < 360) S_val = 360;
if (S_val >= 400) S_val = 399;
I(String(S_val),N);
}
R(U);
R(T);
KY=0;
let gg_element = D.getElementById("gg");
if (gg_element) {
gg_element.addEventListener("touchmove", HT, {passive: true});
}
}

function YYY(){
window.SC = 0;
window.K = -1;
window.M = 0;
window.P = 370;
window.Z = 370;
window.KY = 0;
window.ID = null;
YY();
Y();
}
YYY();
</script>
</tt>
</body>
</html>asdf-j7
├ <head>
<meta charset="UTF-8">
<title>Game</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@400&display=swap" rel="stylesheet">
<style>
body, tt, input, font, span { /* input, font, span も対象に */
/* Webフォント "Noto Sans Mono" を指定 */
font-family: "Noto Sans Mono", monospace;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
</style>
</head>
<body id ="gg" bgcolor=black text=white onKeyDown="K=event.keyCode-37">
<tt id=F style="font-size: 200%;">
<script>
// グローバル変数の宣言 (YYYで初期化されるもの以外)
var D; // documentのエイリアス
var j; // ccc関数で使用
var C; // 空白文字

// 4. R関数の無限ループ対策と 5. getElementByIdの使用
function R(H){
let S_val;
let attempts = 0;
const MAX_ATTEMPTS = 2000; // 試行回数制限
let found = false;

while(attempts < MAX_ATTEMPTS && !found) {
// cccの引数 'i' は元々YYのループ変数を意図していた可能性が高い。
// R関数に渡されていないため、ここでは仮に0を使用。jのインクリメントで値が変わることを期待。
S_val = 40 + Math.ceil(ccc(0) * 319);
if (S_val < 0) S_val = 40; // 範囲下限調整
if (S_val >= 360) S_val = 359; // 範囲上限調整 (F40-F359の範囲にアイテムを置くと仮定)

let cellElement = D.getElementById("F"+S_val);
if (cellElement && cellElement.innerHTML === C) {
I(S_val, H); // I関数もS_valを文字列として受け取ることを期待
found = true;
}
attempts++;
}
// if (!found) console.warn("R: Could not place " + H + " after " + MAX_ATTEMPTS + " attempts.");
}

// 5. getElementByIdの使用
function I(T,H){
let targetElement;
if (T === "" || T === null || typeof T === 'undefined') { // I("",S_board) の場合
targetElement = D.getElementById("F"); // <tt id=F>
} else {
targetElement = D.getElementById("F"+String(T)); // Tを文字列に変換
}

if (targetElement) {
targetElement.innerHTML = H;
} else {
// console.error("I: Target element F" + T + " not found.");
}
}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}
function HT(event) {tX =event.touches[0].clientX;K=0;if(tX > window.innerWidth/2){K=2;}}

function Y(){
if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;

// プレイヤー位置Pの境界チェック
if (P < 0 || P >= 400) P = Z; // 範囲外なら元に戻す（簡易対策）
let P_below = P + 20;
if (P_below < 0 || P_below >= 400) P_below = P; // 下のセルも範囲チェック

let cellP = D.getElementById("F"+P);
let cellP_below = D.getElementById("F"+P_below);

X = cellP ? cellP.innerHTML : "";
XX = cellP_below ? cellP_below.innerHTML : "";

if(XX===C && M===0){P=P+20;}
if(X===O || XX===O){alert("GAME OVER SCORE: "+SC*10); clearTimeout(ID); return;}
// 3. font-size: inherit を適用
if(X===T || XX===T){KY=1;Q="●";P=P+20;}
if(X===U || XX===U){if(KY===1){SC++;YY();}else{P=P-20;}}
if(X===W){P=P-M;}
if(X===N || XX===N){
P=P-(20*6);
while(P<0){P=P+20;} // Pが負にならないように
let attempts = 0;
let landed = false;
while(attempts < 20 && P >= 0){ // 最大20回上方向へチェック
let landingCell = D.getElementById("F"+P);
if(landingCell && landingCell.innerHTML === C){
landed = true;
break;
}
P=P-20;
attempts++;
}
if(!landed) P = Z; // 安全な場所に着地できなかった場合、元に戻す（要改善）
}

// 再度プレイヤー位置Pの境界チェック
if (P < 0 || P >= 400) P = Z;

I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100);
}

function YY(){
// 6. グローバル変数の初期化
D = document;
j = 0;
C = "　"; // 2. Cを全角スペースに戻す

// 3. font-size: inherit を適用
U="門";
Q="●";
W="■";
N="＝";
O="＊";
T="ー";
E="<INPUT TYPE=\"button\" VALUE=\"☆\" STYLE=\"font-size: inherit;\" ONCLICK=\"clearTimeout(ID);YYY()\">";

let S_board="";
for(let i=0;i<400;i++)
S_board+=(i%20?"":" ")+""+((i+1)%20>1&&i<379?C:W)+"";
I("",S_board);

for(let i=0;i<11;i++) R(N); // R関数は内部でccc(0)を使う
I("399",E); // IDは文字列で

for(let i=0;i<(2+SC);i++) R(O);
for(let i=0;i<2;i++){
// ccc(i)のiは現在のループ変数iを使用
let S_val = Math.ceil(360+ccc(i)*18);
if (S_val < 360) S_val = 360; // 下限チェック
if (S_val >= 400) S_val = 399; // 上限チェック
I(String(S_val),N);
}
R(U);
R(T);

KY=0;

let gg_element = D.getElementById("gg");
if (gg_element) {
gg_element.addEventListener("touchmove", HT, {passive: true});
}
}

function YYY(){
// 6. グローバルなゲーム状態変数を初期化
window.SC = 0;
window.K = -1;
window.M = 0;
window.P = 370;
window.Z = 370;
window.KY = 0;
window.ID = null;
// j, C, D はYYで初期化

YY();
Y();
}
YYY();
</script>
</tt>
</body>
</html>asdf-j6
├ <body id ="gg" bgcolor=black text=white onKeyDown="K=event.keyCode-37">
<style>
body, tt, input, font, span {
font-family: "SF Mono", "Menlo", "Consolas", "Liberation Mono", "Courier New", monospace;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
</style>
<tt id=F style="font-size: 200%;">
<script>
// C との比較を行うため、Cの新しい定義に合わせて動作するか注意が必要です
function R(H){while(D.all["F"+(S=40+Math.ceil(ccc(i)*319))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}
function HT(event) {
tX = event.touches[0].clientX;
K = 0;
if (tX > window.innerWidth / 2) {
K = 2;
}
}

function Y(){if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+20;XX=D.all["F"+P2].innerHTML;
if(XX==C && M==0){P=P+20;} // C との比較
if(X==O || XX==O){alert("GAME OVER SCORE: "+SC*10);return}
if(X==T || XX==T){KY=1;Q="●";P=P+20;}
if(X==U || XX==U){if(KY==1){SC++;YY();}else{P=P-20;}}
if(X==W){P=P-M;}
if(X==N || XX==N){P=P-(20*6);while(P<0){P=P+20;}
while(C!=D.all["F"+P].innerHTML){P=P-20;} } // C との比較
I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }

function YY(){D=document;M=0;P=370;S="";K=-1;P2=0;
// ★★★ 修正点: C の値を2つのノーブレークスペース文字 (U+00A0) に変更 ★★★
C="\u00A0\u00A0"; // JavaScriptエスケープシーケンスでノーブレークスペース2つを指定
U="門";
Q="●";
W="■";
N="＝";
O="＊";
T="ー";
E="<INPUT TYPE=\"button\" VALUE=\"☆\" STYLE=\"font-size: inherit;\" ONCLICK=\"clearTimeout(ID);YYY()\">";
for(i=0;i<400;i++)
S+=(i%20?"":" ")+""+((i+1)%20>1&&i<379?C:W)+"";I("",S);
for(i=0;i<51;i++)I(20+Math.ceil(ccc(i)*339),W);for(i=0;i<11;i++)R(N);I(399,E);
for(i=0;i<(2+SC);i++)R(O);for(i=0;i<2;i++)I(Math.ceil(360+ccc(i)*18),N);R(U);R(T);KY=0;
gg.addEventListener("touchmove", HT, { passive: true });
}

function YYY(){j=0;SC=0;YY();Y();}

YYY();
</script>
</tt>
</body>asdf-j5
├ <body id ="gg" bgcolor=black text=white onKeyDown="K=event.keyCode-37">
<style>
body, tt, input, font, span {
-webkit-text-size-adjust: 100%; /* Safari, Chrome on iOS */
text-size-adjust: 100%; /* Standard */
}
</style>
<tt id=F style="font-size: 200%;">
<script>
function R(H){while(D.all["F"+(S=40+Math.ceil(ccc(i)*319))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}
// ★修正点3 (推奨): タッチ判定の基準を画面幅に応じたものに変更
function HT(event) {
tX = event.touches[0].clientX;
K = 0; // デフォルトは左
if (tX > window.innerWidth / 2) { // 画面の右半分をタッチしたら右へ
K = 2;
}
}

function Y(){if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+20;XX=D.all["F"+P2].innerHTML;
if(XX==C && M==0){P=P+20;}
if(X==O || XX==O){alert("GAME OVER SCORE: "+SC*10);return}
// ★修正点2: Qの再定義時にも font-size: inherit を適用
if(X==T || XX==T){KY=1;Q="●";P=P+20;}
if(X==U || XX==U){if(KY==1){SC++;YY();}else{P=P-20;}}
if(X==W){P=P-M;}
if(X==N || XX==N){P=P-(20*6);while(P<0){P=P+20;}
while(C!=D.all["F"+P].innerHTML){P=P-20;} }
I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }

function YY(){D=document;M=0;P=370;S="";K=-1;P2=0;C="　";
// ★修正点2: 各要素の定義に font-size: inherit を適用
U="門";
Q="●";
W="■";
N="＝";
O="＊";
T="ー";
E="<INPUT TYPE=\"button\" VALUE=\"☆\" STYLE=\"font-size: inherit;\" ONCLICK=\"clearTimeout(ID);YYY()\">"; // STYLE追加
for(i=0;i<400;i++)
S+=(i%20?"":" ")+""+((i+1)%20>1&&i<379?C:W)+"";I("",S);
for(i=0;i<51;i++)I(20+Math.ceil(ccc(i)*339),W);for(i=0;i<11;i++)R(N);I(399,E);
for(i=0;i<(2+SC);i++)R(O);for(i=0;i<2;i++)I(Math.ceil(360+ccc(i)*18),N);R(U);R(T);KY=0;
// HT関数内でpreventDefaultを使用していないため、passive: true を指定してパフォーマンスを改善
gg.addEventListener("touchmove", HT, { passive: true });
// 必要に応じてtouchstartも同様に設定 (スワイプの始点を重視する場合)
// gg.addEventListener("touchstart", HT, { passive: true });
}

function YYY(){j=0;SC=0;YY();Y();}

// (参考) ダブルタップによる拡大防止が必要な場合は以下のコメントを解除してください
/*
let lastTouchEnd = 0;
document.documentElement.addEventListener('touchend', function (event) {
const now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) {
event.preventDefault();
}
lastTouchEnd = now;
}, { passive: false });
*/

YYY();
</script>
</tt>
</body>asdf-j4
├ <body id ="gg" bgcolor=black text=white onKeyDown="K=event.keyCode-37"><tt id=F style="font-size: 200%;"><script>
function R(H){while(D.all["F"+(S=40+Math.ceil(ccc(i)*319))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}
function HT(event) {tX =event.touches[0].clientX;K=0;if(tX > window.innerWidth/2){K=2;}}

function Y(){if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+20;XX=D.all["F"+P2].innerHTML;
if(XX==C && M==0){P=P+20;}
if(X==O || XX==O){alert("GAME OVER SCORE: "+SC*10);return}
if(X==T || XX==T){KY=1;Q="●";P=P+20;}
if(X==U || XX==U){if(KY==1){SC++;YY();}else{P=P-20;}}
if(X==W){P=P-M;}
if(X==N || XX==N){P=P-(20*6);while(P<0){P=P+20;}
while(C!=D.all["F"+P].innerHTML){P=P-20;} }
I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }

function YY(){D=document;M=0;P=370;S="";K=-1;P2=0;C="　";
U="門";Q="●";
W="■";N="＝";
O="＊";T="ー";
E="<INPUT TYPE=\"button\" VALUE=\"☆\" ONCLICK=\"clearTimeout(ID);YYY()\">";
for(i=0;i<400;i++)
S+=(i%20?"":" ")+""+((i+1)%20>1&&i<379?C:W)+"";I("",S);
for(i=0;i<51;i++)I(20+Math.ceil(ccc(i)*339),W);for(i=0;i<11;i++)R(N);I(399,E);
for(i=0;i<(2+SC);i++)R(O);for(i=0;i<2;i++)I(Math.ceil(360+ccc(i)*18),N);R(U);R(T);KY=0;
gg.addEventListener("touchmove", HT); }

function YYY(){j=0;SC=0;YY();Y();}
YYY();</script>
asdfータッチtest3
├ <body bgcolor=black text=white onKeyDown="K=event.keyCode-37">
<tt id=F style="font-size: 200%;">
<script>
// オリジナルのJavaScriptコード (関数 R, I, ccc, Y, YY) は変更なし
function R(H){while(D.all["F"+(S=40+Math.ceil(ccc(i)*319))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}

function Y(){if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+20;XX=D.all["F"+P2].innerHTML;
if(XX==C && M==0){P=P+20;}
if(X==O || XX==O){alert("GAME OVER SCORE: "+SC*10);return}
if(X==T || XX==T){KY=1;Q="●";P=P+20;}
if(X==U || XX==U){if(KY==1){SC++;YY();}else{P=P-20;}}
if(X==W){P=P-M;}
if(X==N || XX==N){P=P-(20*6);while(P<0){P=P+20;}
while(C!=D.all["F"+P].innerHTML){P=P-20;} }
I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }

function YY(){D=document;M=0;P=370;S="";K=-1;P2=0;C="　";
U="門";
Q="●";
W="■";
N="＝";
O="＊";
T="ー";
E="<INPUT TYPE=\"button\" VALUE=\"☆\" STYLE=\"font-size: inherit;\" ONCLICK=\"clearTimeout(ID);YYY()\">";
for(i=0;i<400;i++)
S+=(i%20?"":" ")+""+((i+1)%20>1&&i<379?C:W)+"";I("",S);
for(i=0;i<51;i++)I(20+Math.ceil(ccc(i)*339),W);for(i=0;i<11;i++)R(N);I(399,E);
for(i=0;i<(2+SC);i++)R(O);for(i=0;i<2;i++)I(Math.ceil(360+ccc(i)*18),N);R(U);R(T);KY=0; }

function YYY(){
j=0;SC=0;
YY();
setupTouchControls();
Y();
}

function setupTouchControls() {
let controlsDiv = document.getElementById('touchControls');
if (!controlsDiv) {
controlsDiv = document.createElement('div');
controlsDiv.id = 'touchControls';
controlsDiv.style.position = 'fixed';
controlsDiv.style.bottom = '60px';
controlsDiv.style.left = '50%';
controlsDiv.style.transform = 'translateX(-50%)';
controlsDiv.style.zIndex = '1000';
controlsDiv.style.textAlign = 'center';

// ボタンのHTMLを生成 (左右ボタンのみ、サイズを大きくする)
// min-width は 220px (ユーザーの要望で半分にした状態) を維持
controlsDiv.innerHTML = `
<div>
<button id="btnLeft" style="padding: 40px 70px; margin: 10px; font-size: 96px; min-width: 220px;">←</button>
<button id="btnRight" style="padding: 40px 70px; margin: 10px; font-size: 96px; min-width: 220px;">→</button>
</div>
`;
document.body.appendChild(controlsDiv);
}

document.getElementById('btnLeft').onclick = function() { K = 0; };
document.getElementById('btnRight').onclick = function() { K = 2; };
}

// ★変更点: ダブルタップによる拡大を防ぐ処理
let lastTouchEnd = 0;
document.documentElement.addEventListener('touchend', function (event) {
const now = (new Date()).getTime();
if (now - lastTouchEnd <= 300) { // 300ミリ秒以内に2回目のtouch終了があればダブルタップとみなす
event.preventDefault();
}
lastTouchEnd = now;
}, { passive: false }); // passive: false で preventDefault を有効に

// ゲーム開始
YYY();
</script>
</tt>
</body>asdf-j3
├ <body bgcolor=black text=white onKeyDown="K=event.keyCode-37">
<tt id=F style="font-size: 200%;">
<script>
// オリジナルのJavaScriptコード (関数 R, I, ccc, Y, YY) は変更なし
function R(H){while(D.all["F"+(S=40+Math.ceil(ccc(i)*319))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}

function Y(){if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+20;XX=D.all["F"+P2].innerHTML;
if(XX==C && M==0){P=P+20;} // M=0 (左右入力なし) なら落下するロジックは残ります
if(X==O || XX==O){alert("GAME OVER SCORE: "+SC*10);return}
if(X==T || XX==T){KY=1;Q="●";P=P+20;} // 文字サイズ変更
if(X==U || XX==U){if(KY==1){SC++;YY();}else{P=P-20;}}
if(X==W){P=P-M;}
if(X==N || XX==N){P=P-(20*6);while(P<0){P=P+20;}
while(C!=D.all["F"+P].innerHTML){P=P-20;} }
I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }

function YY(){D=document;M=0;P=370;S="";K=-1;P2=0;C="　";
// 各要素のフォントサイズを inherit に変更
U="門";
Q="●";
W="■";
N="＝";
O="＊";
T="ー";
E="<INPUT TYPE=\"button\" VALUE=\"☆\" STYLE=\"font-size: inherit;\" ONCLICK=\"clearTimeout(ID);YYY()\">"; // STYLE追加でフォントサイズ変更
for(i=0;i<400;i++)
S+=(i%20?"":" ")+""+((i+1)%20>1&&i<379?C:W)+"";I("",S);
for(i=0;i<51;i++)I(20+Math.ceil(ccc(i)*339),W);for(i=0;i<11;i++)R(N);I(399,E);
for(i=0;i<(2+SC);i++)R(O);for(i=0;i<2;i++)I(Math.ceil(360+ccc(i)*18),N);R(U);R(T);KY=0; }

function YYY(){
j=0;SC=0;
YY();
setupTouchControls(); // タッチコントロールをセットアップ
Y();
}

// ★変更点: スマートフォン操作用のボタンをセットアップする関数 (上下ボタン削除、左右ボタンサイズアップ)
function setupTouchControls() {
let controlsDiv = document.getElementById('touchControls');
if (!controlsDiv) {
controlsDiv = document.createElement('div');
controlsDiv.id = 'touchControls';
controlsDiv.style.position = 'fixed';
controlsDiv.style.bottom = '60px'; // 画面下からの距離を少し調整
controlsDiv.style.left = '50%';
controlsDiv.style.transform = 'translateX(-50%)';
controlsDiv.style.zIndex = '1000';
controlsDiv.style.textAlign = 'center';

// ボタンのHTMLを生成 (左右ボタンのみ、サイズを大きくする)
// padding, font-size, min-width を約2倍に変更
controlsDiv.innerHTML = `
<div>
<button id="btnLeft" style="padding: 40px 70px; margin: 10px; font-size: 96px; min-width: 440px;">←</button>
<button id="btnRight" style="padding: 40px 70px; margin: 10px; font-size: 96px; min-width: 440px;">→</button>
</div>
`;
document.body.appendChild(controlsDiv);
}

// 各ボタンにクリック（タップ）イベントを設定 (左右ボタンのみ)
document.getElementById('btnLeft').onclick = function() { K = 0; }; // K=0: 左
document.getElementById('btnRight').onclick = function() { K = 2; }; // K=2: 右
}

// ゲーム開始
YYY();
</script>
</tt>
</body>asdf-j2
├ <body bgcolor=black text=white onKeyDown="K=event.keyCode-37">
<tt id=F>
<script>
// オリジナルのJavaScriptコード (関数 R, I, ccc, Y, YY) は変更なし
function R(H){while(D.all["F"+(S=40+Math.ceil(ccc(i)*319))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}

function Y(){if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+20;XX=D.all["F"+P2].innerHTML;
if(XX==C && M==0){P=P+20;} // M=0 (左右入力なし) なら落下するロジックは残ります
if(X==O || XX==O){alert("GAME OVER SCORE: "+SC*10);return}
if(X==T || XX==T){KY=1;Q="●";P=P+20;}
if(X==U || XX==U){if(KY==1){SC++;YY();}else{P=P-20;}}
if(X==W){P=P-M;}
if(X==N || XX==N){P=P-(20*6);while(P<0){P=P+20;}
while(C!=D.all["F"+P].innerHTML){P=P-20;} }
I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }

function YY(){D=document;M=0;P=370;S="";K=-1;P2=0;C="　";
U="門";Q="●";
W="■";N="＝";
O="＊";T="ー";
E="<INPUT TYPE=\"button\" VALUE=\"☆\" ONCLICK=\"clearTimeout(ID);YYY()\">";
for(i=0;i<400;i++)
S+=(i%20?"":" ")+""+((i+1)%20>1&&i<379?C:W)+"";I("",S);
for(i=0;i<51;i++)I(20+Math.ceil(ccc(i)*339),W);for(i=0;i<11;i++)R(N);I(399,E);
for(i=0;i<(2+SC);i++)R(O);for(i=0;i<2;i++)I(Math.ceil(360+ccc(i)*18),N);R(U);R(T);KY=0; }

function YYY(){
j=0;SC=0;
YY();
setupTouchControls(); // タッチコントロールをセットアップ
Y();
}

// ★変更点: スマートフォン操作用のボタンをセットアップする関数 (上下ボタン削除、左右ボタンサイズアップ)
function setupTouchControls() {
let controlsDiv = document.getElementById('touchControls');
if (!controlsDiv) {
controlsDiv = document.createElement('div');
controlsDiv.id = 'touchControls';
controlsDiv.style.position = 'fixed';
controlsDiv.style.bottom = '60px'; // 画面下からの距離を少し調整
controlsDiv.style.left = '50%';
controlsDiv.style.transform = 'translateX(-50%)';
controlsDiv.style.zIndex = '1000';
controlsDiv.style.textAlign = 'center';

// ボタンのHTMLを生成 (左右ボタンのみ、サイズを大きくする)
controlsDiv.innerHTML = `
<div>
<button id="btnLeft" style="padding: 20px 35px; margin: 10px; font-size: 48px; min-width: 220px;">←</button>
<button id="btnRight" style="padding: 20px 35px; margin: 10px; font-size: 48px; min-width: 220px;">→</button>
</div>
`;
document.body.appendChild(controlsDiv);
}

// 各ボタンにクリック（タップ）イベントを設定 (左右ボタンのみ)
document.getElementById('btnLeft').onclick = function() { K = 0; }; // K=0: 左
document.getElementById('btnRight').onclick = function() { K = 2; }; // K=2: 右
}

// ゲーム開始
YYY();
</script>
</tt>
</body>asdf-j1
├ <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>A-Frame Web Page Example</title>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
</head>
<body>
<a-scene>

<a-entity geometry="primitive: plane; width: 16; height: 9"
position="0 1 -5"
material="src: url('https://p-bookmark.sakura.ne.jp/mhw/mhw-1742225752.htm');"
scale="1 1 1">
</a-entity>
</a-scene>
</body>
</html>test-vr-site1
├ <!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>チェックボックスの反映</title>
<style>
/* レイアウトのスタイル */
#container {
display: flex;
justify-content: space-between;
padding: 20px;
}
#checkbox-container {
width: 30%;
}
#iframe-container {
width: 60%;
border: 1px solid #ccc;
padding: 10px;
}
</style>
</head>
<body>
<div id="container">

<div id="checkbox-container">
<h3>チェックボックス</h3>
<label>
<input type="checkbox" id="checkbox" onclick="updateIframe()"> チェックを入れる
</label>
</div>


<div id="iframe-container">
<iframe id="iframe" srcdoc="<html><body><h2>ここに反映されます</h2></body></html>" width="100%" height="200px"></iframe>
</div>
</div>

<script>
function updateIframe() {
var iframe = document.getElementById("iframe");
var checkbox = document.getElementById("checkbox");
var message = checkbox.checked ? "チェックボックスが選択されました！" : "チェックボックスが解除されました！";

// iframe内のドキュメントを取得して更新する
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
iframeDocument.body.innerHTML = "<h2>" + message + "</h2>";
}
</script>
</body>
</html>
in-test3
├ <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hover Text with A-Frame</title>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<script>
// カスタムコンポーネント：ホバー時に長文を表示
AFRAME.registerComponent('hover-text', {
init: function () {
const el = this.el;
// イベントリスナーの設定
el.addEventListener('mouseenter', function () {
// 長文を表示
document.querySelector('#long-text').setAttribute('visible', true);
});
el.addEventListener('mouseleave', function () {
// 長文を非表示
document.querySelector('#long-text').setAttribute('visible', false);
});
}
});
</script>
</head>
<body style="margin: 0; overflow: hidden;">
<a-scene>

<a-plane color="#ECECEC" width="10" height="10" position="0 0 -5"></a-plane>


<a-camera position="0 1.6 3">

<a-cursor color="#FF0000" position="0 0 -2"></a-cursor>
</a-camera>


<a-text value="Hover over me!" position="0 1 -3" hover-text color="#000"></a-text>


<a-text id="long-text" value="This is a longer piece of text that appears when you hover over the floating text." position="0 -1 -3" visible="false" color="#000"></a-text>
</a-scene>
</body>
</html>
moji
├ <!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>VR 迷路ゲーム</title>
<script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script>
<script src="https://aframe.io/releases/1.2.0/aframe-ar.js"></script>
<style>
body { margin: 0; overflow: hidden; }
</style>
</head>
<body>
<a-scene embedded>

<a-plane position="0 0 -5" rotation="-90 0 0" width="10" height="10" color="#7BC8A4"></a-plane>


<a-box position="0 1 -2" depth="0.1" height="2" width="4" color="#4CC3D9"></a-box>
<a-box position="4 1 -4" depth="0.1" height="2" width="4" color="#4CC3D9"></a-box>
<a-box position="0 1 -6" depth="0.1" height="2" width="4" color="#4CC3D9"></a-box>
<a-box position="2 1 -6" depth="0.1" height="2" width="4" color="#4CC3D9"></a-box>


<a-sphere position="0 0.5 -2" radius="0.3" color="#FF0000" id="start"></a-sphere>


<a-sphere position="2 0.5 -6" radius="0.3" color="#00FF00" id="goal"></a-sphere>


<a-camera position="0 1.6 0" look-controls="pointerLockEnabled: true"></a-camera>
</a-scene>

<script>
// スタートからゴールにカーソルで動く機能
document.querySelector('#start').addEventListener('click', function() {
const camera = document.querySelector('a-camera');
const startPosition = new THREE.Vector3(0, 1.6, 0);
const goalPosition = new THREE.Vector3(2, 1.6, -6);

let moveInterval = setInterval(() => {
const currentPosition = camera.getAttribute('position');
let direction = goalPosition.clone().sub(new THREE.Vector3(currentPosition.x, 0, currentPosition.z)).normalize();

// カメラを目標に向かって動かす
camera.setAttribute('position', {
x: currentPosition.x + direction.x * 0.05,
y: currentPosition.y,
z: currentPosition.z + direction.z * 0.05
});

// ゴールに到達したら止める
if (currentPosition.distanceTo(goalPosition) < 0.5) {
clearInterval(moveInterval);
alert('ゴールに到達しました!');
}
}, 50);
});
</script>
</body>
</html>
test5-meiro-cgpt
├ <!DOCTYPE html>
<html>
<head>
<title>3D Maze in VR (A-Frame)</title>
<script src="https://aframe.io/releases/1.4.0/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-environment-component@1.3.1/dist/aframe-environment-component.min.js"></script>
<script>
// カスタムコンポーネント: キーボード入力での移動
AFRAME.registerComponent('movement-controls', {
schema: {
speed: { type: 'number', default: 0.2 }
},
init: function () {
this.direction = new THREE.Vector3();
this.onKeyDown = this.onKeyDown.bind(this);
this.onKeyUp = this.onKeyUp.bind(this);
window.addEventListener('keydown', this.onKeyDown);
window.addEventListener('keyup', this.onKeyUp);

this.forward = false;
this.backward = false;
this.left = false;
this.right = false;
},
tick: function (time, timeDelta) {
const speed = this.data.speed;
const rotation = this.el.getAttribute('rotation');
const direction = this.direction;

direction.set(0, 0, 0); // 毎回リセット

if (this.forward) direction.z -= 1;
if (this.backward) direction.z += 1;
if (this.left) direction.x -= 1;
if (this.right) direction.x += 1;

direction.normalize(); // ベクトルの長さを1に

if (direction.length() > 0) {
// カメラの向きを考慮して移動
const cameraRotation = this.el.getAttribute('rotation');

// Y軸周りの回転（Yaw）だけを適用するクォータニオンを作成
const yawQuaternion = new THREE.Quaternion().setFromEuler(new THREE.Euler(0, THREE.MathUtils.degToRad(cameraRotation.y), 0, 'YXZ'));
direction.applyQuaternion(yawQuaternion);

// 移動量を計算
const deltaPosition = direction.multiplyScalar(speed * timeDelta / 1000);

// 現在の位置に加算
const currentPosition = this.el.getAttribute('position');
const newPosition = {
x: currentPosition.x + deltaPosition.x,
y: currentPosition.y, // 高さは変えない
z: currentPosition.z + deltaPosition.z
};
this.el.setAttribute('position', newPosition);
}
},

onKeyDown: function (event) {
switch (event.code) {
case 'ArrowUp':
case 'KeyW':
this.forward = true;
break;
case 'ArrowDown':
case 'KeyS':
this.backward = true;
break;
case 'ArrowLeft':
case 'KeyA':
this.left = true;
break;
case 'ArrowRight':
case 'KeyD':
this.right = true;
break;
}
},
onKeyUp: function (event) {
switch (event.code) {
case 'ArrowUp':
case 'KeyW':
this.forward = false;
break;
case 'ArrowDown':
case 'KeyS':
this.backward = false;
break;
case 'ArrowLeft':
case 'KeyA':
this.left = false;
break;
case 'ArrowRight':
case 'KeyD':
this.right = false;
break;
}
},

remove: function () {
window.removeEventListener('keydown', this.onKeyDown);
window.removeEventListener('keyup', this.onKeyUp);
}
});

// 迷路生成 (簡単な例)
AFRAME.registerComponent('maze-generator', {
init: function () {
const mazeData = [
[1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
[1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
[1, 0, 1, 1, 1, 0, 1, 1, 0, 1],
[1, 0, 0, 0, 0, 0, 1, 0, 0, 1],
[1, 0, 1, 0, 1, 1, 1, 0, 1, 1],
[1, 0, 0, 0, 0, 0, 0, 0, 0, 1],
[1, 1, 0, 1, 1, 0, 1, 1, 0, 1],
[1, 0, 0, 0, 1, 0, 0, 0, 0, 1],
[1, 0, 1, 0, 0, 0, 1, 1, 0, 1],
[1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
];

const wallSize = 2; // 壁のサイズ
const wallHeight = 3; //壁の高さ

for (let row = 0; row < mazeData.length; row++) {
for (let col = 0; col < mazeData[row].length; col++) {
if (mazeData[row][col] === 1) {
const wall = document.createElement('a-box');
wall.setAttribute('width', wallSize);
wall.setAttribute('height', wallHeight); // 高さを設定
wall.setAttribute('depth', wallSize);
wall.setAttribute('position', {
x: col * wallSize,
y: wallHeight / 2, // 高さを半分にして地面に合わせる
z: row * wallSize
});
wall.setAttribute('material', 'color', 'gray'); // 壁の色
this.el.appendChild(wall);
}
}
}

// 天井 (屋根)
const ceiling = document.createElement('a-plane');
ceiling.setAttribute('width', wallSize * mazeData[0].length);
ceiling.setAttribute('height', wallSize * mazeData.length);
ceiling.setAttribute('position', { x: (wallSize * mazeData[0].length) / 2 - wallSize/2, y: wallHeight, z: (wallSize * mazeData.length) / 2 - wallSize/2 }); //中央に
ceiling.setAttribute('rotation', '-90 0 0');
ceiling.setAttribute('material', 'color', '#87CEEB'); // 空のような色
ceiling.setAttribute('side', 'double'); //両面
this.el.appendChild(ceiling);

// 床
const floor = document.createElement('a-plane');
floor.setAttribute('width', wallSize * mazeData[0].length);
floor.setAttribute('height', wallSize * mazeData.length);
floor.setAttribute('position', {x: (wallSize * mazeData[0].length) / 2 - wallSize/2, y: 0, z: (wallSize * mazeData.length) / 2- wallSize/2 });
floor.setAttribute('rotation', '-90 0 0');
floor.setAttribute('material', 'color', '#228B22'); // 草のような色
floor.setAttribute('side', 'double');
this.el.appendChild(floor);

}
});

</script>
</head>
<body>
<a-scene>
<a-entity id="rig" movement-controls>
<a-entity camera look-controls wasd-controls="enabled:false" position="0 1.6 0"></a-entity>
</a-entity>

<a-entity maze-generator></a-entity>

<a-entity environment="preset: forest; groundColor: #445; grid: cross"></a-entity>

</a-scene>
</body>
</html>test4-meiro
├ <!DOCTYPE html>
<html>
<head>
<title>Babylon.js VR Sample</title>
<style>
html, body {
overflow: hidden;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

#renderCanvas {
width: 100%;
height: 100%;
touch-action: none;
}
#vrButton {
position: absolute;
bottom: 20px;
left: 20px;
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
}
</style>
<script src="https://cdn.babylonjs.com/babylon.js"></script>
</head>
<body>
<canvas id="renderCanvas"></canvas>
<button id="vrButton">Enter VR</button>
<script>
const canvas = document.getElementById("renderCanvas");
const engine = new BABYLON.Engine(canvas, true);

const createScene = function () {
const scene = new BABYLON.Scene(engine);

const camera = new BABYLON.ArcRotateCamera("camera", 0, Math.PI / 2, 5, new BABYLON.Vector3(0, 0, 0), scene);
camera.attachControl(canvas, true);

const light = new BABYLON.HemisphericLight("light", new BABYLON.Vector3(0, 1, 0), scene);

const box = BABYLON.MeshBuilder.CreateBox("box", {size: 1}, scene);

return scene;
};

const scene = createScene();

engine.runRenderLoop(function () {
scene.render();
});

window.addEventListener("resize", function () {
engine.resize();
});

// VRボタンの処理
const vrButton = document.getElementById("vrButton");
vrButton.addEventListener("click", function() {
scene.createDefaultVRExperience({createDeviceOrientationCamera:false});
});
</script>
</body>
</html>test3-bab
├ <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>A-Frame Click Rotation (JavaScript)</title>
<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
</head>
<body>
<a-scene id="scene">

<a-box position="0 1 -3" color="#4CC3D9" id="myBox"></a-box>

<a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="lightgreen"></a-plane>

<a-sky color="#ECECEC"></a-sky>

<a-camera position="0 1.6 0" look-controls></a-camera>
</a-scene>

<script>
// A-Frameシーンと立方体の取得
const scene = document.getElementById('scene');
const box = document.getElementById('myBox');
let isRotating = false;

// クリックイベントの追加
scene.addEventListener('click', function (event) {
// マウスの座標を正規化
const mouse = new THREE.Vector2();
mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;

// レイキャスターの作成
const raycaster = new THREE.Raycaster();
raycaster.setFromCamera(mouse, scene.camera);

// クリックした位置に立方体があるか確認
const intersects = raycaster.intersectObjects([box.object3D]);

// 立方体がクリックされたら回転アニメーションをトグル
if (intersects.length > 0) {
isRotating = !isRotating;
if (isRotating) {
// 回転アニメーションを追加
box.setAttribute('animation', {
property: 'rotation',
to: '0 360 0',
loop: true,
dur: 1000,
easing: 'linear'
});
} else {
// アニメーションを停止
box.removeAttribute('animation');
}
}
});
</script>
</body>
</html>
test2
├ <html>
<head>
<title></title>
<style type="text/css">
a:link { text-decoration: none; }
b:hover { background-color: #aaaaaa; }
b { text-decoration: none; position: absolute; }
</style>
</head>
<body>
<script type="text/javascript">
var di = 0.8, a = 0, b = 0, aa = 0, bb = 0, aaa = 0, bbb = 0, aaa2 = 0, bbb2 = 0, c = 0, e = 0.05;
var isMouseDown = false; // マウスが押されているかどうかを管理するフラグ
var isTouching = false; // タッチがされているかどうかを管理するフラグ

for (i = 0; i < 13; i++) {
document.write('<a href="http://www.google.co.jp">' + i + '</a>');
}

document.write('<a href="http://www.google.co.jp"></a>');

for (i = 14; i < 27; i++) {
document.write('<a href="http://www.google.co.jp">' + i + '</a>');
}

function f() {
i = 0;
for (x = -di; x <= di; x += di) {
for (y = -di; y <= di; y += di) {
for (z = -di; z <= di; z += di) {
u = x;
v = y;
w = z;

v2 = v * Math.cos(b) - w * Math.sin(b);
w = v * Math.sin(b) + w * Math.cos(b);
v = v2;
u2 = w * Math.cos(a) - u * Math.sin(a);
w = w * Math.sin(a) + u * Math.cos(a);
u = u2;
c = Math.round((w + 2) * 70);
if (c < 0) { c = 0; }
if (c > 255) { c = 255; }
s = document.getElementById('l' + i).style;
s.left = 300 + u * (w + 2) * 50;
s.top = 250 + v * (w + 2) * 50;
s.color = 'rgb(' + (255 - c) + ', ' + (255 - c) + ',' + (255 - c) + ')';
s.fontSize = (w + 2) * 10 + 'px';
s.zIndex = Math.round((w + 2) * 10);
i++;
}
}
}
}
setInterval('f()', 30);

// マウスがクリックされた状態で動くように
document.body.addEventListener('mousedown', function(event) {
isMouseDown = true; // マウスボタンが押された状態
});

// マウスのクリックが離された状態にする
document.body.addEventListener('mouseup', function(event) {
isMouseDown = false; // マウスボタンが離された状態
});

// タッチ開始
document.body.addEventListener('touchstart', function(event) {
isTouching = true; // タッチが開始された状態
});

// タッチ終了
document.body.addEventListener('touchend', function(event) {
isTouching = false; // タッチが終了した状態
});

// マウスイベント (クリック中のみ動かす)
document.body.addEventListener('mousemove', function(event) {
if (isMouseDown) { // マウスボタンが押されている時だけ動かす
aaa = event.clientX / 999;
a = a + ((aaa - aaa2) < 0) * e - ((aaa2 - aaa) < 0) * e;
aaa2 = aaa;

bbb = event.clientY / 999;
b = b + ((bbb - bbb2) < 0) * e - ((bbb2 - bbb) < 0) * e;
bbb2 = bbb;
}
});

// タッチイベント (タッチ中のみ動かす)
document.body.addEventListener('touchmove', function(event) {
if (isTouching) { // タッチがされている時だけ動かす
event.preventDefault(); // デフォルトの動作を無効にして、スクロールを防ぐ

var touch = event.touches[0];
var touchX = touch.clientX;
var touchY = touch.clientY;

// タッチでの動きに基づいてaとbを更新
aaa = touchX / 999;
a = a + ((aaa - aaa2) < 0) * e - ((aaa2 - aaa) < 0) * e;
aaa2 = aaa;

bbb = touchY / 999;
b = b + ((bbb - bbb2) < 0) * e - ((bbb2 - bbb) < 0) * e;
bbb2 = bbb;
}
});
</script>

</body>
</html>
3dhtmlーーマウスダウンとタッチに対応
├ <!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>表示・非表示ボタンsample</title>
<style>
.section {margin: 20px 0;padding: 10px;border: 0px solid #ccc;display: none;}
</style>
</head>
<body>
<button onclick="showAllSections()">表示</button><button onclick="hideAllSections()">非表示</button>

<div class="section">
ここはセクション 1 です。内容が表示されているときはこのセクションを確認できます。
</div>

<div class="section">
ここはセクション 2 です。内容が表示されているときはこのセクションを確認できます。
</div>

<div class="section">
ここはセクション 3 です。内容が表示されているときはこのセクションを確認できます。
</div>

<div class="section">
ここはセクション 4 です。内容が表示されているときはこのセクションを確認できます。
</div>

<script>
// すべてのセクションを表示
function showAllSections() {
var sections = document.querySelectorAll('.section'); // .sectionクラスのすべての要素を取得
sections.forEach(function(section) {section.style.display = "block";});
}

// すべてのセクションを非表示
function hideAllSections() {
var sections = document.querySelectorAll('.section'); // .sectionクラスのすべての要素を取得
sections.forEach(function(section) {section.style.display = "none";});
}
</script>

</body>
</html>
表示非表示
├ <body>
#MRCパラメータのセット140905 161031積層順位を追加、設定値1μマイナス、層間断線追加
#
#参考：SETMRC.tcl mrcctl.tcl MRCSET.tcl
#

###############################################################データを読んでidataリストへ登録し、 $dataaにヒットしたときの値を返す部品(修正)
proc idata { dataa } {
set idataall "";set fid [open iraisyo-data.txt];while { [gets $fid line] >= 0} {lappend idataall $line;};close $fid ;
foreach dddd $idataall {set idatas [split $dddd ":"];
if {[lindex $idatas 0] == $dataa} {set idatano [lindex $idatas 1];return $idatano;};
};};
###############################################################
####以下の部分はファイルがあれば！の部分
set bbb1 [query pfdfile];set bbb2 "";set bbb4 "";set bbb3 "/";set flag 0;set pall [split $bbb1 "\\"];
foreach ddd $pall {if {$flag == 0} {set bbb2 "$bbb2$ddd$bbb3";};if {[string first "PC-" $ddd ] > -1} {set flag 1;};};#PC-直下のフォルダを抽出
for { set i 1 } { $i <= [expr [llength $pall] -1] } { incr i } {set ddd [lindex $pall [expr $i -1]];set bbb4 "$bbb4$ddd$bbb3";};#開いてるファイルのあるフォルダを抽出
set iraira "iraisyo-data.txt";
if {[file exists "$bbb2$iraira"] == 0} {magbox "iraisyo-data.txt が見つからない";return;};
cd $bbb2;set ia1 [idata "補正Eg"]; cd $bbb4;

if {$ia1 == "有り"} {
####################################################################ファイルの有無で前処理をやったか確認
set bbb1 [query pfdfile];echo $bbb1;
set bbb2 "";set pall [split $bbb1 "\\"];set ffn "";
foreach ddd $pall {if {[string first ".pfd" $ddd ] > -1} {set ffn $ddd;}; };
set ffn [string range $ffn 0 [expr [string length $ffn] - 5 ] ];
set ffs "--グリッド・クリーンアップ前";
set ffn "$ffn$ffs";
set aaa [glob -nocomplain "*.pfd"];
if {[string first $ffn $aaa] == -1} {msgbox "グリッド・クリーンアップ前のpfdファイルが有りません。処理を中止します。";
echo "グリッド・クリーンアップ前のバックアップが無いので、未実行と判断";return;} else {
echo "グリッド・クリーンアップ前のバックアップファイルを確認。";
};
####################################################################
};

###入力２．５ ##2021.03.10仕様変更
combobox caption {IVHドリル－外形クリアランス値};
combobox items {{板厚1.6t以下：0.5} {1.6t超：1.0}};
combobox active {板厚1.6t以下：0.5};
set enmen2 [combobox open];
if {$enmen2 == "板厚1.6t以下：0.5"} {set enmen 0.5;};
if {$enmen2 == "1.6t超：1.0"} {set enmen 1.0;};
if { $enmen2 == "--canceled" } {msgbox "何も入力されませんでした。終了します。";return;};

set nnflag 0;
#積層順位の設定
#レイヤー構成を上から調べながら、構築する命令を変数GOOに文字列として溜め、最後にevalで実行する方法を取っています。
set nco "";set lao "";
if {[query editst] !="CAM" || [query topst] !="CAM"} {msgbox "編集ストラクチャとTOPストラクチャがCAMではありません。終了します。";return;}
set GOO "deflay untype -pwb;";
set gaisuu2 "(";set lmax 0;set pmax 0;
foreach gaisuu [query layernames] {
if {[string range $gaisuu 0 1] != "LA" && [string range $gaisuu 0 0] == "L" && [string first $gaisuu2 $gaisuu ] == -1} {
if {[query existlay $gaisuu:1] == 1} {
if {[query uselaystruct $gaisuu:1] != "WAKU" } {
set pmax [expr $pmax + 1];set GOO "$GOO deflay type $gaisuu pattern $pmax;";lappend pto $gaisuu;
#set lll [string range $gaisuu 1 3];if { $lll > $lmax && [query uselaystruct $gaisuu:1] == "CAM"} { set lmax $lll;}
continue;
};};};
if {$gaisuu == "Mark"} {continue;};

#################外形を追加 2021.03.10
if {$gaisuu == "MRC-G"} {set GOO "$GOO deflay type MRC-G outline;";continue;};
if {$gaisuu == "GGG"} {
if {[query existlay MRC-G:1] != "1"} {set GOO "$GOO deflay type GGG outline;";continue;} else {set GOO "$GOO deflay untype GGG;";continue;};
};
if {$gaisuu == "GG"} {
if {[query existlay MRC-G:1] != "1" && [query existlay GGG:1] != "1"} {set GOO "$GOO deflay type GG outline;";continue;} else {set GOO "$GOO deflay untype GG;";continue;};
};
if {$gaisuu == "G"} {
if {[query existlay MRC-G:1] != "1" && [query existlay GG:1] != "1" && [query existlay GGG:1] != "1"} {set GOO "$GOO deflay type G outline;";continue;} else {set GOO "$GOO deflay untype G;";continue;};
};
#################

#if { [string range $gaisuu 0 1] == "NC" && [regexp {[0-9]+} [string range $gaisuu 2 2] ] == 1} {lappend nco $gaisuu;continue;}
if { [string range $gaisuu 0 1] == "LA" && [regexp {[0-9]+} [string range $gaisuu 2 2] ] == 1} {lappend lao $gaisuu;continue;}
set GOO "$GOO deflay untype $gaisuu;";
echo $gaisuu;
};
set LL "L";set NN "N";set PP "P";
if {$nco != ""} {
foreach ncp $nco {set ncppp [split $ncp "_"];set ncp2 [lindex $ncppp 0];
switch -- [string length $ncp2] {
4 {set nc1 [string range $ncp 2 2];set nc2 [string range $ncp 3 3];}
5 {set nc1 [string range $ncp 2 2];set nc2 [string range $ncp 3 4];}
6 {set nc1 [string range $ncp 2 3];set nc2 [string range $ncp 4 5];}
default {
eval "laystack pattern $pmax;laystack drill 6;laystack sresist on;laystack silk on;laystack outline on;";
eval $GOO;echo "積層順位を設定しました。NCレイヤーの数値が判別不能であるため、NCは未設定です。";
return;}
}
set p1p [lsearch $pto $LL$nc1$PP];set p1n [lsearch $pto $LL$nc1$NN];set p1 [lsearch $pto $LL$nc1];
if { $p1 != -1 && $p1n != -1 && $p1n < $p1 } {set p1 $p1n;};#無印とNがあった場合、小さい方をP1に設定
if { $p1 != -1 && $p1p != -1 && $p1p < $p1 } {set p1 $p1p;};#無印とPがあった場合、小さい方をP1に設定
if { $p1 == -1 && $p1n != -1} {set p1 $p1n;};#無印がなくてNがあった場合、P1に設定
if { $p1 == -1 && $p1p != -1} {set p1 $p1p;};#無印がなくてPがあった場合、P1に設定
set p2p [lsearch $pto $LL$nc2$PP];set p2n [lsearch $pto $LL$nc2$NN];set p2 [lsearch $pto $LL$nc2];
if { $p2 != -1 && $p2n != -1 && $p2n > $p2 } {set p2 $p2n;};#無印とNがあった場合、大きい方をP2に設定
if { $p2 != -1 && $p2p != -1 && $p2p > $p2 } {set p2 $p2p;};#無印とPがあった場合、大きい方をP2に設定
if { $p2 == -1 && $p2n != -1} {set p2 $p2n;};#無印がなくてNがあった場合、P2に設定
if { $p2 == -1 && $p2p != -1} {set p2 $p2p;};#無印がなくてPがあった場合、P2に設定
set p1 [expr $p1 + 1];set p2 [expr $p2 + 1];
set GOO "$GOO deflay type $ncp ivh drill $p1 $p2;";
};
} else {msgbox "nc数値レイヤーが見つかりませんでした。中止します。";return;};
if {$lao != ""} {
foreach lap $lao {
switch -- [string length $lap] {
4 {set la1 [string range $lap 2 2];set la2 [string range $lap 3 3];}
5 {set la1 [string range $lap 2 2];set la2 [string range $lap 3 4];}
6 {set la1 [string range $lap 2 3];set la2 [string range $lap 4 5];}
default {
eval "laystack pattern $pmax;laystack drill 6;laystack sresist on;laystack silk on;laystack outline on;";
eval $GOO;echo "積層順位を設定しました。LAレイヤーの数値が判別不能であるため、LAは未設定です。";
return;}
}
set p1p [lsearch $pto $LL$la1$PP];set p1n [lsearch $pto $LL$la1$NN];set p1 [lsearch $pto $LL$la1];
if { $p1 != -1 && $p1n != -1 && $p1n < $p1 } {set p1 $p1n;};
if { $p1 != -1 && $p1p != -1 && $p1p < $p1 } {set p1 $p1p;};
if { $p1 == -1 && $p1n != -1} {set p1 $p1n;};
if { $p1 == -1 && $p1p != -1} {set p1 $p1p;};
set p2p [lsearch $pto $LL$la2$PP];set p2n [lsearch $pto $LL$la2$NN];set p2 [lsearch $pto $LL$la2];
if { $p2 != -1 && $p2n != -1 && $p2n > $p2 } {set p2 $p2n;};
if { $p2 != -1 && $p2p != -1 && $p2p > $p2 } {set p2 $p2p;};
if { $p2 == -1 && $p2n != -1} {set p2 $p2n;};
if { $p2 == -1 && $p2p != -1} {set p2 $p2p;};
set p1 [expr $p1 + 1];set p2 [expr $p2 + 1];
set GOO "$GOO deflay type $lap ivh laser $p1 $p2;";
};
};
eval "laystack pattern $pmax;laystack drill [expr 4 + [llength $nco]];laystack sresist on;laystack silk on;laystack outline on;";
eval $GOO;echo "IVH用の積層順位を設定しました。";eval $GOO;eval $GOO;

#-----------------------------------------------------------------------------
# 説明
# MRC のパラメータ設定/実行を実施する。
#
# 使用方法
# mrc exec MRC を実行
# mrc enable 項目 ... 項目をチェックする
# mrc disable 項目 ... 項目をチェックしない
# mrc pat パラメータパターンチェック用のパラメータを設定
# mrc drill パラメータドリルチェック用のパラメータを設定
# mrc vccgnd パラメータ電源/グランドチェック用のパラメータを設定
# mrc sresist パラメータソルダレジストチェック用のパラメータを設定
# mrc silk パラメータシルクチェック用のパラメータを設定
#
#-----------------------------------------------------------------------------

#MRC全体のチェックをドリルのみにする

mrc disable pat
mrc enable drill
mrc disable vccgnd
mrc disable sresist
mrc disable silk

#ドリルの重複、通過するパッドの存在、外形とのチェック、ドローのアニュラリングのみにする

#単層クリアランス
mrc drill disable ccheck
#ドリルの重複
mrc drill enable drldup
#層間断線
mrc drill enable bdown
#通過するパッドの存在
mrc drill enable padcmp
#アニュラリング
mrc drill disable annu
#ドリルの過不足
mrc drill disable unmatch
#外形とのチェック
mrc drill enable ocheck
#ドローのアニュラリング
mrc drill enable annudraw

#-----------------------------------------------------------------------------
# 説明
# ドリルチェック用のパラメータ設定を実施する(内部コマンド)
#
# 使用方法
# MrcDrill コマンドパラメータ
#
# 指示
# enable 項目 ... 項目のチェックする
# disable 項目 ... 項目のチェックしない
# ccheck コマンド単層クリアランスチェックのパラメータ設定
# drldup コマンドドリル重複チェックのパラメータ設定
# bdown コマンド層間断線チェックのパラメータ設定
# padcmp コマンド通過するパッドの存在チェックのパラメータ設定
# annu コマンドアニュアリングチェックのパラメータ設定
# unmatch コマンドドリル過不足チェックのパラメータ設定
# ocheck コマンド外形とのクリアランスチェックのパラメータ設定
# // ANNUAL-RING
# annudrawコマンドドローデータとのアニュアリングチェックのパラメータ設定
#
#-----------------------------------------------------------------------------

# drldup コマンドドリル重複チェックのパラメータ設定

mrc drill drldup range 0.2; #MRCSETによる影響を受ける
mrc drill drldup chrone off;
mrc drill drldup omitap { };
mrc drill drldup chktype 0;

#▽▽▽▽▽▽▽▽
#▽　層間断線　▽
#▽▽▽▽▽▽▽▽
#
#ドリル種別によるクリアランス値
#対ライン（貫通非貫通 IVHドリル IVHレーザー）
mrc drill bdown d2l 0.001 0.001 0.224 0.001
#対パット（貫通非貫通 IVHドリル IVHレーザー）
mrc drill bdown d2p 0.001 0.001 0.224 0.001
#対レジスト（貫通非貫通 IVHドリル IVHレーザー）
mrc drill bdown d2r 0.001 0.001 0.001 0.001
#対シルク（貫通非貫通 IVHドリル IVHレーザー）
mrc drill bdown d2s 0.001 0.001 0.001 0.001
#条件設定
#NTHの接続は全てエラーとする
mrc drill bdown nthru on
#パットのない接続は全てエラーとする
mrc drill bdown onpad on

# padcmp コマンド通過するパッドの存在チェックのパラメータ設定

mrc drill padcmp range 0.2; #MRCSETによる影響を受ける
mrc drill padcmp detail off; #MRCSETによる影響を受ける
mrc drill padcmp mode off; #MRCSETによる影響を受ける

mrc drill padcmp sufpad on; #MRCSETによる影響を受ける
mrc drill padcmp sufdrl off; #MRCSETによる影響を受ける

mrc drill padcmp inpad on; #MRCSETによる影響を受ける
mrc drill padcmp indrl off; #MRCSETによる影響を受ける

mrc drill padcmp vgpad on; #MRCSETによる影響を受ける
mrc drill padcmp vgdrl on; #MRCSETによる影響を受ける

mrc drill padcmp omitap { };

#########ドリル　外形とのチェック ##2021.03.10仕様変更

mrc drill enable ocheck;

#検査項目

#ライン対ライン
mrc drill ocheck l2l on;
#ライン対パッド
mrc drill ocheck p2l on;
#パッド対パッド
mrc drill ocheck p2p on;

#検査タイプ

#交差も接続とみなす
mrc drill ocheck cross on;
#外形線幅をゼロとみなす
mrc drill ocheck zero on;

#クリアランス値
mrc drill ocheck size $enmen $enmen $enmen;

# annudrawコマンドドローデータとのアニュアリングチェックのパラメータ設定

mrc drill annudraw border 0 0.0 0.0 0.0; #MRCSETによる影響を受ける
mrc drill annudraw sfpattern 0.139 0.1 0.139 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1; #MRCSETによる影響を受ける
mrc drill annudraw inpattern 0.139 0.1 0.139 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1; #MRCSETによる影響を受ける
mrc drill annudraw vgthermal 0.139 0.1 0.139 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1; #MRCSETによる影響を受ける
mrc drill annudraw vgclearance 0.279 0.1 0.279 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1; #MRCSETによる影響を受ける
mrc drill annudraw resist 0.099 0.1 0.099 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1;

mrc drill annudraw width 25.0; #MRCSETによる影響を受ける
mrc drill annudraw height 25.0; #MRCSETによる影響を受ける
mrc drill annudraw therm {in }; #MRCSETによる影響を受ける
mrc drill annudraw noobject off;
mrc drill annudraw mini_via 0.0;

#-----------------------------------------------------------------------------

##########################################################################################################################################################

#バックアップをその場で作製する。名前は「MRC前--IVH--作製時間.pfd」　となる。
set FFname "MRC前--IVH--";
set bname "$FFname[clock format [clock seconds] -format --%H%M%S]";
set bbb1 [query pfdfile];
saveas $bbb1;
file copy $bbb1 $bname.pfd;
echo "バックアップ作成　$bname.pfd";

######################################################################################################################################################
test1
├ ｃｃ
├ link
├ <canvas style=width:99% id=c onclick=setInterval('for(c.width=w=99,++t,i=6e3;i--;c.getContext`2d`.fillRect(i%w,i/w|0,1-d*Z/w+s,1))for(a=i%w/50-1,s=b=1-i/4e3,X=t,Y=Z=d=1;++Z<w&(Y<6-(32<Z&27<X%w&&X/9^Z/8)*8%46||d|(s=(X&Y&Z)%3/Z,a=b=1,d=Z/w));Y-=b)X+=a',t=9)>mathi-
├ <body id ="gg" bgcolor=black text=white onKeyDown="K=event.keyCode-37"><tt id=F><script>
function R(H){while(D.all["F"+(S=40+Math.ceil(ccc(i)*319))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}
function HT(event) {sX=tX;tX =event.touches[0].clientX;K=0;if(tX>sX){K=2;};I(420,E);}

function Y(){if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+20;XX=D.all["F"+P2].innerHTML;
if(XX==C && M==0){P=P+20;}
if(X==O || XX==O){alert("GAME OVER SCORE: "+SC*10);return}
if(X==T || XX==T){KY=1;Q="●";P=P+20;}
if(X==U || XX==U){if(KY==1){SC++;YY();}else{P=P-20;}}
if(X==W){P=P-M;}
if(X==N || XX==N){P=P-(20*6);while(P<0){P=P+20;}
while(C!=D.all["F"+P].innerHTML){P=P-20;} }
I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }

function YY(){D=document;M=0;P=370;S="";K=-1;P2=0;C="　";
U="門";Q="●";
W="■";N="＝";
O="＊";T="ー";
E="<INPUT TYPE=\"button\" VALUE=\"☆\" ONCLICK=\"clearTimeout(ID);YYY()\">";
for(i=0;i<421;i++)
S+=(i%20?"":" ")+""+((i+1)%20>1&&i<379?C:W)+"";I("",S);
for(i=0;i<51;i++)I(20+Math.ceil(ccc(i)*339),W);for(i=0;i<11;i++)R(N);I(419,E);
for(i=0;i<(2+SC);i++)R(O);for(i=0;i<2;i++)I(Math.ceil(360+ccc(i)*18),N);R(U);R(T);KY=0;
gg.addEventListener("touchmove", HT); }

function YYY(){j=0;SC=0;YY();Y();}
YYY();</script>asdfータッチtest2
├ <body id ="gg" bgcolor=black text=white onKeyDown="K=event.keyCode-37"><tt id=F><script>
function R(H){while(D.all["F"+(S=40+Math.ceil(ccc(i)*319))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}
function HT(event) {tX =event.touches[0].clientX;K=0;if(tX>180){K=2;}}

function Y(){if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+20;XX=D.all["F"+P2].innerHTML;
if(XX==C && M==0){P=P+20;}
if(X==O || XX==O){alert("GAME OVER SCORE: "+SC*10);return}
if(X==T || XX==T){KY=1;Q="●";P=P+20;}
if(X==U || XX==U){if(KY==1){SC++;YY();}else{P=P-20;}}
if(X==W){P=P-M;}
if(X==N || XX==N){P=P-(20*6);while(P<0){P=P+20;}
while(C!=D.all["F"+P].innerHTML){P=P-20;} }
I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }

function YY(){D=document;M=0;P=370;S="";K=-1;P2=0;C="　";
U="門";Q="●";
W="■";N="＝";
O="＊";T="ー";
E="<INPUT TYPE=\"button\" VALUE=\"☆\" ONCLICK=\"clearTimeout(ID);YYY()\">";
for(i=0;i<400;i++)
S+=(i%20?"":" ")+""+((i+1)%20>1&&i<379?C:W)+"";I("",S);
for(i=0;i<51;i++)I(20+Math.ceil(ccc(i)*339),W);for(i=0;i<11;i++)R(N);I(399,E);
for(i=0;i<(2+SC);i++)R(O);for(i=0;i<2;i++)I(Math.ceil(360+ccc(i)*18),N);R(U);R(T);KY=0;
gg.addEventListener("touchmove", HT); }

function YYY(){j=0;SC=0;YY();Y();}
YYY();</script>asdfータッチtest1
├ <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3D Ball</title>
<style>
body { margin: 0; overflow: hidden; }
canvas { display: block; }
</style>
</head>
<body>
<canvas id="canvas"></canvas>

<script>
const canvas = document.getElementById('canvas');
const gl = canvas.getContext('webgl');

const vertexShaderSource = `
attribute vec3 a_position;
void main() {
gl_Position = vec4(a_position, 1.0);
}
`;

const fragmentShaderSource = `
precision mediump float;
void main() {
gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0);
}
`;

const vertexShader = gl.createShader(gl.VERTEX_SHADER);
gl.shaderSource(vertexShader, vertexShaderSource);
gl.compileShader(vertexShader);

const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);
gl.shaderSource(fragmentShader, fragmentShaderSource);
gl.compileShader(fragmentShader);

const program = gl.createProgram();
gl.attachShader(program, vertexShader);
gl.attachShader(program, fragmentShader);
gl.linkProgram(program);
gl.useProgram(program);

const positionBuffer = gl.createBuffer();
gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
const positions = [
-0.5, -0.5, 0.0,
0.5, -0.5, 0.0,
0.0, 0.5, 0.0
];
gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(positions), gl.STATIC_DRAW);

const positionAttributeLocation = gl.getAttribLocation(program, 'a_position');
gl.enableVertexAttribArray(positionAttributeLocation);
gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
gl.vertexAttribPointer(positionAttributeLocation, 3, gl.FLOAT, false, 0, 0);

gl.clearColor(0.0, 0.0, 0.0, 1.0);
gl.clear(gl.COLOR_BUFFER_BIT);
gl.drawArrays(gl.TRIANGLES, 0, 3);
</script>
</body>
</html>
ｄｄｄｄ
├ <!DOCTYPE html>
<html>
<head>
<title>Beautiful Lines</title>
<style>
#canvas {
border: 1px solid black;
}
</style>
</head>
<body>
<canvas id="canvas" width="400" height="200"></canvas>

<script>
const canvas = document.getElementById("canvas");
const context = canvas.getContext("2d");

const lineCount = 10; //
const lineWidth = 4; // ラインの幅
const lineSpacing = 20; // ライン間のスペース

const canvasWidth = canvas.width;
const canvasHeight = canvas.height;

// ラインの描画
function drawLines() {
context.clearRect(0, 0, canvasWidth, canvasHeight);
context.strokeStyle = "blue";
context.lineWidth = lineWidth;

for (let i = 0; i < lineCount; i++) {
const y = (i * lineSpacing) + (lineSpacing / 2);
context.beginPath();
context.moveTo(0, y);
context.lineTo(canvasWidth, y);
context.stroke();
}
}

// ページ読み込み時にラインを描画
drawLines();
</script>
</body>
</html>

t-test3
├ <!DOCTYPE html><html><head><title>t-test2</title>
<style>canvas {border: 1px solid black;}</style></head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<div></div>
<script>

// 要素取得
const canvas = document.getElementById("gameCanvas");
const context = canvas.getContext("2d");

// 初期位置と移動速度
let snakeX = 1;let snakeY = 1;let snakeSpeedX = 1;let snakeSpeedY = 0;

// ゲームループ
function gameLoop() {
snakeX += snakeSpeedX;snakeY += snakeSpeedY;
context.clearRect(0, 0, canvas.width, canvas.height);
context.fillStyle = "green";context.fillRect(snakeX, snakeY, 10, 10);
document.getElementById("dis1").textContent = `X: ${snakeX} Y: ${snakeY}`;
requestAnimationFrame(gameLoop);// ゲームループを再帰的に呼び出し
}

function handleTouch(event) {// タッチ位置を取得
const touchX = event.touches[0].clientX - canvas.offsetLeft;
const touchY = event.touches[0].clientY - canvas.offsetTop;
xx = touchX - snakeX;yy = touchY - snakeY;
document.getElementById("dis2").textContent = `X: ${touchX} Y: ${touchY} X: ${xx} Y: ${yy}`;

// タッチ位置とヘビの位置を比較して、移動方向を設定
if (xx < 0 && Math.abs(xx) > Math.abs(yy)) {snakeSpeedX = -1;snakeSpeedY = 0;
} else if (xx > 0 && Math.abs(xx) > Math.abs(yy)) {snakeSpeedX = 1;snakeSpeedY = 0;
} else if (yy < 0 && Math.abs(xx) < Math.abs(yy)) {snakeSpeedX = 0;snakeSpeedY = -1;
} else if (yy > 0 && Math.abs(xx) < Math.abs(yy)) {snakeSpeedX = 0;snakeSpeedY = 1;
}
}

// タッチイベントを監視
canvas.addEventListener("touchstart", handleTouch);

// ゲームループを開始
gameLoop();

</script>
</body></html>t_test2
├ <div id="container1">
touch area

<div id="touch-area1">
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆

</div>
display area

<div id="display-area1">
pppppppppppppppppppppppppppppppppppppppp

</div>
</div>
<script>
const displayArea1 = document.getElementById("display-area1")
const touchArea1 = document.getElementById("touch-area1")

// touchstartイベント
touchArea1.addEventListener("touchstart", () => {
displayArea1.innerHTML = getTimeStamp() + " touchstart"
})

// touchendイベント
touchArea1.addEventListener("touchend", () => {
displayArea1.innerHTML = getTimeStamp() + " touchend"
})

// touchmoveイベント
touchArea1.addEventListener("touchmove", () => {
event.preventDefault(); // 画面スクロールを防止
displayArea1.innerHTML = getTimeStamp() + " touchmove"
})

// touchcancelイベント
touchArea1.addEventListener("touchcancel", () => {
displayArea1.innerHTML = getTimeStamp() + " touchcacel"
})

// タイムスタンプ取得
function getTimeStamp(){
const date = new Date()
return ('0' + date.getHours()).slice(-2)
+ ':' + ('0' + date.getMinutes()).slice(-2)
+ ':' + ('0' + date.getSeconds()).slice(-2)
+ ':' + ('0' + date.getMilliseconds()).slice(-3)
}
</script>touch-test1
├ Javascript
│├
javascript内部にこれを記述でパラメータを小窓表示

最初に
var win=window.open("about:blank","subnum", "width=210,height=160");win.document.write("<body><tt id=F>a:a");

ループ部分で
win.document.all["F1"].innerHTML=a;
別窓
│├ <body><script>
str = prompt("X=",100);
if(str == "" | str == null) str = 120;
for (i = 0; i < 10; i++) {document.write(i);}
y=(str==100)*1;
document.write("X="+str+" Y="+y);
</script>
test3
│├ <html>
<head>
<title>document.links[index]</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<link rel="stylesheet" href="../css_main.css" type="text/css">
</head>

<body bgcolor="#FFFFFF" text="#000000">

<h4 align="center">document.links[index番号]</h4>
「<a id="jump" href="../aaa/start.htm">ごあいさつ</a>」ページへジャンプ・・・・・
<button onclick=alert(document.links[0].href);>現在のリンク先urlは</button>
<button onclick="document.links[0].href='../aaa/books.htm';jump.innerText='参考書籍'">上のリンクを「参考書籍」ページに変更</button> 
<button onclick="document.links[0].href='http://www.yahoo.co.jp/';jump.innerText='Yahoo!'">上のリンクを「Yahoo!」ページに変更</button> 
<button onclick="document.links[0].href='http://www.google.com/';jump.innerText='Google'">上のリンクを「Google」ページに変更</button>
<hr>
<ul>
<li>linksﾌﾟﾛﾊﾟﾃｨには、現在ﾍﾟｰｼﾞのﾘﾝｸ情報が配列として保持されている。そしてﾍﾟｰｼﾞ内の各ﾘﾝｸは、先頭から順番に0～から始まるIndex番号が付けられる。</li>
<li>document.links[index番号].href で現在ページ内のindex番号位置のﾘﾝｸ先urlを取得できる。</li>
<li>document.links[index番号].href=url; で現在ページ内のindex番号位置のﾘﾝｸ先を指定urlに変更できる。 
</li>
</ul>
</body>
</html> test2
│├ <body style="background-color:#eee;">
<script>
Number.prototype.fillzero = function(n){
var s = "00000000000"+ this;
var len = s.length;
return s.slice(len-n,len);
}
var refresh = function(){
date = new Date;
document.getElementById('hour').innerHTML = date.getHours().fillzero(2);
document.getElementById('min').innerHTML = date.getMinutes().fillzero(2);
}
setInterval(refresh,1000);
</script>

<div style="font-size:60pt;font-family:sans-serif;text-align:center;">
00:00
時計
│├ <body><script>
str = prompt("あなたのお名前を入力してください","お名前");
if(str == "" | str == null) str = "名無し";
document.write("あなたの名前は"+str+"さんですね。");
</script>基本の入出力
│├
１．外部ファイル（.js）は使わない。

２．コードは1000バイト。

３．Javascriptのみ。

４．３大ブラウザ（IE8.0 Firfox3.0 Crome9）で動く。ショートコードのメモ
││├ <body onKeyDown="K=event.keyCode-37">
<script>
K=0;
function Y(){
cc=0;
a=Math.sin(K);a = ""+a;b=a.slice(-8, -2);a = eval(b)/1000000;
document.body.innerHTML=a;
setTimeout(Y,100)
}
Y();
</script>

// ランダム数値のテスト。Math.Random()だと始めたとき同じ乱数になりませんので、なるような物を。乱数発生装置（初期値おなじような）
││├ <body onKeyDown="K=event.keyCode-37">
<script>
K=0;
function Y(){
document.body.innerHTML=K;
setTimeout(Y,100)
}
Y();
</script>
// 最小の格子。core1
││└ ■全体リロード
function Reload(){window.location.reload();}
で全体リロードした場合
Firefoxはこの SimpleOutlineMemo で実行ボタンで読んだコード自体をリロードしますが、
Cromeは実行ボタンを押したサイト自体をリロードします。

ゲームの再起動（リスタート）で使うつもりでしたが
実行した編集画面に戻ってしまうため、プログラム全体を関数で括り、それをボタンで実行する形を取りました。

■innerHTMLの返値の違い　その１

U="▲";

上のように代入してID付きのinnerHTMLで一度表示し、
その位置の物を innerHTMLで読み込むとき、
ブラウザによって内容に差がでてきてしまいます。

Crome、Firefox は
▲　と扱われます。

IE は
▲　と扱われます。

よって返ってきた値だけで判断はできません。
しかたがないので、slice で切り取って判断する方法をとりました。

U1=U.slice(-8,-7);

マイナス指定なのは、前からだと”を取ってしまう為です。

■省略文字による動作の違い

Document.all.F[1].innerHTML を省略するとき

Crome、IE は
D=Document.all
D.F[1].innerHTML としても動きますが

Firefox は動きません。
ですので

D=Document
D.all.F[1].innerHTML とするのが望ましいです。
これで３つ全部で動きます。

■フォントの扱いの違い
<tt id=F>として</style><tt id=F>

しかしながら、CromeではそのHTML全体の中で使われている全角文字の数が一定の数で
そのHTMLがS-JISであると判断しているため、
ある一定の数、全角文字を入れないとS-JIS以外のフォントでHTMLを認識します。
するとfont-family:"ＭＳゴシック";　のうちＭＳゴシックの部分が化けてしまって
フォントを認識しなくなります。この部分は注意してください。

■innerHTMLの返値の違い　その２

IEは空白をヌルで返しますが、Crome、Firefoxは空白で返します。
この点をふまえて組む必要があります。

ブラウザによる違い
│├ ２ｃｈの７行プログラミングpart1にて
出されたプログラムをいじりました。

このプログラムをいじってここでの
Javascriptを把握。

hebi
││├ <body onKeyDown="K=event.keyCode-37">
<tt id=F>
<script>
function R(H){while(D.all["F"+(S=Math.ceil(Math.random()*399))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}

function Y(){
if(K+1){P+=[-1,-20,1,20][K];X=D.all["F"+P].innerHTML;
X1=X.slice(-8,-7);U1=U.slice(-8,-7);
if(X!=C)if(X1!=U1){alert("GAME OVER SCORE:"+M);return}else{M++;R(U)}
I(Z[++L]=P,Q);I(Z[L-M],C);
}
setTimeout(Y,70-M);
}

D=document;K=-1;M=1;L=0;Z=[];S="";
C="　";
U="▲";
Q="●";
W="■";
for(i=0;i<400;i++)
S+=(i%20?"":" ")+""+((i+1)%20>1&&i>19&&i<379?C:W)+"";
I("",S);
R(Q);
P=Z[0]=S;
R(U);Y()

</script> hebi-color
││├ <body onKeyDown="K=event.keyCode-37">
<style type="text/css"></style><tt id=F>
<script>
function R(H){while(D.all["F"+(S=Math.ceil(Math.random()*399))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}

function Y(){
if(K+1){P+=[-1,-20,1,20][K];X=D.all["F"+P].innerHTML;
X1=X.slice(-8,-7);U1=U.slice(-8,-7);
if(X!=C)if(X1!=U1){alert("GAME OVER SCORE:"+M);return}else{M++;R(U)}
I(Z[++L]=P,Q);I(Z[L-M],C);
}
setTimeout(Y,70-M);
}

D=document;K=-1;M=1;L=0;Z=[];S="";
C="　";
U="▲";
Q="●";
W="■";
for(i=0;i<400;i++)
S+=(i%20?"":" ")+""+((i+1)%20>1&&i>19&&i<379?C:W)+"";
I("",S);
R(Q);
P=Z[0]=S;
R(U);Y()

</script> hebi-color--
││├ <body onKeyDown="Ky=event.keyCode-37;">
<tt id=F>
<script>
Ky=-1;SL=1;SRL=0;SR=[];D=document;F="";

for(i=0;i<20;i++){for(j=0;j<20;j++){
Id="F"+(i*20+j);F+=((i==0)||(i==19)||(j==0)||(j==19))?"■":"□"}F+=" ";}

SI("",F);SHP=GBP();

SI(SHP,"●");SI(GBP(),"▲");
SR[0]=SHP;

function MS(){
if(Ky!=-1){
SRL++;
SHP+=[-1,-20,1,20][Ky];
switch(GI(SHP)){
case"●":case"■":alert( "GameOver score:"+SL);return;
case"▲":SL++;SI(GBP(),"▲");
}
SR[SRL]=SHP;
SI(SHP,"●");SI(SR[ SRL-SL],"□")
}

setTimeout(MS,70)
}

function SI(P,H){D.all["F"+P].innerHTML=H}

function GI(P){return D.all["F"+P].innerHTML}

function GBP(){do{var BP=Math.floor(Math.random()*400)}while(GI(BP)!="□")return BP}

MS()</script>
hebi--copy5
││├ <body onKeyDown="K=event.keyCode-37"><style type="text/css">
</style><tt id=F><script>function R(H){while(D.all["F"+(S=Math.ceil(Math.random()*399))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}function Y(){if(K+1){P+=[-1,-20,1,20][K];X=D.all["F"+P].innerHTML;
X1=X.slice(-8,-7);if(X!=C)if(X1!="▲"){alert("GAME OVER\n\nSCORE:　"+M);return}else{M++;R(U)}I(Z[++L]=P,Q);
I(Z[L-M],C);}setTimeout(Y,70-M);}D=document;K=-1;M=1;L=0;Z=[];S="";C="　";F1="";U=F1+"\"red\">▲"+F2;Q=F1+"\"blue\">●"+F2;W=F1+"\"green\">■"+F2;for(i=0;i<400;i++)
S+=(i%20?"":" ")+""+((i+1)%20>1&&i>19&&i<379?C:W)+"";I("",S);R(Q);
P=Z[0]=S;R(U);Y()</script> hebi-2
││└ <body onKeyDown="K=event.keyCode-37"><tt id=F><script>
function R(H){while(D.all["F" +(S=Math.ceil(Math.random()*399))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function Y(){
if(K+1){P+=[-1,-20,1,20][K];X=D.all["F"+P].innerHTML;
if(X!=C)if(X!="▲"){alert("Over");return}else{M++;R(X)}
I(Z[++L]=P,Q);I(Z[L-M],C)}
setTimeout(Y,99)}
Q="●",D=document,K=-1,M=1,L=0,Z=[],C="□",S="";
for(i=0;i<400;i++)S+=(i%20?"":" ")+""+((i+1)% 20>1&&i>19&&i<379?C:"■")+"";
I("",S);R(Q);P=Z[0]=S;R("▲");
Y();
</script> hebi-moto
│├ javascriptを使った３Ｄにみせかける物。
ページのメニューに使用できそう。

課題
ピクチャの表示
前面のオブジェクトのみリンク

済み
四角の内部のオブジェクトを消す
リンクにする
マウスの上下左右で動かせる
３＊３以上の物を表示
3d-html
││├ 非公開3d
││├ <html><head><title></title><style type="text/css">
a:link {text-decoration:none;} b:hover {background-color: #aaaaaa;}
b{text-decoration:none;position:absolute;}</style></head><body>
<script type="text/javascript">
var di=0.8,a=0,b=0,aa=0,bb=0,aaa=0,bbb=0,aaa2=0,bbb2=0,c=0,e=0.05;

for (i = 0; i < 13; i++) {document.write('<a href="http://www.google.co.jp">' + i + '</a>');}

document.write('<a href="http://www.google.co.jp"></a>');

for (i = 14; i < 27; i++) {document.write('<a href="http://www.google.co.jp">' + i + '</a>');}

function f(){i=0;
for(x =-di;x<=di;x+= di)for(y=-di;y<=di;y+=di)for(z=-di;z<=di;z+=di){u=x;v=y;w=z;

v2=v*Math.cos(b)-w*Math.sin(b);w=v*Math.sin(b)+w*Math.cos(b);v=v2;u2=w*Math.cos(a)-u*Math.sin(a);w=w*Math.sin(a)+u*Math.cos(a);u=u2;
c=Math.round((w+2)*70);if(c<0){c=0;};if(c>255){c=255;};s=document.getElementById('l'+i).style;
s.left=300+u*(w+2)*50;s.top=250+v*(w+2)*50;s.color='rgb('+(255-c)+', '+(255-c)+','+(255-c)+')';
s.fontSize=(w+2)*10+'px';s.zIndex=Math.round((w+2)*10);
i++;}}setInterval('f()',30);
</script>


example-example-example-example-example-example-example-example-example 
example-example-example-example-example-example-example-example-example 
example-example-example-example-example-example-example-example-example 


example 
example 
example 
example 
example 
example 
example 
example 
example 
example 
example 
example 
example 
example 
example 
example 
example 
example 
example 
example 
example 
example 
example 
example 
example 


</body>
</html>3d--x
││├ <html><head><title></title><style type="text/css">
a:link {text-decoration:none;} b:hover {background-color: #aaaaaa;}
b{text-decoration:none;position:absolute;}
span{font-family:"ＭＳゴシック";}</style></head><body>
<script type="text/javascript">
var di=0.01,a=b=aa=bb=aaa=bbb=aaa2=bbb2=c=g=h=ccc=0;e=0.05;ee=0;
// var win=window.open("about:blank","subnum", "width=210,height=160");win.document.write("<body><tt id=F>a:a");
function f(){i=0;g=a;if(di<0.8){di=di+0.04;a=a-1+aa;aa=aa+0.08;b=b-1+bb;bb=bb+0.08;}
for(x =-di;x<=di;x+= di)for(y=-di;y<=di;y+=di)for(z=-di;z<=di;z+=di){u=x;v=y;w=z;
// win.document.all["F1"].innerHTML=ee;
v2=v*Math.cos(b)-w*Math.sin(b);w=v*Math.sin(b)+w*Math.cos(b);v=v2;u2=w*Math.cos(a)-u*Math.sin(a);w=w*Math.sin(a)+u*Math.cos(a);u=u2;
c=Math.round((w+0.2)*320)-50;if(c<0){c=0;};if(c>255){c=255;};s=document.getElementById('l'+i).style;
s.left=310+u*(w+2)*80;s.top=305+v*(w+2)*80;s.color='rgb('+(255-c)+', '+(255-c)+','+(255-c)+')';
s.fontSize=(w+2)*6+'px';s.zIndex=Math.round((w+2)*10);if(w>0.1){s.display="block";}else{s.display="none";}
i++;if(ee>20000){a=a+0.0001;b=b+0.00005;}
if((aaa+bbb)==ccc){ee++;}else{ee=0;ccc=aaa+bbb;}
}}setInterval('f()',30);
</script>
<a href="http://www.google.co.jp">紅茶を飲むと 集中力がアッ プして仕事が はかどり、疲 労も軽減され る - GIGAZINE</a>
<a href="http://www.google.co.jp">三日で３億稼 いだけど質問 ある？ - 痛い 信者(ﾉ∀`)</a>
<a href="http://www.google.co.jp">必ず重宝する シンプルなア イコンセット20 選｜desi gnaholic -Cr eative Colum n-</a>
<a href="http://www.google.co.jp">「ホームペー ジを作る人の ネタ帳」さんの リデザイ ンをしました - Webクリエ イターボック ス</a>
<a href="http://www.google.co.jp">牛乳の賞味期 限が１０日か ら数カ月に。 ７１歳社長、 殺菌技術で特 許＋（1-2ペ ージ） - MSN 産経ニュース</a>
<a href="http://www.google.co.jp">20代がこれか ら直面する４ つの試練 - モチベーショ ンは楽しさ創 造から</a>
<a href="http://www.google.co.jp">「優れたPerl プログラマを 見分ける27の 質問」の日 本語訳 - Isl ands in the byte stream</a>
<a href="http://www.google.co.jp">らばQ-過去か ら見た未来… 100年前に描か れた2000年予 想イラストい ろいろ</a>
<a href="http://www.google.co.jp">PNGの画質を 劣化せず極限 までファイル サイズを落と す、たった1つ の方法 - フ リーソフト, Windows PC活 用情報局</a>
<a href="http://www.google.co.jp">イチローに学 ぶ自分を上手 にコントロー ルする方法 - 読んだものま とめブログ</a>
<a href="http://www.google.co.jp">[NS] ニンテ ンドー3DSが3 倍便利になる 50の小技と裏 技</a>
<a href="http://www.google.co.jp">アルコールは 身体に悪いは 誤り？　お酒 を飲まない人 ほど早死にす るとの衝撃の 研究発表！ - ギズモード・ジャ パン</a>
<a href="http://www.google.co.jp">Python入門者 に贈る16の鍵 « python練習 帳</a>
<a href="http://www.google.co.jp"></a>
<a href="http://www.google.co.jp">【乞食速報】 墓地が無料！ 急いで死ね！</a>
<a href="http://www.google.co.jp">過負荷に耐え るWEBサービス 作成のための 使えるPHPキャ ッシュテクニ ックまとめ-p hpspot開発日 誌</a>
<a href="http://www.google.co.jp">阪神大震災で 被災した人が アドバイス - 2chコピペ保 存道場</a>
<a href="http://www.google.co.jp">「ポポポポー ン」キャラク ターのプロフ ィール一覧　 ありがとウサ ギがビッチと 判明 - かくれ オタのブログ</a>
<a href="http://www.google.co.jp">ヤマト運輸の 配送状況は、 実はGoogleか ら検索できる - RX-7乗りの 適当な日々</a>
<a href="http://www.google.co.jp">海外記事「ポ ルノを描いて いた日本の漫 画家9人」とそ の反響- 誤訳 御免。</a>
<a href="http://www.google.co.jp">すくいぬこの かっこいい猫 の画像くださ い</a>
<a href="http://www.google.co.jp">【第3話】「 クルマ所有」 の代償は3600 万円！タクシ ーのほうが安 い？ - トレ ンド - 日経ト レンディネ ット</a>
<a href="http://www.google.co.jp">週刊少年ジャ ンプ特別無料 配信について- Yahoo! JAPAN</a>
<a href="http://www.google.co.jp">寝不足だけが原 因じゃない？ 目の下の「ク マ」を解消す る方法 - はて なブックマー クニュース</a>
<a href="http://www.google.co.jp">「さよなら絶 望先生」全38 話がニコ生で 一挙無料配信 -AV Watch</a>
<a href="http://www.google.co.jp">サイト作成に 欠かせないサ イトやサービ スなどを20個 ｜Webpark</a>
<a href="http://www.google.co.jp">短期間でプロ グラミング言 語を覚えるの に役に立ちそ うなサイトま とめ - ラジ ック</a>

□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ 
■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ 
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ 


□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 

</body></html>3dx2-3
││├ <html><head><title></title><style type="text/css">
a:link {text-decoration:none;} b:hover {background-color: #aaaaaa;}
b{text-decoration:none;position:absolute;}
span{font-family:"ＭＳゴシック";}</style></head><body>
<script type="text/javascript">
var di=0.01,a=b=aa=bb=aaa=bbb=aaa2=bbb2=c=g=h=ccc=0;e=0.05;ee=0;
// var win=window.open("about:blank","subnum", "width=210,height=160");win.document.write("<body><tt id=F>a:a");
function f(){i=0;g=a;if(di<0.8){di=di+0.02;a=a-1+aa;aa=aa+0.0352;b=b-1+bb;bb=bb+0.0352;}
for(x =-di;x<=di;x+= di)for(y=-di;y<=di;y+=di)for(z=-di;z<=di;z+=di){u=x;v=y;w=z;
// win.document.all["F1"].innerHTML=ee;
v2=v*Math.cos(b)-w*Math.sin(b);w=v*Math.sin(b)+w*Math.cos(b);v=v2;u2=w*Math.cos(a)-u*Math.sin(a);w=w*Math.sin(a)+u*Math.cos(a);u=u2;
c=Math.round((w+0.2)*320)-50;if(c<0){c=0;};if(c>255){c=255;};s=document.getElementById('l'+i).style;
s.left=310+u*(w+2)*80;s.top=305+v*(w+2)*80;s.color='rgb('+(255-c)+', '+(255-c)+','+(255-c)+')';
s.fontSize=(w*2+2)*5+'px';s.zIndex=Math.round((w+2)*10);if(w>0.1){s.display="block";}else{s.display="none";}
i++;if(ee>20000){a=a+0.0001;b=b+0.00005;}
if((aaa+bbb)==ccc){ee++;}else{ee=0;ccc=aaa+bbb;}
}}setInterval('f()',30);
</script>
<a href="http://www.google.co.jp">紅茶を飲むと 集中力がアッ プして仕事が はかどり、疲 労も軽減され る - GIGAZINE</a>
<a href="http://www.google.co.jp">三日で３億稼 いだけど質問 ある？ - 痛い 信者(ﾉ∀`)</a>
<a href="http://www.google.co.jp">必ず重宝する シンプルなア イコンセット20 選｜desi gnaholic -Cr eative Colum n-</a>
<a href="http://www.google.co.jp">「ホームペー ジを作る人の ネタ帳」さんの リデザイ ンをしました - Webクリエ イターボック ス</a>
<a href="http://www.google.co.jp">牛乳の賞味期 限が１０日か ら数カ月に。 ７１歳社長、 殺菌技術で特 許＋（1-2ペ ージ） - MSN 産経ニュース</a>
<a href="http://www.google.co.jp">20代がこれか ら直面する４ つの試練 - モチベーショ ンは楽しさ創 造から</a>
<a href="http://www.google.co.jp">「優れたPerl プログラマを 見分ける27の 質問」の日 本語訳 - Isl ands in the byte stream</a>
<a href="http://www.google.co.jp">らばQ-過去か ら見た未来… 100年前に描か れた2000年予 想イラストい ろいろ</a>
<a href="http://www.google.co.jp">PNGの画質を 劣化せず極限 までファイル サイズを落と す、たった1つ の方法 - フ リーソフト, Windows PC活 用情報局</a>
<a href="http://www.google.co.jp">イチローに学 ぶ自分を上手 にコントロー ルする方法 - 読んだものま とめブログ</a>
<a href="http://www.google.co.jp">[NS] ニンテ ンドー3DSが3 倍便利になる 50の小技と裏 技</a>
<a href="http://www.google.co.jp">アルコールは 身体に悪いは 誤り？　お酒 を飲まない人 ほど早死にす るとの衝撃の 研究発表！ - ギズモード・ジャ パン</a>
<a href="http://www.google.co.jp">Python入門者 に贈る16の鍵 « python練習 帳</a>
<a href="http://www.google.co.jp"></a>
<a href="http://www.google.co.jp">【乞食速報】 墓地が無料！ 急いで死ね！</a>
<a href="http://www.google.co.jp">過負荷に耐え るWEBサービス 作成のための 使えるPHPキャ ッシュテクニ ックまとめ-p hpspot開発日 誌</a>
<a href="http://www.google.co.jp">阪神大震災で 被災した人が アドバイス - 2chコピペ保 存道場</a>
<a href="http://www.google.co.jp">「ポポポポー ン」キャラク ターのプロフ ィール一覧　 ありがとウサ ギがビッチと 判明 - かくれ オタのブログ</a>
<a href="http://www.google.co.jp">ヤマト運輸の 配送状況は、 実はGoogleか ら検索できる - RX-7乗りの 適当な日々</a>
<a href="http://www.google.co.jp">海外記事「ポ ルノを描いて いた日本の漫 画家9人」とそ の反響- 誤訳 御免。</a>
<a href="http://www.google.co.jp">すくいぬこの かっこいい猫 の画像くださ い</a>
<a href="http://www.google.co.jp">【第3話】「 クルマ所有」 の代償は3600 万円！タクシ ーのほうが安 い？ - トレ ンド - 日経ト レンディネ ット</a>
<a href="http://www.google.co.jp">週刊少年ジャ ンプ特別無料 配信について- Yahoo! JAPAN</a>
<a href="http://www.google.co.jp">寝不足だけが原 因じゃない？ 目の下の「ク マ」を解消す る方法 - はて なブックマー クニュース</a>
<a href="http://www.google.co.jp">「さよなら絶 望先生」全38 話がニコ生で 一挙無料配信 -AV Watch</a>
<a href="http://www.google.co.jp">サイト作成に 欠かせないサ イトやサービ スなどを20個 ｜Webpark</a>
<a href="http://www.google.co.jp">短期間でプロ グラミング言 語を覚えるの に役に立ちそ うなサイトま とめ - ラジ ック</a>

□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ 
■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ 
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ 


□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 

</body></html>3dx2-3-x22
││├ <html><head><title></title><style type="text/css">
a:link {text-decoration:none;} b:hover {background-color: #aaaaaa;}
b{text-decoration:none;position:absolute;}
span{font-family:"ＭＳゴシック";}</style></head><body>
<script type="text/javascript">
var di=0.01,a=b=aa=bb=aaa=bbb=aaa2=bbb2=c=g=h=ccc=0;e=0.05;ee=0;
// var win=window.open("about:blank","subnum", "width=210,height=160");win.document.write("<body><tt id=F>a:a");
function f(){i=0;g=a;if(di<0.8){di=di+0.003;a=a-0.001+aa;aa=aa+0.0005;b=b-0.001+bb;bb=bb+0.0005;}
for(x =-di;x<=di;x+= di)for(y=-di;y<=di;y+=di)for(z=-di;z<=di;z+=di){u=x;v=y;w=z;
// win.document.all["F1"].innerHTML=ee;
v2=v*Math.cos(b)-w*Math.sin(b);w=v*Math.sin(b)+w*Math.cos(b);v=v2;u2=w*Math.cos(a)-u*Math.sin(a);w=w*Math.sin(a)+u*Math.cos(a);u=u2;
c=Math.round((w+0.2)*320)-50;if(c<0){c=0;};if(c>255){c=255;};s=document.getElementById('l'+i).style;
s.left=310+u*(w+2)*80;s.top=305+v*(w+2)*80;s.color='rgb('+(255-c)+', '+(255-c)+','+(255-c)+')';
s.fontSize=(w+2)*6+'px';s.zIndex=Math.round((w+2)*10);if(w>0.1){s.display="block";}else{s.display="none";}
i++;if(ee>20000){a=a+0.0001;b=b+0.00005;}
if((aaa+bbb)==ccc){ee++;}else{ee=0;ccc=aaa+bbb;}
}}setInterval('f()',30);
</script>
<a href="http://www.google.co.jp">紅茶を飲むと 集中力がアッ プして仕事が はかどり、疲 労も軽減され る - GIGAZINE</a>
<a href="http://www.google.co.jp">三日で３億稼 いだけど質問 ある？ - 痛い 信者(ﾉ∀`)</a>
<a href="http://www.google.co.jp">必ず重宝する シンプルなア イコンセット20 選｜desi gnaholic -Cr eative Colum n-</a>
<a href="http://www.google.co.jp">「ホームペー ジを作る人の ネタ帳」さんの リデザイ ンをしました - Webクリエ イターボック ス</a>
<a href="http://www.google.co.jp">牛乳の賞味期 限が１０日か ら数カ月に。 ７１歳社長、 殺菌技術で特 許＋（1-2ペ ージ） - MSN 産経ニュース</a>
<a href="http://www.google.co.jp">20代がこれか ら直面する４ つの試練 - モチベーショ ンは楽しさ創 造から</a>
<a href="http://www.google.co.jp">「優れたPerl プログラマを 見分ける27の 質問」の日 本語訳 - Isl ands in the byte stream</a>
<a href="http://www.google.co.jp">らばQ-過去か ら見た未来… 100年前に描か れた2000年予 想イラストい ろいろ</a>
<a href="http://www.google.co.jp">PNGの画質を 劣化せず極限 までファイル サイズを落と す、たった1つ の方法 - フ リーソフト, Windows PC活 用情報局</a>
<a href="http://www.google.co.jp">イチローに学 ぶ自分を上手 にコントロー ルする方法 - 読んだものま とめブログ</a>
<a href="http://www.google.co.jp">[NS] ニンテ ンドー3DSが3 倍便利になる 50の小技と裏 技</a>
<a href="http://www.google.co.jp">アルコールは 身体に悪いは 誤り？　お酒 を飲まない人 ほど早死にす るとの衝撃の 研究発表！ - ギズモード・ジャ パン</a>
<a href="http://www.google.co.jp">Python入門者 に贈る16の鍵 « python練習 帳</a>
<a href="http://www.google.co.jp"></a>
<a href="http://www.google.co.jp">【乞食速報】 墓地が無料！ 急いで死ね！</a>
<a href="http://www.google.co.jp">過負荷に耐え るWEBサービス 作成のための 使えるPHPキャ ッシュテクニ ックまとめ-p hpspot開発日 誌</a>
<a href="http://www.google.co.jp">阪神大震災で 被災した人が アドバイス - 2chコピペ保 存道場</a>
<a href="http://www.google.co.jp">「ポポポポー ン」キャラク ターのプロフ ィール一覧　 ありがとウサ ギがビッチと 判明 - かくれ オタのブログ</a>
<a href="http://www.google.co.jp">ヤマト運輸の 配送状況は、 実はGoogleか ら検索できる - RX-7乗りの 適当な日々</a>
<a href="http://www.google.co.jp">海外記事「ポ ルノを描いて いた日本の漫 画家9人」とそ の反響- 誤訳 御免。</a>
<a href="http://www.google.co.jp">すくいぬこの かっこいい猫 の画像くださ い</a>
<a href="http://www.google.co.jp">【第3話】「 クルマ所有」 の代償は3600 万円！タクシ ーのほうが安 い？ - トレ ンド - 日経ト レンディネ ット</a>
<a href="http://www.google.co.jp">週刊少年ジャ ンプ特別無料 配信について- Yahoo! JAPAN</a>
<a href="http://www.google.co.jp">寝不足だけが原 因じゃない？ 目の下の「ク マ」を解消す る方法 - はて なブックマー クニュース</a>
<a href="http://www.google.co.jp">「さよなら絶 望先生」全38 話がニコ生で 一挙無料配信 -AV Watch</a>
<a href="http://www.google.co.jp">サイト作成に 欠かせないサ イトやサービ スなどを20個 ｜Webpark</a>
<a href="http://www.google.co.jp">短期間でプロ グラミング言 語を覚えるの に役に立ちそ うなサイトま とめ - ラジ ック</a>

□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ 
■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ 
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ 


□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 

</body></html>3dx2-3-x
││├ <html><head><title></title><style type="text/css">
body{background:#FFFFFF;color:#000044;height:100%;margin:0;padding:0;width:100%;}
b{position:absolute;}</style></head><body>
<script type="text/javascript">
var di=0.01,a=b=aa=bb=aaa=bbb=aaa2=bbb2=c=g=h=0,e=0.05;
// var win=window.open("about:blank","subnum", "width=210,height=160");win.document.write("<body><tt id=F>a:a");
function f(){i=0;g=a;if(di<0.8){di=di+0.04;a=a-1+aa;aa=aa+0.08;b=b-1+bb;bb=bb+0.08;}
for(x =-di;x<=di;x+= di)for(y=-di;y<=di;y+=di)for(z=-di;z<=di;z+=di){u=x;v=y;w=z;
// win.document.all["F1"].innerHTML=a;
v2=v*Math.cos(b)-w*Math.sin(b);w=v*Math.sin(b)+w*Math.cos(b);v=v2;u2=w*Math.cos(a)-u*Math.sin(a);w=w*Math.sin(a)+u*Math.cos(a);u=u2;
c=Math.round((w+0.2)*320)-50;if(c<0){c=0;};if(c>255){c=255;};s=document.getElementById('l'+i).style;
s.left=300+u*(w+2)*100;s.top=300+v*(w+2)*100;s.color='rgb('+(255-c)+', '+(255-c)+','+(255-c)+')';
s.fontSize=(w+2)*10+'px';s.zIndex=Math.round((w+2)*10);if(w>0.1){s.display="block";}else{s.display="none";}i++;
a=a+0.00005;b=b+0.00002;}}setInterval('f()',30);
</script>
<a href="http://www.google.co.jp">gggg</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp"></a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>
<a href="http://www.google.co.jp">aaa</a>

□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ 
■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□ 
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■ 


□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 
■□■ 
□■□ 

</body></html>3dx2-2
││├ <html><head><title></title><style type="text/css">
body{background:#FFFFFF;color:#000044;height:100%;margin:0;padding:0;width:100%;}
b{position:absolute;}</style></head><body><script type="text/javascript">
var di = 0.01, a=b=aa=bb=aaa=bbb=aaa2=bbb2=c=g=h=0,e=0.05;

for (i = 0; i < 13; i++) {
document.write('<a href="http://www.google.co.jp">' + i + i + ' ' + i + i + ' ' + i + '</a>');}

document.write('<a href="http://www.google.co.jp"></a>');

for (i = 14; i < 27; i++) {
document.write('<a href="http://www.google.co.jp">' + i + i + ' ' + i + i + ' ' + i + '</a>');}

function f(){i = 0;g=a;

if (di<0.8){di=di+0.04;a=a-1+aa;aa=aa+0.08;b=b-1+bb;bb=bb+0.08;}
for (x = -di; x <= di; x += di)for (y = -di; y <= di; y += di)for (z = -di; z <= di; z += di)
{u = x;v = y;w = z;
v2 = v * Math.cos(b) - w * Math.sin(b);w = v * Math.sin(b) + w * Math.cos(b);v=v2;
u2 = w * Math.cos(a) - u * Math.sin(a);w = w * Math.sin(a) + u * Math.cos(a);u=u2;
c = Math.round((w + 2) * 70);if (c < 0){c = 0;};if (c > 255){c = 255;};
s = document.getElementById('l' + i).style;
s.left = 300 + u * (w + 2) * 100;s.top = 300 + v * (w + 2) * 100;
s.color = 'rgb(' + (255-c) + ', ' + (255-c) + ',' + (255-c) + ')';
s.fontSize = (w + 2) * 8 + 'px';s.zIndex = Math.round((w + 2) * 10);
if (w>0.1) {s.display = "block";} else {s.display = "none";}
i++;a=a+0.00005;b=b+0.00002;

}}
setInterval('f()', 30);</script>


mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama 
mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama 
mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama 


mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 

</body>
</html>3dx2
││├ <html><head><title></title>
<style type="text/css">
body{background:#FFFFFF;color:#000044;height:100%;margin:0;padding:0;width:100%;}
b{position:absolute;}
a{color:blue;}
a:hover{color:#5555FF;}
</style></head>
<body>
<script type="text/javascript">
var di = 0.1, a = 0, b = 0,aa=0,bb=0,aaa=0,bbb=0,aaa2=0,bbb2=0,c=0,e=0.05;

for (i = 0; i < 25; i++)
document.write('<a href="http://www.google.co.jp">' + i + i + ' ' + i + i + '</a>');

for(j=25;j<100;j=j+25){
for (i = 0; i < 6; i++)
document.write('<a href="http://www.google.co.jp">' + (i+j) + '</a>');
document.write('');
for (i = 9; i < 11; i++)
document.write('<a href="http://www.google.co.jp">' + (i+j) + '</a>');
document.write('');
for (i = 14; i < 16; i++)
document.write('<a href="http://www.google.co.jp">' + (i+j) + '</a>');
document.write('');
for (i = 19; i < 25; i++)
document.write('<a href="http://www.google.co.jp">' + (i+j) + '</a>');
}
for (i = 100; i < 125; i++)
document.write('<a href="http://www.google.co.jp">' + i + '</a>');

function f()
{
if (di<0.54){di=di+0.01;a=a-1+aa;aa=aa+0.03}

i = 0;
for (x = -di*2; x <= di*2; x += di)for (y = -di*2; y <= di*2; y += di)for (z = -di*2; z <= di*2; z += di)
{
u = x;v = y;w = z;

v2 = v * Math.cos(b) - w * Math.sin(b);
w = v * Math.sin(b) + w * Math.cos(b);
v=v2;
u2 = w * Math.cos(a) - u * Math.sin(a);
w = w * Math.sin(a) + u * Math.cos(a);
u=u2;

c = Math.round((w + 2) * 70);
if (c < 0) c = 0;
if (c > 255) c = 255;
s = document.getElementById('l' + i).style;
s.left = 300 + u * (w + 2) * 50;
s.top = 280 + v * (w + 2) * 50;
s.color = 'rgb(' + (255-c) + ', ' + (255-c) + ',' + (255-c) + ')';
s.fontSize = (w + 2) * 5 + 'px';
s.zIndex = Math.round((w + 2) * 10);
i++;
}
}

setInterval('f()', 20);

</script>

mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama 
mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama 
mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama 


mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 

</body>
</html>3d-2
││├ <html><head><title></title>
<style type="text/css">
body{background:#FFFFFF;color:#000044;height:100%;margin:0;padding:0;width:100%;}
b{position:absolute;}
</style></head>
<body>
<script type="text/javascript">
var di = 0.1, a = 0, b = 0,aa=0,bb=0,aaa=0,bbb=0,aaa2=0,bbb2=0,c=0,e=0.05;

for (i = 0; i < 25; i++)
document.write('<a href="http://www.google.co.jp">' + i + i + i + i + ' ' + i + i + i + i + ' ' + i + i + i + i + ' ' + i + i + i + i + ' ' + i + i + i + i + '</a>');

for(j=25;j<100;j=j+25){
for (i = 0; i < 6; i++)
document.write('<a href="http://www.google.co.jp">' + i + i + (i+j) + '</a>');
document.write('');
for (i = 9; i < 11; i++)
document.write('<a href="http://www.google.co.jp">' + (i+j) + '</a>');
document.write('');
for (i = 14; i < 16; i++)
document.write('<a href="http://www.google.co.jp">' + (i+j) + '</a>');
document.write('');
for (i = 19; i < 25; i++)
document.write('<a href="http://www.google.co.jp">' + (i+j) + '</a>');
}
for (i = 100; i < 125; i++)
document.write('<a href="http://www.google.co.jp">' + i + '</a>');

function f()
{
if (di<0.54){di=di+0.01;a=a-1+aa;aa=aa+0.03}

i = 0;
for (x = -di*2; x <= di*2; x += di)for (y = -di*2; y <= di*2; y += di)for (z = -di*2; z <= di*2; z += di)
{
u = x;v = y;w = z;
v2 = v * Math.cos(b) - w * Math.sin(b);w = v * Math.sin(b) + w * Math.cos(b);v=v2;
u2 = w * Math.cos(a) - u * Math.sin(a);w = w * Math.sin(a) + u * Math.cos(a);u=u2;

c = Math.round((w + 2) * 70);
if (c < 0) c = 0;
if (c > 255) c = 255;
s = document.getElementById('l' + i).style;
s.left = 300 + u * (w + 2) * 50;
s.top = 280 + v * (w + 2) * 50;
s.color = 'rgb(' + (255-c) + ', ' + (255-c) + ',' + (255-c) + ')';
s.fontSize = (w + 2) * 5 + 'px';
s.zIndex = Math.round((w + 2) * 10);
if (w>0.8) {;s.display = "block";} else {s.display = "none";}
i++;
} }

setInterval('f()', 30);
</script>


mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama 
mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama 
mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama 


mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 

</body></html>3d-2-x
││├ <html><head><title></title>
<style type="text/css">
body{background:#FFFFFF;color:#000044;height:100%;margin:0;padding:0;width:100%;}
b{position:absolute;}
a{color:blue;}
a:hover{color:#5555FF;}
</style></head>
<body>
<script type="text/javascript">
var di = 0.1, a = 0, b = 0,aa=0,bb=0,aaa=0,bbb=0,aaa2=0,bbb2=0,c=0,e=0.05;
var uuu = new Array(126) ;
for (i = 0; i < 125; i++){uuu[i]=i}
for (i = 0; i < 25; i++)
document.write('<a href='+uuu[i]+'>' + i + i + ' ' + i + i + '</a>');

for(j=25;j<100;j=j+25){
for (i = 0; i < 6; i++)
document.write('<a href="http://www.google.co.jp">' + (i+j) + '</a>');
document.write('');
for (i = 9; i < 11; i++)
document.write('<a href="http://www.google.co.jp">' + (i+j) + '</a>');
document.write('');
for (i = 14; i < 16; i++)
document.write('<a href="http://www.google.co.jp">' + (i+j) + '</a>');
document.write('');
for (i = 19; i < 25; i++)
document.write('<a href="http://www.google.co.jp">' + (i+j) + '</a>');
}
for (i = 100; i < 125; i++)
document.write('<a href='+uuu[i]+'>' + i + i + ' ' + i + i + '</a>');

function f()
{
if (di<0.54){di=di+0.01;a=a-1+aa;aa=aa+0.03}

i = 0;
for (x = -di*2; x <= di*2; x += di)for (y = -di*2; y <= di*2; y += di)for (z = -di*2; z <= di*2; z += di)
{
u = x;v = y;w = z;

v2 = v * Math.cos(b) - w * Math.sin(b);
w = v * Math.sin(b) + w * Math.cos(b);
v=v2;
u2 = w * Math.cos(a) - u * Math.sin(a);
w = w * Math.sin(a) + u * Math.cos(a);
u=u2;

c = Math.round((w + 2) * 70);
if (c < 0) c = 0;
if (c > 255) c = 255;
s = document.getElementById('l' + i).style;
s.left = 300 + u * (w + 2) * 50;
s.top = 280 + v * (w + 2) * 50;
s.color = 'rgb(' + (255-c) + ', ' + (255-c) + ',' + (255-c) + ')';
s.fontSize = (w + 2) * 10 + 'px';
s.zIndex = Math.round((w + 2) * 10);

// if (w>1) {document.links[i].href = uuu[i];s.color = 'rgb(255,0,0)';} else {document.links[i].href = "";}

// if (i<75){document.getElementById('l' + i).href="";} else {document.getElementById('l' + i).href=uuu[i];}

i++;
}
}

setInterval('f()', 20);

</script>

mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama 
mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama 
mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama 


mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 

</body>
</html>3d-3
││├ <html><head><title></title>
<style type="text/css">
body{background:#FFFFFF;color:#000044;height:100%;margin:0;padding:0;width:100%;}
b{position:absolute;}
a{color:blue;}
a:hover{color:#5555FF;}
</style></head>
<body>
<script type="text/javascript">
var di = 0.1, a = 0, b = 0,aa=0,bb=0,aaa=0,bbb=0,aaa2=0,bbb2=0,c=0,e=0.05;
var uuu = new Array(126) ;
p=0;function mm(){p=p+1;}
for (i = 0; i < 125; i++){uuu[i]=i}
for (i = 0; i < 25; i++) {
document.write('<a href='+uuu[i]+'>' + p + p + ' ' + p + p + '</a>');mm();}

for(j=25;j<100;j=j+25){
for (i = 0; i < 6; i++){
document.write('<a href="http://www.google.co.jp">' + p + '</a>');mm();}

document.write('');mm();mm();mm();

for (i = 9; i < 11; i++){
document.write('<a href="http://www.google.co.jp">' + p + '</a>');mm();}

document.write('');mm();mm();mm();

for (i = 14; i < 16; i++){
document.write('<a href="http://www.google.co.jp">' + p + '</a>');;mm();}

document.write('');mm();mm();mm();

for (i = 19; i < 25; i++){
document.write('<a href="http://www.google.co.jp">' + p + '</a>');;mm();}
}
for (i = 100; i < 125; i++) {
document.write('<a href='+uuu[i]+'>' + p + p + ' ' + p + p + '</a>');mm();}

function f()
{
if (di<0.54){di=di+0.01;a=a-1+aa;aa=aa+0.03}

i = 0;
for (x = -di*2; x <= di*2; x += di)for (y = -di*2; y <= di*2; y += di)for (z = -di*2; z <= di*2; z += di)
{
u = x;v = y;w = z;

v2 = v * Math.cos(b) - w * Math.sin(b);
w = v * Math.sin(b) + w * Math.cos(b);
v=v2;
u2 = w * Math.cos(a) - u * Math.sin(a);
w = w * Math.sin(a) + u * Math.cos(a);
u=u2;

c = Math.round((w + 2) * 70);
if (c < 0) c = 0;
if (c > 255) c = 255;
s = document.getElementById('l' + i).style;
s.left = 300 + u * (w + 2) * 50;
s.top = 280 + v * (w + 2) * 50;
s.color = 'rgb(' + (255-c) + ', ' + (255-c) + ',' + (255-c) + ')';
s.fontSize = (w + 2) * 10 + 'px';
s.zIndex = Math.round((w + 2) * 10);

// if (w>1) {;s.color = 'rgb(255,0,0)';}

if (w>1) {document.links[i].href = uuu[i];s.color = 'rgb(255,0,0)';} else {document.links[i].href = "";}

// if (i<75){document.getElementById('l' + i).href="";} else {document.getElementById('l' + i).href=uuu[i];}

i++;
}
}

setInterval('f()', 20);

</script>

mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama 
mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama 
mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama 


mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 
mamama 

</body>
</html>3d-4
││└ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML lang="ja"><HEAD><title>画像をＹ軸回転させる</title>
<meta http-equiv=Content-Type content="text/html; charset=shift_jis">
<SCRIPT language=JavaScript></script>

</HEAD>
<BODY onload="setInterval('rotZimg()',100)">
<BASEFONT FACE="ＭＳゴシック">
 
<div align="center">
<H1>画像をＹ軸回転させる</H1>
<img style="Z-INDEX: 100; LEFT: 140px; POSITION: absolute; TOP: 70px" src="../../img/wa.gif">
<img style="POSITION: absolute" src="../../img/n.gif" name=img0>
<img style="POSITION: absolute" src="../../img/da.gif" name=img1>
<img style="POSITION: absolute" src="../../img/-.gif" name=img2>
<img style="POSITION: absolute" src="../../img/ra.gif" name=img3>
<img style="POSITION: absolute" src="../../img/n.gif" name=img4>
<img style="POSITION: absolute" src="../../img/do.gif" name=img5>
 

</BODY></HTML> sanko--
│├ 昔、ＭＳＸ触ったときに最初に作ったゲーム。

●をカーソルキーで左右に動かして、鍵（ー）をとり、門（門）に当たると面クリアです。

ジャンプ台（＝）で、垂直にジャンプ（ワープ？？）

刺（＊）で死亡します。

☆ボタンでリスタートします。

コツはカーソルをこまめに連打することで、かなーり水平に動けること。

たまに落ちるスピードが変わることがあるみたいですが

それはCromeのせいです。asdf
││├ 途中データです。開発途中
││├ <body bgcolor=black text=white onKeyDown="K=event.keyCode-37"><tt id=F><script>
function R(H){while(D.all["F"+(S=40+Math.ceil(ccc(i)*319))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}
function Y(){if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+20;XX=D.all["F"+P2].innerHTML;
if(XX==C && M==0){P=P+20;}
if(X==O || XX==O){alert("GAME OVER SCORE: "+SC*10);return}
if(X==T || XX==T){KY=1;Q="●";P=P+20;}
if(X==U || XX==U){if(KY==1){SC++;YY();}else{P=P-20;}}
if(X==W){P=P-M;}
if(X==N || XX==N){P=P-(20*6);while(P<0){P=P+20;}
while(C!=D.all["F"+P].innerHTML){P=P-20;} }
I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }
function YY(){D=document;M=0;P=370;S="";K=-1;P2=0;C="　";
U="門";Q="●";
W="■";N="＝";
O="＊";T="ー";
E="<INPUT TYPE=\"button\" VALUE=\"☆\" ONCLICK=\"clearTimeout(ID);YYY()\">";
for(i=0;i<400;i++)
S+=(i%20?"":" ")+""+((i+1)%20>1&&i<379?C:W)+"";I("",S);
for(i=0;i<51;i++)I(20+Math.ceil(ccc(i)*339),W);for(i=0;i<11;i++)R(N);I(399,E);
for(i=0;i<(2+SC);i++)R(O);for(i=0;i<2;i++)I(Math.ceil(360+ccc(i)*18),N);R(U);R(T);KY=0; }
function YYY(){j=0;SC=0;YY();Y();}
YYY();</script>

asdf 完成品
││├ <body bgcolor=black text=white onKeyDown="K=event.keyCode-37">
<style type="text/css"></style><tt id=F><script>
function R(H){while(D.all["F"+(S=40+Math.ceil(ccc(i)*319))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}
function Y(){if(K<-1 || K>3){K=-1;}
if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+20;XX=D.all["F"+P2].innerHTML;X1=X.slice(-8,-7);XX1=XX.slice(-8,-7);
if((XX1==C || XX1=="") && M==0){P=P+20;}
if(X1==O1 || XX1==O1){alert("GAME OVER");return}
if(X1==T1 || XX1==T1){KY=1;Q="●";P=P+20;}
if(X1==U1 || XX1==U1){if(KY==1){SC++;YY();}else{P=P-20;}}
if(X1==W1){P=P-M;}
if(X1==N1 || XX1==N1){P=P-(20*6);while(P<0){P=P+20;}
while(C!=D.all["F"+P].innerHTML){P=P-20;} }
I(401,"STAGE: "+SC);I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }
function YY(){D=document;M=0;P=370;S="";K=-1;P2=0;C="　";
G="";U1="門";U=G+"Lime\">"+U1+H;Q=G+"blue\">●"+H;
W1="■";W=G+"Maroon\">"+W1+H;N1="＝";N=G+"aqua\">"+N1+H;
O1="＊";O=G+"white\">"+O1+H;T1="ー";T=G+"yellow\">"+T1+H;
E="<INPUT TYPE=\"submit\" VALUE=\"☆\" ONCLICK=\"clearTimeout(ID);YYY()\">";
for(i=0;i<402;i++)
S+=(i%20?"":" ")+""+((i+1)%20>1&&i<379?C:W)+"";I("",S);
for(i=0;i<51;i++)I(20+Math.ceil(ccc(i)*339),W);for(i=0;i<11;i++)R(N);I(400,E);
for(i=0;i<(1+SC);i++)R(O);for(i=0;i<2;i++)I(Math.ceil(360+ccc(i)*18),N);R(U);R(T);KY=0; }
function YYY(){H=0;j=0;SC=1;YY();Y();}
YYY();</script>

asdf 完成品(IE対応)
││└ <body bgcolor=black text=white onKeyDown="K=event.keyCode-37">
<style type="text/css"></style><tt id=F><script>
function R(H){while(D.all["F"+(S=MX*2+Math.ceil(ccc(i)*((MY*MX)-(MX*4))))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}
function Y(){if(K<-1 || K>3){K=-1;}
if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+MX;XX=D.all["F"+P2].innerHTML;X1=X.slice(-8,-7);XX1=XX.slice(-8,-7);
if((XX1==C || XX1=="") && M==0){P=P+MX;}
if(X1==O1 || XX1==O1){alert("GAME OVER");return}
if(X1==T1 || XX1==T1){KY=1;Q="●";P=P+MX;}
if(X1==U1 || XX1==U1){if(KY==1){SC++;YY();}else{P=P-MX;}}
if(X1==W1){P=P-M;}
if(X1==N1 || XX1==N1){P=P-(MX*10);while(P<0){P=P+MX;}
while(C!=D.all["F"+P].innerHTML){P=P-MX;} }
I((MX*MY+1),"STAGE: "+SC);I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }
function YY(){D=document;M=0;P=(MX*(MY-1))-(MX/2);S="";K=-1;P2=0;C="　";
G="";U1="門";U=G+"Lime\">"+U1+H;Q=G+"blue\">●"+H;
W1="■";W=G+"Maroon\">"+W1+H;N1="＝";N=G+"aqua\">"+N1+H;
O1="＊";O=G+"white\">"+O1+H;T1="ー";T=G+"yellow\">"+T1+H;
E="<INPUT TYPE=\"submit\" VALUE=\"☆\" ONCLICK=\"clearTimeout(ID);YYY()\">";
for(i=0;i<(MX*MY+2);i++)
S+=(i%MX?"":" ")+""+((i+1)%MX>1&&i<((MX*MY)-MX-1)?C:W)+"";I("",S);
for(i=0;i<201;i++)I(MX+Math.ceil(ccc(i)*(MX*(MY-3))),W);for(i=0;i<41;i++)R(N);I(MX*MY,E);
for(i=0;i<(1+SC*4);i++)R(O);for(i=0;i<2;i++)I(Math.ceil((MX*(MY-2))+ccc(i)*(MX-2)),N);R(U);R(T);KY=0; }
function YYY(){MX=50;MY=40;j=0;SC=1;YY();Y();}
YYY();</script>

asdf 完成品(IE対応)MAP拡大版
│├ この自分のサイトの物を
移植していきます。PC-E500 回想録なぺーじ
│├ <body onKeyDown="K=event.keyCode-37">
<tt id=F><script>
function I(T,H){document.all["F"+T].innerHTML=H};
function R(){
X++;Y++;if(K==1)Y=Y-2;
I(X+Y*60,K);

setTimeout(R,50);
}
S="";C="　";W="お";Z="●";P=200;
for(i=0;i<1800;i++)
S+=(i%60?"":" ")+""+((Math.floor(Math.random()*30)==1)?W:C)+"";
I("",S);
K=-1;X=Y=0;

R();
</script> yoppa2
│└ <body onKeyDown="K=event.keyCode-37">
<tt id=F><script>
function I(T,H){document.all["F"+T].innerHTML=H};
K=X=Y=0;S="";C="　";W="■";
function Y(){
I(230,K);
setTimeout(Y,100)
}
for(i=0;i<1800;i++)
S+=(i%60?"":" ")+""+((Math.floor(Math.random()*8)==1)?W:C)+"";
I("",S);

Y();
</script> yoppa1
├ キー入力のテストkey-test
├ <html>
<head>
<meta charset="UTF-8" />
<title>Web Speech API</title>
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
window.SpeechRecognition = window.SpeechRecognition || webkitSpeechRecognition;
var recognition = new webkitSpeechRecognition();
recognition.lang = 'ja';

// 録音終了時トリガー
recognition.addEventListener('result', function(event){
var text = event.results.item(0).item(0).transcript;
$("#result_text").val(text);
}, false);

// 録音開始
function record()
{
recognition.start();
}
</script>
</head>

<body>

<textarea id="result_text" cols="100" rows="10">
</textarea>
 
<input type="button" onClick="record()" value="録音開始" />
</body>
</html>oto
├
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
function calc()
{
with(document.form01)
txt02.value = eval(txt01.value);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="form01">
計算式：<INPUT TYPE="TEXT" NAME="txt01" SIZE="30">
<INPUT TYPE="button" VALUE="計算" onClick="calc()"> 
計算結果：<INPUT TYPE="TEXT" NAME="txt02" SIZE="10">
</FORM>
</BODY>
</HTML>電卓
├ 解析したくても困難な物。解析困難
├ postnote
└ Junkerposts

・その場で編集、実行、デバッグＯＫ
・ツリー管理
・変数管理
・括弧の色分け（オマケ程度）

・完全オリジナルの環境です。
・このCGIのお問い合わせは
・momonga-v4.live.jp まで。

asdf 完成品(IE対応)MAP拡大版

<body bgcolor=black text=white onKeyDown="K=event.keyCode-37">
<style type="text/css"></style><tt id=F><script>
function R(H){while(D.all["F"+(S=MX*2+Math.ceil(ccc(i)*((MY*MX)-(MX*4))))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}
function Y(){if(K<-1 || K>3){K=-1;}
if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+MX;XX=D.all["F"+P2].innerHTML;X1=X.slice(-8,-7);XX1=XX.slice(-8,-7);
if((XX1==C || XX1=="") && M==0){P=P+MX;}
if(X1==O1 || XX1==O1){alert("GAME OVER");return}
if(X1==T1 || XX1==T1){KY=1;Q="●";P=P+MX;}
if(X1==U1 || XX1==U1){if(KY==1){SC++;YY();}else{P=P-MX;}}
if(X1==W1){P=P-M;}
if(X1==N1 || XX1==N1){P=P-(MX*10);while(P<0){P=P+MX;}
while(C!=D.all["F"+P].innerHTML){P=P-MX;} }
I((MX*MY+1),"STAGE: "+SC);I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }
function YY(){D=document;M=0;P=(MX*(MY-1))-(MX/2);S="";K=-1;P2=0;C="　";
G="";U1="門";U=G+"Lime\">"+U1+H;Q=G+"blue\">●"+H;
W1="■";W=G+"Maroon\">"+W1+H;N1="＝";N=G+"aqua\">"+N1+H;
O1="＊";O=G+"white\">"+O1+H;T1="ー";T=G+"yellow\">"+T1+H;
E="<INPUT TYPE=\"submit\" VALUE=\"☆\" ONCLICK=\"clearTimeout(ID);YYY()\">";
for(i=0;i<(MX*MY+2);i++)
S+=(i%MX?"":" ")+""+((i+1)%MX>1&&i<((MX*MY)-MX-1)?C:W)+"";I("",S);
for(i=0;i<201;i++)I(MX+Math.ceil(ccc(i)*(MX*(MY-3))),W);for(i=0;i<41;i++)R(N);I(MX*MY,E);
for(i=0;i<(1+SC*4);i++)R(O);for(i=0;i<2;i++)I(Math.ceil((MX*(MY-2))+ccc(i)*(MX-2)),N);R(U);R(T);KY=0; }
function YYY(){MX=50;MY=40;j=0;SC=1;YY();Y();}
YYY();</script>

使用変数

a	乱数発生用
b	乱数発生用
C	空白キャラクタ
ccc -------( Function )	乱数関数
D	Documentという文字　省略用
E	リスタート用ボタン
G	<font color=の文字　省略用
H	</font>の文字　省略用
I -------( Function )	マップのにキャラクタを表示する関数
i	ループ用
ID	setTimeout用のID。ボタンにClear入れないと100が反映されなくなるっぽい
j	乱数発生用
K	キー入力用
KY	鍵を取ったか？
M	自分の座標の増減
MX	マップの大きさX
MY	マップの大きさY
N1	ジャンプ台のキャラクタ
N	ジャンプ台のキャラクタ（色付き）
O1	刺のキャラクタ
O	刺のキャラクタ（色付き）
P2	自分の下の座標
P	自分の座標
Q	自分のキャラクタ。●
R -------( Function )	ランダムにマップにキャラクタを表示する関数
S	マップ全体を表示する用
SC	スコア
T1	鍵のキャラクタ
T	鍵のキャラクタ（色付き）
U1	門のキャラクタ
U	門のキャラクタ（色付き）
W1	壁キャラクタ
W	壁キャラクタ（色付き）
X1	自分の位置の物（色付き）
X	自分の位置の物
XX1	自分の下の位置の物
XX	自分の下の位置の物（色付き）
Y -------( Function )	ループ部分
YY -------( Function )	初期値部分
YYY -------( Function )	全体全部
Z	自分の座標の1回分前

<body bgcolor=black text=white onKeyDown="K=event.keyCode-37">
<style type="text/css"></style><tt id=F><script>
function R(H){while(D.all["F"+(S=MX*2+Math.ceil(ccc(i)*((MY*MX)-(MX*4))))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}
function Y(){if(K<-1 || K>3){K=-1;}
if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+MX;XX=D.all["F"+P2].innerHTML;X1=X.slice(-8,-7);XX1=XX.slice(-8,-7);
if((XX1==C || XX1=="") && M==0){P=P+MX;}
if(X1==O1 || XX1==O1){alert("GAME OVER");return}
if(X1==T1 || XX1==T1){KY=1;Q="●";P=P+MX;}
if(X1==U1 || XX1==U1){if(KY==1){SC++;YY();}else{P=P-MX;}}
if(X1==W1){P=P-M;}
if(X1==N1 || XX1==N1){P=P-(MX*10);while(P<0){P=P+MX;}
while(C!=D.all["F"+P].innerHTML){P=P-MX;} }
I((MX*MY+1),"STAGE: "+SC);I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }
function YY(){D=document;M=0;P=(MX*(MY-1))-(MX/2);S="";K=-1;P2=0;C="　";
G="";U1="門";U=G+"Lime\">"+U1+H;Q=G+"blue\">●"+H;
W1="■";W=G+"Maroon\">"+W1+H;N1="＝";N=G+"aqua\">"+N1+H;
O1="＊";O=G+"white\">"+O1+H;T1="ー";T=G+"yellow\">"+T1+H;
E="<INPUT TYPE=\"submit\" VALUE=\"☆\" ONCLICK=\"clearTimeout(ID);YYY()\">";
for(i=0;i<(MX*MY+2);i++)
S+=(i%MX?"":" ")+""+((i+1)%MX>1&&i<((MX*MY)-MX-1)?C:W)+"";I("",S);
for(i=0;i<201;i++)I(MX+Math.ceil(ccc(i)*(MX*(MY-3))),W);for(i=0;i<41;i++)R(N);I(MX*MY,E);
for(i=0;i<(1+SC*4);i++)R(O);for(i=0;i<2;i++)I(Math.ceil((MX*(MY-2))+ccc(i)*(MX-2)),N);R(U);R(T);KY=0; }
function YYY(){MX=50;MY=40;j=0;SC=1;YY();Y();}
YYY();</script>

<!-- Variable-table

a:乱数発生用
b:乱数発生用
bgcolor:none
C:空白キャラクタ
ccc -------( Function ):乱数関数
color:none
D:Documentという文字　省略用
E:リスタート用ボタン
G:の文字　省略用
I -------( Function ):マップのにキャラクタを表示する関数
i:ループ用
id:none
ID:setTimeout用のID。ボタンにClear入れないと100が反映されなくなるっぽい
innerHTML:none
j:乱数発生用
K:キー入力用
KY:鍵を取ったか？
M:自分の座標の増減
MX:マップの大きさX
MY:マップの大きさY
N1:ジャンプ台のキャラクタ
N:ジャンプ台のキャラクタ（色付き）
O1:刺のキャラクタ
O:刺のキャラクタ（色付き）
ONCLICK:none
onKeyDown:none
P2:自分の下の座標
P:自分の座標
Q:自分のキャラクタ。●
R -------( Function ):ランダムにマップにキャラクタを表示する関数
S:マップ全体を表示する用
SC:スコア
T1:鍵のキャラクタ
T:鍵のキャラクタ（色付き）
text:none
type:none
TYPE:none
U1:門のキャラクタ
U:門のキャラクタ（色付き）
VALUE:none
W1:壁キャラクタ
W:壁キャラクタ（色付き）
X1:自分の位置の物（色付き）
X:自分の位置の物
XX1:自分の下の位置の物
XX:自分の下の位置の物（色付き）
Y -------( Function ):ループ部分
YY -------( Function ):初期値部分
YYY -------( Function ):全体全部
Z:自分の座標の1回分前
-->