├ <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="<font color=\"Purple\">■</font>";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="<font color=\"Lime\">門</font>";Q="<font color=\"blue\">■</font>";W="<font color=\"Maroon\">■</font>";N="<font color=\"aqua\">=</font>";O="<font color=\"white\">*</font>";T="<font color=\"yellow\">ー</font>";E="<INPUT TYPE=\"button\" VALUE="+SC+" ONCLICK=\"clearTimeout(ID);YYY()\">";for(i=0;i<400;i++)S+=(i%20?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i<379?C:W)+"</span>";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="<font color=\"Purple\">■</font>";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="<font color=\"Lime\">門</font>";Q="<font color=\"blue\">■</font>";W="<font color=\"Maroon\">■</font>";N="<font color=\"aqua\">=</font>";O="<font color=\"white\">*</font>";T="<font color=\"yellow\">ー</font>";E="<INPUT TYPE=\"button\" VALUE="+SC+" ONCLICK=\"clearTimeout(ID);YYY()\">";for(i=0;i<400;i++)S+=(i%20?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i<379?C:W)+"</span>";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="<font color=\"Purple\" style=\"font-size: inherit;\">●</font>";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="<font color=\"Lime\" style=\"font-size: inherit;\">門</font>"; Q="<font color=\"blue\" style=\"font-size: inherit;\">●</font>"; W="<font color=\"Maroon\" style=\"font-size: inherit;\">■</font>"; N="<font color=\"aqua\" style=\"font-size: inherit;\">=</font>"; O="<font color=\"white\" style=\"font-size: inherit;\">*</font>"; T="<font color=\"yellow\" style=\"font-size: inherit;\">ー</font>"; 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?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i<379?C:W)+"</span>"; 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="<font color=\"Purple\" style=\"font-size: inherit;\">●</font>";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="<font color=\"Lime\" style=\"font-size: inherit;\">門</font>"; Q="<font color=\"blue\" style=\"font-size: inherit;\">●</font>"; W="<font color=\"Maroon\" style=\"font-size: inherit;\">■</font>"; N="<font color=\"aqua\" style=\"font-size: inherit;\">=</font>"; O="<font color=\"white\" style=\"font-size: inherit;\">*</font>"; T="<font color=\"yellow\" style=\"font-size: inherit;\">ー</font>"; 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?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i<379?C:W)+"</span>"; 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="<font color=\"Purple\" style=\"font-size: inherit;\">●</font>";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="<font color=\"Lime\" style=\"font-size: inherit;\">門</font>";Q="<font color=\"blue\" style=\"font-size: inherit;\">●</font>";W="<font color=\"Maroon\" style=\"font-size: inherit;\">■</font>";N="<font color=\"aqua\" style=\"font-size: inherit;\">=</font>";O="<font color=\"white\" style=\"font-size: inherit;\">*</font>";T="<font color=\"yellow\" style=\"font-size: inherit;\">ー</font>";E="<INPUT TYPE=\"button\" VALUE=\"☆\" STYLE=\"font-size: inherit;\" ONCLICK=\"clearTimeout(ID);YYY()\">";for(i=0;i<400;i++)S+=(i%20?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i<379?C:W)+"</span>";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="<font color=\"Purple\" style=\"font-size: inherit;\">●</font>";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="<font color=\"Lime\" style=\"font-size: inherit;\">門</font>";Q="<font color=\"blue\" style=\"font-size: inherit;\">●</font>";W="<font color=\"Maroon\" style=\"font-size: inherit;\">■</font>";N="<font color=\"aqua\" style=\"font-size: inherit;\">=</font>";O="<font color=\"white\" style=\"font-size: inherit;\">*</font>";T="<font color=\"yellow\" style=\"font-size: inherit;\">ー</font>";E="<INPUT TYPE=\"button\" VALUE=\"☆\" STYLE=\"font-size: inherit;\" ONCLICK=\"clearTimeout(ID);YYY()\">"; // STYLE追加for(i=0;i<400;i++)S+=(i%20?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i<379?C:W)+"</span>";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="<font color=\"Purple\">●</font>";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="<font color=\"Lime\">門</font>";Q="<font color=\"blue\">●</font>";W="<font color=\"Maroon\">■</font>";N="<font color=\"aqua\">=</font>";O="<font color=\"white\">*</font>";T="<font color=\"yellow\">ー</font>";E="<INPUT TYPE=\"button\" VALUE=\"☆\" ONCLICK=\"clearTimeout(ID);YYY()\">";for(i=0;i<400;i++)S+=(i%20?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i<379?C:W)+"</span>";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="<font color=\"Purple\" style=\"font-size: inherit;\">●</font>";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="<font color=\"Lime\" style=\"font-size: inherit;\">門</font>";Q="<font color=\"blue\" style=\"font-size: inherit;\">●</font>";W="<font color=\"Maroon\" style=\"font-size: inherit;\">■</font>";N="<font color=\"aqua\" style=\"font-size: inherit;\">=</font>";O="<font color=\"white\" style=\"font-size: inherit;\">*</font>";T="<font color=\"yellow\" style=\"font-size: inherit;\">ー</font>";E="<INPUT TYPE=\"button\" VALUE=\"☆\" STYLE=\"font-size: inherit;\" ONCLICK=\"clearTimeout(ID);YYY()\">";for(i=0;i<400;i++)S+=(i%20?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i<379?C:W)+"</span>";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="<font color=\"Purple\" style=\"font-size: inherit;\">●</font>";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="<font color=\"Lime\" style=\"font-size: inherit;\">門</font>";Q="<font color=\"blue\" style=\"font-size: inherit;\">●</font>";W="<font color=\"Maroon\" style=\"font-size: inherit;\">■</font>";N="<font color=\"aqua\" style=\"font-size: inherit;\">=</font>";O="<font color=\"white\" style=\"font-size: inherit;\">*</font>";T="<font color=\"yellow\" style=\"font-size: inherit;\">ー</font>";E="<INPUT TYPE=\"button\" VALUE=\"☆\" STYLE=\"font-size: inherit;\" ONCLICK=\"clearTimeout(ID);YYY()\">"; // STYLE追加でフォントサイズ変更for(i=0;i<400;i++)S+=(i%20?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i<379?C:W)+"</span>";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="<font color=\"Purple\">●</font>";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="<font color=\"Lime\">門</font>";Q="<font color=\"blue\">●</font>";W="<font color=\"Maroon\">■</font>";N="<font color=\"aqua\">=</font>";O="<font color=\"white\">*</font>";T="<font color=\"yellow\">ー</font>";E="<INPUT TYPE=\"button\" VALUE=\"☆\" ONCLICK=\"clearTimeout(ID);YYY()\">";for(i=0;i<400;i++)S+=(i%20?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i<379?C:W)+"</span>";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> <!-- iframeを使ってWebページを表示 --> <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"><b id="l' + i + '">' + i + '</b></a>'); } document.write('<a href="http://www.google.co.jp"><b id="l13"></b></a>'); for (i = 14; i < 27; i++) { document.write('<a href="http://www.google.co.jp"><b id="l' + i + '">' + i + '</b></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 "グリッド・クリーンアップ前のバックアップファイルを確認。";};####################################################################};###入力2.5 ##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.10if {$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 patmrc enable drillmrc disable vccgndmrc disable sresistmrc 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 ├ cc ├ 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="<font color=\"Purple\">●</font>";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="<font color=\"Lime\">門</font>";Q="<font color=\"blue\">●</font>";W="<font color=\"Maroon\">■</font>";N="<font color=\"aqua\">=</font>";O="<font color=\"white\">*</font>";T="<font color=\"yellow\">ー</font>";E="<INPUT TYPE=\"button\" VALUE=\"☆\" ONCLICK=\"clearTimeout(ID);YYY()\">";for(i=0;i<421;i++)S+=(i%20?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i<379?C:W)+"</span>";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="<font color=\"Purple\">●</font>";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="<font color=\"Lime\">門</font>";Q="<font color=\"blue\">●</font>";W="<font color=\"Maroon\">■</font>";N="<font color=\"aqua\">=</font>";O="<font color=\"white\">*</font>";T="<font color=\"yellow\">ー</font>";E="<INPUT TYPE=\"button\" VALUE=\"☆\" ONCLICK=\"clearTimeout(ID);YYY()\">";for(i=0;i<400;i++)S+=(i%20?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i<379?C:W)+"</span>";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>dddd ├ <!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><p id="dis1"></p><p id="dis2"></p></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"> <p>touch area</p> <div id="touch-area1">◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆</div> <p>display area</p> <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:<span id=F1>a</span>");ループ部分で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> <p>「<a id="jump" href="../aaa/start.htm">ごあいさつ</a>」ページへジャンプ・・・・・<button onclick=alert(document.links[0].href);>現在のリンク先urlは</button></p> <button onclick="document.links[0].href='../aaa/books.htm';jump.innerText='参考書籍'">上のリンクを「参考書籍」ページに変更</button><br> <button onclick="document.links[0].href='http://www.yahoo.co.jp/';jump.innerText='Yahoo!'">上のリンクを「Yahoo!」ページに変更</button><br> <button onclick="document.links[0].href='http://www.google.com/';jump.innerText='Google'">上のリンクを「Google」ページに変更</button> <hr> <ul> <li><font color="#FF0000">linksプロパティ</font>には、現在ページのリンク情報が配列として保持されている。そしてページ内の各リンクは、先頭から順番に0〜から始まるIndex番号が付けられる。</li> <li><font color="#FF00FF">document.links[index番号].href</font> で現在ページ内のindex番号位置のリンク先urlを取得できる。</li> <li><font color="#FF00FF">document.links[index番号].href=url;</font> で現在ページ内のindex番号位置のリンク先を指定urlに変更できる。<br> </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;"><span id="hour">00</span>:<span id="min">00</span>時計 │├ <body><script>str = prompt("あなたのお名前を入力してください","お名前");if(str == "" | str == null) str = "名無し";document.write("あなたの名前は"+str+"さんですね。");</script>基本の入出力 │├ 1.外部ファイル(.js)は使わない。2.コードは1000バイト。3.Javascriptのみ。4.3大ブラウザ(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の返値の違い その1U="<font color=\"red\">▲</font>";上のように代入してID付きのinnerHTMLで一度表示し、その位置の物を innerHTMLで読み込むとき、ブラウザによって内容に差がでてきてしまいます。Crome、Firefox は<font color="red">▲</font> と扱われます。IE は<FONT color=red>▲</FONT> と扱われます。よって返ってきた値だけで判断はできません。しかたがないので、slice で切り取って判断する方法をとりました。U1=U.slice(-8,-7);マイナス指定なのは、前からだと”を取ってしまう為です。■省略文字による動作の違いDocument.all.F[1].innerHTML を省略するときCrome、IE はD=Document.all D.F[1].innerHTML としても 動きますがFirefox は動きません。ですのでD=DocumentD.all.F[1].innerHTML とするのが望ましいです。これで3つ全部で動きます。■フォントの扱いの違い<tt id=F>として<span id=F〜の部分をあとでinnerHTMLにて調べるわけですがCrome、Firefoxは空白を等幅として扱いますが、IEは扱わないため、すっごいズレます。以下のようにフォント指定するととりあえず空白を等幅でとります。<style type="text/css"><!--tt{font-family:"MS ゴシック";}--></style><tt id=F>しかしながら、CromeではそのHTML全体の中で使われている全角文字の数が一定の数でそのHTMLがS-JISであると判断しているため、ある一定の数、全角文字を入れないとS-JIS以外のフォントでHTMLを認識します。するとfont-family:"MS ゴシック"; のうちMS ゴシックの部分が化けてしまってフォントを認識しなくなります。この部分は注意してください。■innerHTMLの返値の違い その2IEは空白をヌルで返しますが、Crome、Firefoxは空白で返します。この点をふまえて組む必要があります。ブラウザによる違い │├ 2chの7行プログラミングpart1にて出されたプログラムをいじりました。このプログラムをいじってここでのJavascriptを把握。hebi │├ javascriptを使った3Dにみせかける物。ページのメニューに使用できそう。課題ピクチャの表示前面のオブジェクトのみリンク済み四角の内部のオブジェクトを消すリンクにするマウスの上下左右で動かせる3*3以上の物を表示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"><b id="l' + i + '">' + i + '</b></a>');}document.write('<a href="http://www.google.co.jp"><b id="l13"></b></a>');for (i = 14; i < 27; i++) {document.write('<a href="http://www.google.co.jp"><b id="l' + i + '">' + i + '</b></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><span onmousemove="aaa=event.clientX/999;a=a+((aaa-aaa2)<0)*e-((aaa2-aaa)<0)*e;aaa2=aaa;">example-example-example-example-example-example-example-example-example<br>example-example-example-example-example-example-example-example-example<br>example-example-example-example-example-example-example-example-example<br></span><span onmousemove="bbb=event.clientY/999;b=b+((bbb-bbb2)<0)*e-((bbb2-bbb)<0)*e;bbb2=bbb;">example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br>example<br></span></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:"MS ゴシック";}</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:<span id=F1>a</span>");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"><b id="l0">紅茶を飲むと<br>集中力がアッ<br>プして仕事が<br>はかどり、疲<br>労も軽減され<br>る - GIGAZINE</b></a><a href="http://www.google.co.jp"><b id="l1">三日で3億稼<br>いだけど質問<br>ある? - 痛い<br>信者(ノ∀`)</b></a><a href="http://www.google.co.jp"><b id="l2">必ず重宝する<br>シンプルなア<br>イコンセット20<br>選|desi<br>gnaholic -Cr<br>eative Colum<br>n-</b></a><a href="http://www.google.co.jp"><b id="l3">「ホームペー<br>ジを作る人の<br>ネタ帳」さんの<br>リデザイ<br>ンをしました<br> - Webクリエ<br>イターボック<br>ス</b></a><a href="http://www.google.co.jp"><b id="l4">牛乳の賞味期<br>限が10日か<br>ら数カ月に。<br>71歳社長、<br>殺菌技術で特<br>許+(1-2ペ<br>ージ) - MSN<br>産経ニュース</b></a><a href="http://www.google.co.jp"><b id="l5">20代がこれか<br>ら直面する4<br>つの試練 - <br>モチベーショ<br>ンは楽しさ創<br>造から</b></a><a href="http://www.google.co.jp"><b id="l6">「優れたPerl<br>プログラマを<br>見分ける27の<br>質問」の日<br>本語訳 - Isl<br>ands in the <br>byte stream</b></a><a href="http://www.google.co.jp"><b id="l7">らばQ-過去か<br>ら見た未来…<br>100年前に描か<br>れた2000年予<br>想イラストい<br>ろいろ</b></a><a href="http://www.google.co.jp"><b id="l8">PNGの画質を<br>劣化せず極限<br>までファイル<br>サイズを落と<br>す、たった1つ<br>の方法 - フ<br>リーソフト,<br>Windows PC活<br>用情報局</b></a><a href="http://www.google.co.jp"><b id="l9">イチローに学<br>ぶ自分を上手<br>にコントロー<br>ルする方法 -<br> 読んだものま<br>とめブログ</b></a><a href="http://www.google.co.jp"><b id="l10">[NS] ニンテ<br>ンドー3DSが3<br>倍便利になる<br>50の小技と裏<br>技</b></a><a href="http://www.google.co.jp"><b id="l11">アルコールは<br>身体に悪いは<br>誤り? お酒<br>を飲まない人<br>ほど早死にす<br>るとの衝撃の<br>研究発表! -<br> ギズモード・ジャ<br>パン</b></a><a href="http://www.google.co.jp"><b id="l12">Python入門者<br>に贈る16の鍵<br> « python練習<br>帳</b></a><a href="http://www.google.co.jp"><b id="l13"></b></a><a href="http://www.google.co.jp"><b id="l14">【乞食速報】<br>墓地が無料!<br>急いで死ね!</b></a><a href="http://www.google.co.jp"><b id="l15">過負荷に耐え<br>るWEBサービス<br>作成のための<br>使えるPHPキャ<br>ッシュテクニ<br>ックまとめ-p<br>hpspot開発日<br>誌</b></a><a href="http://www.google.co.jp"><b id="l16">阪神大震災で<br>被災した人が<br>アドバイス -<br> 2chコピペ保<br>存道場</b></a><a href="http://www.google.co.jp"><b id="l17">「ポポポポー<br>ン」キャラク<br>ターのプロフ<br>ィール一覧 <br>ありがとウサ<br>ギがビッチと<br>判明 - かくれ<br>オタのブログ</b></a><a href="http://www.google.co.jp"><b id="l18">ヤマト運輸の<br>配送状況は、<br>実はGoogleか<br>ら検索できる <br>- RX-7乗りの<br>適当な日々</b></a><a href="http://www.google.co.jp"><b id="l19">海外記事「ポ<br>ルノを描いて<br>いた日本の漫<br>画家9人」とそ<br>の反響- 誤訳<br>御免。</b></a><a href="http://www.google.co.jp"><b id="l20">すくいぬ この<br>かっこいい猫<br>の画像くださ<br>い</b></a><a href="http://www.google.co.jp"><b id="l21">【第3話】「<br>クルマ所有」<br>の代償は3600<br>万円! タクシ<br>ーのほうが安<br>い? - トレ<br>ンド - 日経ト<br>レンディネ<br>ット</b></a><a href="http://www.google.co.jp"><b id="l22">週刊少年ジャ<br>ンプ 特別無料<br>配信について- <br>Yahoo! JAPAN</b></a><a href="http://www.google.co.jp"><b id="l23">寝不足だけが原<br>因じゃない?<br>目の下の「ク<br>マ」を解消す<br>る方法 - はて<br>なブックマー<br>クニュース</b></a><a href="http://www.google.co.jp"><b id="l24">「さよなら絶<br>望先生」全38<br>話がニコ生で<br>一挙無料配信<br> -AV Watch</b></a><a href="http://www.google.co.jp"><b id="l25">サイト作成に<br>欠かせないサ<br>イトやサービ<br>スなどを20個<br>|Webpark</b></a><a href="http://www.google.co.jp"><b id="l26">短期間でプロ<br>グラミング言<br>語を覚えるの<br>に役に立ちそ<br>うなサイトま<br>とめ - ラジ<br>ック</b></a><span onmousemove="aaa=event.clientX/999;a=a+((aaa-aaa2)<0)*e-((aaa2-aaa)<0)*e;aaa2=aaa;">□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■<br>■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□<br>□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■<br></span><span onmousemove="bbb=event.clientY/999;b=b+((bbb-bbb2)<0)*e-((bbb2-bbb)<0)*e;bbb2=bbb;">□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br></span></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:"MS ゴシック";}</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:<span id=F1>a</span>");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"><b id="l0">紅茶を飲むと<br>集中力がアッ<br>プして仕事が<br>はかどり、疲<br>労も軽減され<br>る - GIGAZINE</b></a><a href="http://www.google.co.jp"><b id="l1">三日で3億稼<br>いだけど質問<br>ある? - 痛い<br>信者(ノ∀`)</b></a><a href="http://www.google.co.jp"><b id="l2">必ず重宝する<br>シンプルなア<br>イコンセット20<br>選|desi<br>gnaholic -Cr<br>eative Colum<br>n-</b></a><a href="http://www.google.co.jp"><b id="l3">「ホームペー<br>ジを作る人の<br>ネタ帳」さんの<br>リデザイ<br>ンをしました<br> - Webクリエ<br>イターボック<br>ス</b></a><a href="http://www.google.co.jp"><b id="l4">牛乳の賞味期<br>限が10日か<br>ら数カ月に。<br>71歳社長、<br>殺菌技術で特<br>許+(1-2ペ<br>ージ) - MSN<br>産経ニュース</b></a><a href="http://www.google.co.jp"><b id="l5">20代がこれか<br>ら直面する4<br>つの試練 - <br>モチベーショ<br>ンは楽しさ創<br>造から</b></a><a href="http://www.google.co.jp"><b id="l6">「優れたPerl<br>プログラマを<br>見分ける27の<br>質問」の日<br>本語訳 - Isl<br>ands in the <br>byte stream</b></a><a href="http://www.google.co.jp"><b id="l7">らばQ-過去か<br>ら見た未来…<br>100年前に描か<br>れた2000年予<br>想イラストい<br>ろいろ</b></a><a href="http://www.google.co.jp"><b id="l8">PNGの画質を<br>劣化せず極限<br>までファイル<br>サイズを落と<br>す、たった1つ<br>の方法 - フ<br>リーソフト,<br>Windows PC活<br>用情報局</b></a><a href="http://www.google.co.jp"><b id="l9">イチローに学<br>ぶ自分を上手<br>にコントロー<br>ルする方法 -<br> 読んだものま<br>とめブログ</b></a><a href="http://www.google.co.jp"><b id="l10">[NS] ニンテ<br>ンドー3DSが3<br>倍便利になる<br>50の小技と裏<br>技</b></a><a href="http://www.google.co.jp"><b id="l11">アルコールは<br>身体に悪いは<br>誤り? お酒<br>を飲まない人<br>ほど早死にす<br>るとの衝撃の<br>研究発表! -<br> ギズモード・ジャ<br>パン</b></a><a href="http://www.google.co.jp"><b id="l12">Python入門者<br>に贈る16の鍵<br> « python練習<br>帳</b></a><a href="http://www.google.co.jp"><b id="l13"></b></a><a href="http://www.google.co.jp"><b id="l14">【乞食速報】<br>墓地が無料!<br>急いで死ね!</b></a><a href="http://www.google.co.jp"><b id="l15">過負荷に耐え<br>るWEBサービス<br>作成のための<br>使えるPHPキャ<br>ッシュテクニ<br>ックまとめ-p<br>hpspot開発日<br>誌</b></a><a href="http://www.google.co.jp"><b id="l16">阪神大震災で<br>被災した人が<br>アドバイス -<br> 2chコピペ保<br>存道場</b></a><a href="http://www.google.co.jp"><b id="l17">「ポポポポー<br>ン」キャラク<br>ターのプロフ<br>ィール一覧 <br>ありがとウサ<br>ギがビッチと<br>判明 - かくれ<br>オタのブログ</b></a><a href="http://www.google.co.jp"><b id="l18">ヤマト運輸の<br>配送状況は、<br>実はGoogleか<br>ら検索できる <br>- RX-7乗りの<br>適当な日々</b></a><a href="http://www.google.co.jp"><b id="l19">海外記事「ポ<br>ルノを描いて<br>いた日本の漫<br>画家9人」とそ<br>の反響- 誤訳<br>御免。</b></a><a href="http://www.google.co.jp"><b id="l20">すくいぬ この<br>かっこいい猫<br>の画像くださ<br>い</b></a><a href="http://www.google.co.jp"><b id="l21">【第3話】「<br>クルマ所有」<br>の代償は3600<br>万円! タクシ<br>ーのほうが安<br>い? - トレ<br>ンド - 日経ト<br>レンディネ<br>ット</b></a><a href="http://www.google.co.jp"><b id="l22">週刊少年ジャ<br>ンプ 特別無料<br>配信について- <br>Yahoo! JAPAN</b></a><a href="http://www.google.co.jp"><b id="l23">寝不足だけが原<br>因じゃない?<br>目の下の「ク<br>マ」を解消す<br>る方法 - はて<br>なブックマー<br>クニュース</b></a><a href="http://www.google.co.jp"><b id="l24">「さよなら絶<br>望先生」全38<br>話がニコ生で<br>一挙無料配信<br> -AV Watch</b></a><a href="http://www.google.co.jp"><b id="l25">サイト作成に<br>欠かせないサ<br>イトやサービ<br>スなどを20個<br>|Webpark</b></a><a href="http://www.google.co.jp"><b id="l26">短期間でプロ<br>グラミング言<br>語を覚えるの<br>に役に立ちそ<br>うなサイトま<br>とめ - ラジ<br>ック</b></a><span onmousemove="aaa=event.clientX/999;a=a+((aaa-aaa2)<0)*e-((aaa2-aaa)<0)*e;aaa2=aaa;">□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■<br>■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□<br>□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■<br></span><span onmousemove="bbb=event.clientY/999;b=b+((bbb-bbb2)<0)*e-((bbb2-bbb)<0)*e;bbb2=bbb;">□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br></span></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:"MS ゴシック";}</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:<span id=F1>a</span>");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"><b id="l0">紅茶を飲むと<br>集中力がアッ<br>プして仕事が<br>はかどり、疲<br>労も軽減され<br>る - GIGAZINE</b></a><a href="http://www.google.co.jp"><b id="l1">三日で3億稼<br>いだけど質問<br>ある? - 痛い<br>信者(ノ∀`)</b></a><a href="http://www.google.co.jp"><b id="l2">必ず重宝する<br>シンプルなア<br>イコンセット20<br>選|desi<br>gnaholic -Cr<br>eative Colum<br>n-</b></a><a href="http://www.google.co.jp"><b id="l3">「ホームペー<br>ジを作る人の<br>ネタ帳」さんの<br>リデザイ<br>ンをしました<br> - Webクリエ<br>イターボック<br>ス</b></a><a href="http://www.google.co.jp"><b id="l4">牛乳の賞味期<br>限が10日か<br>ら数カ月に。<br>71歳社長、<br>殺菌技術で特<br>許+(1-2ペ<br>ージ) - MSN<br>産経ニュース</b></a><a href="http://www.google.co.jp"><b id="l5">20代がこれか<br>ら直面する4<br>つの試練 - <br>モチベーショ<br>ンは楽しさ創<br>造から</b></a><a href="http://www.google.co.jp"><b id="l6">「優れたPerl<br>プログラマを<br>見分ける27の<br>質問」の日<br>本語訳 - Isl<br>ands in the <br>byte stream</b></a><a href="http://www.google.co.jp"><b id="l7">らばQ-過去か<br>ら見た未来…<br>100年前に描か<br>れた2000年予<br>想イラストい<br>ろいろ</b></a><a href="http://www.google.co.jp"><b id="l8">PNGの画質を<br>劣化せず極限<br>までファイル<br>サイズを落と<br>す、たった1つ<br>の方法 - フ<br>リーソフト,<br>Windows PC活<br>用情報局</b></a><a href="http://www.google.co.jp"><b id="l9">イチローに学<br>ぶ自分を上手<br>にコントロー<br>ルする方法 -<br> 読んだものま<br>とめブログ</b></a><a href="http://www.google.co.jp"><b id="l10">[NS] ニンテ<br>ンドー3DSが3<br>倍便利になる<br>50の小技と裏<br>技</b></a><a href="http://www.google.co.jp"><b id="l11">アルコールは<br>身体に悪いは<br>誤り? お酒<br>を飲まない人<br>ほど早死にす<br>るとの衝撃の<br>研究発表! -<br> ギズモード・ジャ<br>パン</b></a><a href="http://www.google.co.jp"><b id="l12">Python入門者<br>に贈る16の鍵<br> « python練習<br>帳</b></a><a href="http://www.google.co.jp"><b id="l13"></b></a><a href="http://www.google.co.jp"><b id="l14">【乞食速報】<br>墓地が無料!<br>急いで死ね!</b></a><a href="http://www.google.co.jp"><b id="l15">過負荷に耐え<br>るWEBサービス<br>作成のための<br>使えるPHPキャ<br>ッシュテクニ<br>ックまとめ-p<br>hpspot開発日<br>誌</b></a><a href="http://www.google.co.jp"><b id="l16">阪神大震災で<br>被災した人が<br>アドバイス -<br> 2chコピペ保<br>存道場</b></a><a href="http://www.google.co.jp"><b id="l17">「ポポポポー<br>ン」キャラク<br>ターのプロフ<br>ィール一覧 <br>ありがとウサ<br>ギがビッチと<br>判明 - かくれ<br>オタのブログ</b></a><a href="http://www.google.co.jp"><b id="l18">ヤマト運輸の<br>配送状況は、<br>実はGoogleか<br>ら検索できる <br>- RX-7乗りの<br>適当な日々</b></a><a href="http://www.google.co.jp"><b id="l19">海外記事「ポ<br>ルノを描いて<br>いた日本の漫<br>画家9人」とそ<br>の反響- 誤訳<br>御免。</b></a><a href="http://www.google.co.jp"><b id="l20">すくいぬ この<br>かっこいい猫<br>の画像くださ<br>い</b></a><a href="http://www.google.co.jp"><b id="l21">【第3話】「<br>クルマ所有」<br>の代償は3600<br>万円! タクシ<br>ーのほうが安<br>い? - トレ<br>ンド - 日経ト<br>レンディネ<br>ット</b></a><a href="http://www.google.co.jp"><b id="l22">週刊少年ジャ<br>ンプ 特別無料<br>配信について- <br>Yahoo! JAPAN</b></a><a href="http://www.google.co.jp"><b id="l23">寝不足だけが原<br>因じゃない?<br>目の下の「ク<br>マ」を解消す<br>る方法 - はて<br>なブックマー<br>クニュース</b></a><a href="http://www.google.co.jp"><b id="l24">「さよなら絶<br>望先生」全38<br>話がニコ生で<br>一挙無料配信<br> -AV Watch</b></a><a href="http://www.google.co.jp"><b id="l25">サイト作成に<br>欠かせないサ<br>イトやサービ<br>スなどを20個<br>|Webpark</b></a><a href="http://www.google.co.jp"><b id="l26">短期間でプロ<br>グラミング言<br>語を覚えるの<br>に役に立ちそ<br>うなサイトま<br>とめ - ラジ<br>ック</b></a><span onmousemove="aaa=event.clientX/999;a=a+((aaa-aaa2)<0)*e-((aaa2-aaa)<0)*e;aaa2=aaa;">□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■<br>■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□<br>□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■<br></span><span onmousemove="bbb=event.clientY/999;b=b+((bbb-bbb2)<0)*e-((bbb2-bbb)<0)*e;bbb2=bbb;">□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br></span></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:<span id=F1>a</span>");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"><b id="l0">gggg</b></a><a href="http://www.google.co.jp"><b id="l1">aaa</b></a><a href="http://www.google.co.jp"><b id="l2">aaa</b></a><a href="http://www.google.co.jp"><b id="l3">aaa</b></a><a href="http://www.google.co.jp"><b id="l4">aaa</b></a><a href="http://www.google.co.jp"><b id="l5">aaa</b></a><a href="http://www.google.co.jp"><b id="l6">aaa</b></a><a href="http://www.google.co.jp"><b id="l7">aaa</b></a><a href="http://www.google.co.jp"><b id="l8">aaa</b></a><a href="http://www.google.co.jp"><b id="l9">aaa</b></a><a href="http://www.google.co.jp"><b id="l10">aaa</b></a><a href="http://www.google.co.jp"><b id="l11">aaa</b></a><a href="http://www.google.co.jp"><b id="l12">aaa</b></a><a href="http://www.google.co.jp"><b id="l13"></b></a><a href="http://www.google.co.jp"><b id="l14">aaa</b></a><a href="http://www.google.co.jp"><b id="l15">aaa</b></a><a href="http://www.google.co.jp"><b id="l16">aaa</b></a><a href="http://www.google.co.jp"><b id="l17">aaa</b></a><a href="http://www.google.co.jp"><b id="l18">aaa</b></a><a href="http://www.google.co.jp"><b id="l19">aaa</b></a><a href="http://www.google.co.jp"><b id="l20">aaa</b></a><a href="http://www.google.co.jp"><b id="l21">aaa</b></a><a href="http://www.google.co.jp"><b id="l22">aaa</b></a><a href="http://www.google.co.jp"><b id="l23">aaa</b></a><a href="http://www.google.co.jp"><b id="l24">aaa</b></a><a href="http://www.google.co.jp"><b id="l25">aaa</b></a><a href="http://www.google.co.jp"><b id="l26">aaa</b></a><span onmousemove="aaa=event.clientX/999;a=a+((aaa-aaa2)<0)*e-((aaa2-aaa)<0)*e;aaa2=aaa;">□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■<br>■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□<br>□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■<br></span><span onmousemove="bbb=event.clientY/999;b=b+((bbb-bbb2)<0)*e-((bbb2-bbb)<0)*e;bbb2=bbb;">□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br>■□■<br>□■□<br></span></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"><b id="l' + i + '">' + i + i + '<br>' + i + i + '<br>' + i + '</b></a>');}document.write('<a href="http://www.google.co.jp"><b id="l13"></b></a>');for (i = 14; i < 27; i++) {document.write('<a href="http://www.google.co.jp"><b id="l' + i + '">' + i + i + '<br>' + i + i + '<br>' + i + '</b></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><span onmousemove="aaa=event.clientX/999;a=a+((aaa-aaa2)<0)*e-((aaa2-aaa)<0)*e;aaa2=aaa;">mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama<br>mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama<br>mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama<br></span><span onmousemove="bbb=event.clientY/999;b=b+((bbb-bbb2)<0)*e-((bbb2-bbb)<0)*e;bbb2=bbb;">mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br></span></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"><b id="l' + i + '">' + i + i + '<br>' + i + i + '</b></a>');for(j=25;j<100;j=j+25){for (i = 0; i < 6; i++) document.write('<a href="http://www.google.co.jp"><b id="l' + (i+j) + '">' + (i+j) + '</b></a>');document.write('<b id="l' + (j+6) + '"></b><b id="l' + (j+7) + '"></b><b id="l' + (j+8) + '"></b>');for (i = 9; i < 11; i++) document.write('<a href="http://www.google.co.jp"><b id="l' + (i+j) + '">' + (i+j) + '</b></a>');document.write('<b id="l' + (j+11) + '"></b><b id="l' + (j+12) + '"></b><b id="l' + (j+13) + '"></b>');for (i = 14; i < 16; i++) document.write('<a href="http://www.google.co.jp"><b id="l' + (i+j) + '">' + (i+j) + '</b></a>');document.write('<b id="l' + (j+16) + '"></b><b id="l' + (j+17) + '"></b><b id="l' + (j+18) + '"></b>');for (i = 19; i < 25; i++) document.write('<a href="http://www.google.co.jp"><b id="l' + (i+j) + '">' + (i+j) + '</b></a>');}for (i = 100; i < 125; i++) document.write('<a href="http://www.google.co.jp"><b id="l' + i + '">' + i + '</b></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><span onmousemove="aaa=event.clientX/999;a=a+((aaa-aaa2)<0)*e-((aaa2-aaa)<0)*e;aaa2=aaa;">mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama<br>mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama<br>mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama<br></span><span onmousemove="bbb=event.clientY/999;b=b+((bbb-bbb2)<0)*e-((bbb2-bbb)<0)*e;bbb2=bbb;">mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br></span></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"><b id="l' + i + '">' + i + i + i + i + '<br>' + i + i + i + i + '<br>' + i + i + i + i + '<br>' + i + i + i + i + '<br>' + i + i + i + i + '</b></a>');for(j=25;j<100;j=j+25){for (i = 0; i < 6; i++) document.write('<a href="http://www.google.co.jp"><b id="l' +(i+j) + '">' + i + i + (i+j) + '</b></a>');document.write('<b id="l' + (j+6) + '"></b><b id="l' + (j+7) + '"></b><b id="l' + (j+8) + '"></b>');for (i = 9; i < 11; i++) document.write('<a href="http://www.google.co.jp"><b id="l' + (i+j) + '">' + (i+j) + '</b></a>');document.write('<b id="l' + (j+11) + '"></b><b id="l' + (j+12) + '"></b><b id="l' + (j+13) + '"></b>');for (i = 14; i < 16; i++) document.write('<a href="http://www.google.co.jp"><b id="l' + (i+j) + '">' + (i+j) + '</b></a>');document.write('<b id="l' + (j+16) + '"></b><b id="l' + (j+17) + '"></b><b id="l' + (j+18) + '"></b>');for (i = 19; i < 25; i++) document.write('<a href="http://www.google.co.jp"><b id="l' + (i+j) + '">' + (i+j) + '</b></a>');}for (i = 100; i < 125; i++) document.write('<a href="http://www.google.co.jp"><b id="l' + i + '">' + i + '</b></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><span onmousemove="aaa=event.clientX/999;a=a+((aaa-aaa2)<0)*e-((aaa2-aaa)<0)*e;aaa2=aaa;">mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama<br>mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama<br>mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama<br></span><span onmousemove="bbb=event.clientY/999;b=b+((bbb-bbb2)<0)*e-((bbb2-bbb)<0)*e;bbb2=bbb;">mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br></span></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]+'><b id="l' + i + '">' + i + i + '<br>' + i + i + '</b></a>');for(j=25;j<100;j=j+25){for (i = 0; i < 6; i++) document.write('<a href="http://www.google.co.jp"><b id="l' + (i+j) + '">' + (i+j) + '</b></a>');document.write('<b id="l' + (j+6) + '"></b><b id="l' + (j+7) + '"></b><b id="l' + (j+8) + '"></b>');for (i = 9; i < 11; i++) document.write('<a href="http://www.google.co.jp"><b id="l' + (i+j) + '">' + (i+j) + '</b></a>');document.write('<b id="l' + (j+11) + '"></b><b id="l' + (j+12) + '"></b><b id="l' + (j+13) + '"></b>');for (i = 14; i < 16; i++) document.write('<a href="http://www.google.co.jp"><b id="l' + (i+j) + '">' + (i+j) + '</b></a>');document.write('<b id="l' + (j+16) + '"></b><b id="l' + (j+17) + '"></b><b id="l' + (j+18) + '"></b>');for (i = 19; i < 25; i++) document.write('<a href="http://www.google.co.jp"><b id="l' + (i+j) + '">' + (i+j) + '</b></a>');}for (i = 100; i < 125; i++) document.write('<a href='+uuu[i]+'><b id="l' + i + '">' + i + i + '<br>' + i + i + '</b></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><span onmousemove="aaa=event.clientX/999;a=a+((aaa-aaa2)<0)*e-((aaa2-aaa)<0)*e;aaa2=aaa;">mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama<br>mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama<br>mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama<br></span><span onmousemove="bbb=event.clientY/999;b=b+((bbb-bbb2)<0)*e-((bbb2-bbb)<0)*e;bbb2=bbb;">mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br></span></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]+'><b id="l' + p + '">' + p + p + '<br>' + p + p + '</b></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"><b id="l' + p + '">' + p + '</b></a>');mm();}document.write('<b id="l' + p + '"></b><b id="l' + (p+1) + '"></b><b id="l' + (p+2) + '"></b>');mm();mm();mm();for (i = 9; i < 11; i++){document.write('<a href="http://www.google.co.jp"><b id="l' + p + '">' + p + '</b></a>');mm();}document.write('<b id="l' + p + '"></b><b id="l' + (p+1) + '"></b><b id="l' + (p+2) + '"></b>');mm();mm();mm();for (i = 14; i < 16; i++){document.write('<a href="http://www.google.co.jp"><b id="l' + p + '">' + p + '</b></a>');;mm();}document.write('<b id="l' + p + '"></b><b id="l' + (p+1) + '"></b><b id="l' + (p+2) + '"></b>');mm();mm();mm();for (i = 19; i < 25; i++){document.write('<a href="http://www.google.co.jp"><b id="l' + p + '">' + p + '</b></a>');;mm();}}for (i = 100; i < 125; i++) {document.write('<a href='+uuu[i]+'><b id="l' + p + '">' + p + p + '<br>' + p + p + '</b></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><span onmousemove="aaa=event.clientX/999;a=a+((aaa-aaa2)<0)*e-((aaa2-aaa)<0)*e;aaa2=aaa;">mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama<br>mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama<br>mamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamamama<br></span><span onmousemove="bbb=event.clientY/999;b=b+((bbb-bbb2)<0)*e-((bbb2-bbb)<0)*e;bbb2=bbb;">mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br>mamama<br></span></body></html>3d-4 ││└ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML lang="ja"><HEAD><title>画像をY軸回転させる</title> <meta http-equiv=Content-Type content="text/html; charset=shift_jis"> <SCRIPT language=JavaScript><!--iList = ["img0","img1","img2","img3","img4","img5"];cx = 150; // 回転の中心X座標cy = 100; // 回転の中心Y座標cnt = 0;rx = 140; // 回転半径(横)ry = 70; // 回転半径(縦)function rotZimg(){ for (i=0; i<iList.length; i++) { n = (i * (360 / iList.length) + cnt++) * Math.PI / 180; y = cy - Math.cos(n) * ry; z = 100 - Math.cos(n) * 50; // 画像表示サイズと兼用 document.images[iList[i]].style.pixelLeft = cx + Math.sin(n) * rx; document.images[iList[i]].style.pixelTop = y; document.images[iList[i]].style.zIndex = z; document.images[iList[i]].style.width = z / 1.5; document.images[iList[i]].style.height = z / 2; }}// --></script> </HEAD> <BODY onload="setInterval('rotZimg()',100)"> <BASEFONT FACE="MS ゴシック"> <br><br> <div align="center"> <H1>画像をY軸回転させる</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> <br><br> </BODY></HTML> sanko-- │├ 昔、MSX触ったときに最初に作ったゲーム。●をカーソルキーで左右に動かして、鍵(ー)をとり、門(門)に当たると面クリアです。ジャンプ台(=)で、垂直にジャンプ(ワープ??)刺(*)で死亡します。☆ボタンでリスタートします。コツはカーソルをこまめに連打することで、かなーり水平に動けること。たまに落ちるスピードが変わることがあるみたいですがそれは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="<font color=\"Purple\">●</font>";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="<font color=\"Lime\">門</font>";Q="<font color=\"blue\">●</font>";W="<font color=\"Maroon\">■</font>";N="<font color=\"aqua\">=</font>";O="<font color=\"white\">*</font>";T="<font color=\"yellow\">ー</font>";E="<INPUT TYPE=\"button\" VALUE=\"☆\" ONCLICK=\"clearTimeout(ID);YYY()\">";for(i=0;i<400;i++)S+=(i%20?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i<379?C:W)+"</span>";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><!-- Variable-tablea:乱数発生用b:乱数発生用bgcolor:noneC:空白キャラクタccc -------( Function ):乱数関数color:noneD:Documentという文字E:リスタート用ボタンI -------( Function ):マップのにキャラクタを表示する関数i:ループ用id:noneID:setTimeout用のID。ボタンにClear入れないと100が反映されなくなるっぽいinnerHTML:nonej:乱数発生用K:キー入力用KY:鍵を取ったか?M:自分の座標の増減N:ジャンプ台のキャラクタO:刺のキャラクタONCLICK:noneonKeyDown:noneP2:自分の下の座標P:自分の座標Q:自分のキャラクタ。●R -------( Function ):ランダムにマップにキャラクタを表示する関数S:マップ全体を表示する用SC:スコアT:鍵のキャラクタtext:noneTYPE:noneU:門のキャラクタVALUE:noneW:壁キャラクタX:自分の位置の物XX:自分の下の位置の物Y -------( Function ):ループ部分YY -------( Function ):初期値部分YYY -------( Function ):全体全部Z:自分の座標の1回分前-->asdf 完成品 ││├ <body bgcolor=black text=white onKeyDown="K=event.keyCode-37"><style type="text/css"><!--tt{font-family:"MS ゴシック";}--></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="<font color=\"Purple\">●</font>";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="<font color=\"";H="</font>";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?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i<379?C:W)+"</span>";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><!-- Variable-tablea:乱数発生用b:乱数発生用bgcolor:noneC:空白キャラクタccc -------( Function ):乱数関数color:noneD:Documentという文字 省略用E:リスタート用ボタンG:<font color=の文字 省略用H:</font>の文字 省略用I -------( Function ):マップのにキャラクタを表示する関数i:ループ用id:noneID:setTimeout用のID。ボタンにClear入れないと100が反映されなくなるっぽいinnerHTML:nonej:乱数発生用K:キー入力用KY:鍵を取ったか?M:自分の座標の増減N1:ジャンプ台のキャラクタN:ジャンプ台のキャラクタ(色付き)O1:刺のキャラクタO:刺のキャラクタ(色付き)ONCLICK:noneonKeyDown:noneP2:自分の下の座標P:自分の座標Q1:Q:自分のキャラクタ。●R -------( Function ):ランダムにマップにキャラクタを表示する関数S:マップ全体を表示する用SC:スコアT1:鍵のキャラクタT:鍵のキャラクタ(色付き)text:nonetype:noneTYPE:noneU1:門のキャラクタU:門のキャラクタ(色付き)VALUE:noneW1:壁キャラクタW:壁キャラクタ(色付き)X1:自分の位置の物(色付き)X:自分の位置の物XX1:自分の下の位置の物XX:自分の下の位置の物(色付き)Y -------( Function ):ループ部分YY -------( Function ):初期値部分YYY -------( Function ):全体全部Z:自分の座標の1回分前-->asdf 完成品(IE対応) ││└ <body bgcolor=black text=white onKeyDown="K=event.keyCode-37"><style type="text/css"><!--tt{font-family:"MS ゴシック";}--></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="<font color=\"Purple\">●</font>";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="<font color=\"";H="</font>";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?"":"<br>")+"<span id=F"+i+">"+((i+1)%MX>1&&i<((MX*MY)-MX-1)?C:W)+"</span>";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-tablea:乱数発生用b:乱数発生用bgcolor:noneC:空白キャラクタccc -------( Function ):乱数関数color:noneD:Documentという文字 省略用E:リスタート用ボタンG:<font color=の文字 省略用H:</font>の文字 省略用I -------( Function ):マップのにキャラクタを表示する関数i:ループ用id:noneID:setTimeout用のID。ボタンにClear入れないと100が反映されなくなるっぽいinnerHTML:nonej:乱数発生用K:キー入力用KY:鍵を取ったか?M:自分の座標の増減MX:マップの大きさXMY:マップの大きさYN1:ジャンプ台のキャラクタN:ジャンプ台のキャラクタ(色付き)O1:刺のキャラクタO:刺のキャラクタ(色付き)ONCLICK:noneonKeyDown:noneP2:自分の下の座標P:自分の座標Q:自分のキャラクタ。●R -------( Function ):ランダムにマップにキャラクタを表示する関数S:マップ全体を表示する用SC:スコアT1:鍵のキャラクタT:鍵のキャラクタ(色付き)text:nonetype:noneTYPE:noneU1:門のキャラクタU:門のキャラクタ(色付き)VALUE:noneW1:壁キャラクタW:壁キャラクタ(色付き)X1:自分の位置の物(色付き)X:自分の位置の物XX1:自分の下の位置の物XX:自分の下の位置の物(色付き)Y -------( Function ):ループ部分YY -------( Function ):初期値部分YYY -------( Function ):全体全部Z:自分の座標の1回分前-->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?"":"<br>")+"<span id=F"+i+">"+((Math.floor(Math.random()*30)==1)?W:C)+"</span>";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?"":"<br>")+"<span id=F"+i+">"+((Math.floor(Math.random()*8)==1)?W:C)+"</span>";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><br /><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()"><BR> 計算結果:<INPUT TYPE="TEXT" NAME="txt02" SIZE="10"></FORM></BODY></HTML>電卓 ├ 解析したくても困難な物。解析困難 ├ postnote └ Junkerposts