Javascript Shortcode Area

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

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

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

function Y(){if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+20;XX=D.all["F"+P2].innerHTML;
if(XX==C && M==0){P=P+20;}
if(X==O || XX==O){alert("GAME OVER SCORE: "+SC*10);return}
if(X==T || XX==T){KY=1;Q="<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>

<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 "グリッド・クリーンアップ前のバックアップファイルを確認。";
};
####################################################################
};

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

mrc drill padcmp omitap { };

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

mrc drill enable ocheck;

#検査項目

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

#検査タイプ

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

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

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

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

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

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

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

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

######################################################################################################################################################
test1
├ ｃｃ
├ link
│├ Top dweets by u-KilledByAPixel - Dwitter
│├ このサイトすげえ・・JS1K
│├ js13kGames
│├ わずか565バイトテトリスのプログラミング解説
│└ 10行ぷよぷよのソースコードを読む - Qiita
├ <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>
ｄｄｄｄ
├ <!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>基本の入出力
│├
１．外部ファイル（.js）は使わない。

２．コードは1000バイト。

３．Javascriptのみ。

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

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

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

■innerHTMLの返値の違い　その１

U="<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=Document
D.all.F[1].innerHTML とするのが望ましいです。
これで３つ全部で動きます。

■フォントの扱いの違い
<tt id=F>として<span id=F～の部分をあとでinnerHTMLにて調べるわけですが

Crome、Firefoxは空白を等幅として扱いますが、IEは扱わないため、すっごいズレます。

以下のようにフォント指定するととりあえず空白を等幅でとります。

<style type="text/css"></style><tt id=F>

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

■innerHTMLの返値の違い　その２

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

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

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

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

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

D=document;K=-1;M=1;L=0;Z=[];S="";
C="　";
U="<font color=\"red\">▲</font>";
Q="<font color=\"blue\">●</font>";
W="<font color=\"green\">■</font>";
for(i=0;i<400;i++)
S+=(i%20?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i>19&&i<379?C:W)+"</span>";
I("",S);
R(Q);
P=Z[0]=S;
R(U);Y()

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

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

D=document;K=-1;M=1;L=0;Z=[];S="";
C="　";
U="<font color=\"red\">▲</font>";
Q="<font color=\"blue\">●</font>";
W="<font color=\"green\">■</font>";
for(i=0;i<400;i++)
S+=(i%20?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i>19&&i<379?C:W)+"</span>";
I("",S);
R(Q);
P=Z[0]=S;
R(U);Y()

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

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

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

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

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

setTimeout(MS,70)
}

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

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

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

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

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

済み
四角の内部のオブジェクトを消す
リンクにする
マウスの上下左右で動かせる
３＊３以上の物を表示
3d-html
│├ 昔、ＭＳＸ触ったときに最初に作ったゲーム。

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

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

刺（＊）で死亡します。

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

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

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

それは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>

asdf 完成品
││├ <body bgcolor=black text=white onKeyDown="K=event.keyCode-37">
<style type="text/css"></style><tt id=F><script>
function R(H){while(D.all["F"+(S=40+Math.ceil(ccc(i)*319))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}
function Y(){if(K<-1 || K>3){K=-1;}
if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+20;XX=D.all["F"+P2].innerHTML;X1=X.slice(-8,-7);XX1=XX.slice(-8,-7);
if((XX1==C || XX1=="") && M==0){P=P+20;}
if(X1==O1 || XX1==O1){alert("GAME OVER");return}
if(X1==T1 || XX1==T1){KY=1;Q="<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>

asdf 完成品(IE対応)
││└ <body bgcolor=black text=white onKeyDown="K=event.keyCode-37">
<style type="text/css"></style><tt id=F><script>
function R(H){while(D.all["F"+(S=MX*2+Math.ceil(ccc(i)*((MY*MX)-(MX*4))))].innerHTML!=C);I(S,H)}
function I(T,H){D.all["F"+T].innerHTML=H}
function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}
function Y(){if(K<-1 || K>3){K=-1;}
if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;
X=D.all["F"+P].innerHTML;P2=P+MX;XX=D.all["F"+P2].innerHTML;X1=X.slice(-8,-7);XX1=XX.slice(-8,-7);
if((XX1==C || XX1=="") && M==0){P=P+MX;}
if(X1==O1 || XX1==O1){alert("GAME OVER");return}
if(X1==T1 || XX1==T1){KY=1;Q="<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>

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
│├ <body onKeyDown="K=event.keyCode-37">
<style type="text/css"></style><tt id=F>
<script>

var key=new Object();
var keyConst=new Array();
keyConst[38]="up";
keyConst[40]="down";
keyConst[37]="left";
keyConst[39]="right";
keyConst[32]="space";
keyConst[17]="ctrl";
keyConst[16]="shift";
keyConst[18]="alt";

function Keyboard_Init()
{
var i;
for(i in keyConst)
{
key[i]=false;
}
document.onkeydown=function(event){Keyboard_KeyDown(event);return false;};
document.onkeyup=function(event){Keyboard_KeyUp(event);return false;}
}

function Keyboard_KeyDown(event)
{
var i;
var kc=Keyboard_KeyCode(event);
if (kc in keyConst)
{
i=keyConst[kc];
key[i]=true;
}
}

function Keyboard_KeyUp(event)
{
var i;
var kc=Keyboard_KeyCode(event);
if (kc in keyConst)
{
i=keyConst[kc];
key[i]=false;
}
}

function Keyboard_KeyCode(e)
{
if(document.all)
return e.keyCode;
else if(document.getElementById)
return (e.keyCode)? e.keyCode: e.charCode;
else if(document.layers)
return e.which;
}

Keyboard_Init();
K=0;
function Y(){
document.body.innerHTML=key.up;
setTimeout(Y,100)
}
Y();

</script>
key-test1
│├ <body onKeyDown="K=event.keyCode-37">
<style type="text/css"></style><tt id=F>
<script>

var key=new Object();
var keyConst=new Array();
keyConst[38]="up";
keyConst[40]="down";
keyConst[37]="left";
keyConst[39]="right";
keyConst[32]="space";
keyConst[17]="ctrl";
keyConst[16]="shift";
keyConst[18]="alt";

function Keyboard_Init(){var i;for(i in keyConst){key[i]=false;}

document.onkeydown=function(event){
var i;var kc=KK(event);if (kc in keyConst){i=keyConst[kc];key[i]=true;}
return false;};
document.onkeyup=function(event){
var i;var kc=KK(event);if (kc in keyConst){i=keyConst[kc];key[i]=false;}
return false;}
}

function KK(e){if(document.all) return e.keyCode; else if(document.getElementById) return (e.keyCode)? e.keyCode: e.charCode; else if(document.layers) return e.which;}

Keyboard_Init();
K=0;
function Y(){
document.body.innerHTML=key.up;
setTimeout(Y,100)
}
Y();

</script> key-test2
│├ <body>
<style type="text/css"></style><tt id=F>
<script>

var key=new Object();var CC=new Array();
CC[38]="up";CC[40]="down";CC[37]="left";CC[39]="right";CC[32]="space";CC[17]="ctrl";CC[16]="shift";CC[18]="alt";

function Kinit(){var i;for(i in CC){key[i]=false;}
document.onkeydown=function(event){var i;var kc=KK(event);if (kc in CC){i=CC[kc];key[i]=true;}return false;};
document.onkeyup=function(event){var i;var kc=KK(event);if (kc in CC){i=CC[kc];key[i]=false;}return false;}}

function KK(e){if(document.all) return e.keyCode; else if(document.getElementById) return (e.keyCode)? e.keyCode: e.charCode;
else if(document.layers) return e.which;}

Kinit();
function Y(){
document.body.innerHTML=key.up;
setTimeout(Y,80)
}
Y();

</script> key-test3
│├ <body>
<style type="text/css"></style><tt id=F>
<script>

var key=new Object();var CC=new Array();
CC[38]="u";CC[40]="d";CC[37]="l";CC[39]="r";CC[32]="sp";CC[17]="c";CC[16]="sh";CC[18]="alt";

function Kinit(){var i;for(i in CC){key[i]=0;}
document.onkeydown=function(e){var kc=KE(e);if (kc in CC){key[CC[kc]]=1;}return 0;};
document.onkeyup=function(e){var kc=KE(e);if (kc in CC){key[CC[kc]]=0;}return 0;}}

function KE(e){if(document.all) return e.keyCode; else if(document.getElementById) return (e.keyCode)? e.keyCode: e.charCode;
else if(document.layers) return e.which;}

Kinit();
function Y(){
document.body.innerHTML=key.u;
setTimeout(Y,80)
}
Y();

</script> key-test4
│├ <body>
<style type="text/css"></style><tt id=F>
<script>

var key=new Object();var CC=new Array();
CC[38]="u";CC[40]="d";CC[37]="l";CC[39]="r";CC[32]="sp";CC[17]="c";CC[16]="sh";CC[18]="alt";

function Kinit(){var i;for(i in CC){key[i]=0;}
document.onkeydown=function(e){var kc=KE(e);if (kc in CC){key[CC[kc]]=1;}};
document.onkeyup=function(e){var kc=KE(e);if (kc in CC){key[CC[kc]]=0;}}}

function KE(e){if(document.all) return e.keyCode; else if(document.getElementById) return (e.keyCode)? e.keyCode: e.charCode;
else if(document.layers) return e.which;}

Kinit();
function Y(){
document.body.innerHTML=key.u;
setTimeout(Y,80)
}
Y();

</script> key-test5
│└ <body>
<style type="text/css"></style><tt id=F>
<script>

var key=new Object();var CC=new Array();CC[38]="u";CC[40]="d";CC[37]="l";CC[39]="r";CC[32]="sp";CC[17]="c";CC[16]="sh";CC[18]="alt";
var i;for(i in CC){key[i]=0;};document.onkeydown=function(e){var kc=KE(e);if (kc in CC){key[CC[kc]]=1;}};document.onkeyup=function(e){var kc=KE(e);if (kc in CC){key[CC[kc]]=0;}};
function KE(e){if(document.all) return e.keyCode; else if(document.getElementById) return (e.keyCode)? e.keyCode: e.charCode;}

function Y(){
document.body.innerHTML="<br>UP :"+key.u+"<br>DOWN :"+key.d+"<br>LEFT :"+key.l+"<br>RIGHT:"+key.r+"<br>SPACE:"+key.sp+"<br>CTRL:"+key.c+"<br>SHIFT:"+key.sh+"<br>ALT:"+key.alt;
setTimeout(Y,80)
}
Y();

</script>

// SHIFTは連続で入力した時にWindowsの固定キー機能が働いてしまう。連続での仕様は不向き。
// ALTは一回押すごとにブラウザでのキー入力に移行してしまう。使用自体が不向き。key-test6
├ <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>電卓
├ 解析したくても困難な物。解析困難
│├ <body style=margin:0
onload="for(s=window.screen,w=q.width=s.width,h=q.height=s.height,m=Math.random,p=[],i=0;i<256;p[i++]=1);
setInterval(
'9Style=\'rgba(0,0,0,.05)\'9Rect(0,0,w,h)9Style=\'#0F0\';p.map(function(v,i){9Text(String.fromCharCode(3e4+m()*33),i*10,v);p[i]=v>758+m()*1e4?0:v+10})'.
split(9).join(';q.getContext(\'2d\').fill'),33)">
<canvas id=q>
matrix(解析用)
│├ <body style="margin:0" onload="for(s=window.screen,w=q.width=s.width,h=q.height=s.height,m=Math.random,p=[],i=0;i<256;p[i++]=1);setInterval('9Style=\'rgba(0,0,0,.05)\'9Rect(0,0,w,h)9Style=\'#0F0\';p.map(function(v,i){9Text(String.fromCharCode(3e4+m()*33),i*10,v);p[i]=v>758+m()*1e4?0:v+10})'.split(9).join(';q.getContext(\'2d\').fill'),33)">
<canvas id="q" width="1680" height="1050">
matrix(解析用)おおもと
│├ >>> 次のJavascript のプログラムを、何やっているか解説してほしい。
... <body style="margin:0" onload="for(s=window.screen,w=q.width=s.width,h=q.height=s.height,m=Math.random,p=[],i=0;i<25
... 6;p[i++]=1);setInterval('9Style=\'rgba(0,0,0,.05)\'9Rect(0,0,w,h)9Style=\'#0F0\';p.map(function(v,i){9Text(String.fr
... omCharCode(3e4+m()*33),i*10,v);p[i]=v>758+m()*1e4?0:v+10})'.split(9).join(';q.getContext(\'2d\').fill'),33)">
... <canvas id="q" width="1680" height="1050">
<think>
まず、ユーザーがJavaScriptのプログラムについて解説を求めています。提供されたHTMLコードを解析し、何をしているのかを理
解する必要があります。

最初に、全体的な構造を見ます。body要素内に onloadイベントハンドラーがあり、その中でループやsetIntervalを使って描画処
理を行っているようです。特に、canvas要素が使用されており、2Dコンテキストを作成しfillメソッドを呼び出しています。

次に、具体的な部分を見ていきます。forループではs=window..screenを代入し、wとhにスクリーンの幅と高さを取得しています
。また、Math.random()を使って乱数生成を行い、p配列を256要素で初期化しています。各要素は1から始まっています。

setInterval内で文字列が分割されて処理されています。split('9')によってコマンドごとに分けられています。fillメソッド内
では、コンテキストの背景色やテキスト描画を行っているようです。String.fromCharCodeでランダムな日本語の文字を生成し、
p配列を更新しながら描画しています。

全体として、このプログラムはアニメーション効果を伴ったランダムな文字列の配置と移動を生成していると考えられます。ただ
し、実際の動作や詳細な挙動については追加の分析が必要かもしれませんが、基本的な処理フローは理解できたでしょう。
</think>

このJavaScriptコードは、以下のようなアニメーション効果を作成するために構築されています：

**1. 概要**
- フルスクリーンに画素を配置してランダムな文字列を生成
- グリッド状に動くアニメーション要素
- 背景と前景色の色変化

**2. 主要構成要素**

```html
<body style="margin:0" onload="...">
<canvas id="q" width="1680" height="1050">
```

**3. メイン処理フロー**
```javascript
for(...
setInterval(..., 33)
// 33ms間隔で描画更新（約30FPS）
)

- 数値生成: Math.random()を使用した乱数ベースの計算
- 配列操作: p配列を256要素管理しながら状態更新
```

**4. 描画処理の詳細**
```javascript
q.getContext('2d').fill()
// 2Dコンテキストを使用した複合描画

主要描画コマンド:
- 背景色設定（半透明黒）
- フォント色設定（#0F0：鮮やかな緑）
- 文字列生成: String.fromCharCode(3e4 + Math.random()*33)
- Unicode範囲30000〜31000付近の日本語文字
- 線形アニメーション: p配列で位置を制御
```

**5. 特徴的な挙動**
- 水平方向グリッド（各アイテム間隔10px）
- インデックスごとに独立したY軸アニメーション
- 境界値判定: 758+乱数*1e4で動的に最大値を更新
```javascript
p[i] = v > (758 + Math.random()*10000) ? 0 : v + 10
```

**6. アニメーションパラメータ**
- 時間刻み: 33ms（約30FPS）
- 描画対象数: p配列の256要素
- グリッド密度: 横方向に80個/画面（1680/21）

**7. 実行環境要件**
- Webブラウザでの実行
- HTML5 Canvasサポート
- フルスクリーン表示設定

このプログラムは、複数のアニメーション要素を効率的に描画する例として設計されており、乱数生成と線形移動機構の組み合わ
せにより、ランダムで多様な文字列配置が生み出されます。matrix--deepseekによる解説
│└ 次のJavascript のプログラムを、何やっているか解説してほしい。
<body style="margin:0" onload="for(s=window.screen,w=q.width=s.width,h=q.height=s.height,m=Math.random,p=[],i=0;i<256;p[i++]=1);setInterval('9Style=\'rgba(0,0,0,.05)\'9Rect(0,0,w,h)9Style=\'#0F0\';p.map(function(v,i){9Text(String.fromCharCode(3e4+m()*33),i*10,v);p[i]=v>758+m()*1e4?0:v+10})'.split(9).join(';q.getContext(\'2d\').fill'),33)">
<canvas id="q" width="1680" height="1050">
ChatGPT:
ChatGPT
このJavaScriptプログラムは、HTML <canvas> 要素を使って、画面上に「マトリックス」風のエフェクトを描画するものです。コード内で行っている主な処理を詳しく解説します。

プログラムの流れ:
HTMLの<canvas>要素:

html
コピーする
<canvas id="q" width="1680" height="1050">
ここで、id="q"の<canvas>要素を使って、1680x1050のキャンバスを作成します。

onloadイベントハンドラ:

javascript
コピーする
onload="for(s=window.screen,w=q.width=s.width,h=q.height=s.height,m=Math.random,p=[],i=0;i<256;p[i++]=1);
ページがロードされたときに実行されるコードです。
window.screenを使ってスクリーンのサイズ（幅と高さ）を取得し、wとhにそれぞれ代入します。
m=Math.randomは乱数生成のために、mにMath.randomを代入しています。
pという配列が作られ、長さ256の配列が初期化されます。
setIntervalでの定期的な処理:

javascript
コピーする
setInterval('9Style=\'rgba(0,0,0,.05)\'9Rect(0,0,w,h)9Style=\'#0F0\';p.map(function(v,i){9Text(String.fromCharCode(3e4+m()*33),i*10,v);p[i]=v>758+m()*1e4?0:v+10})'.split(9).join(';q.getContext(\'2d\').fill'),33)
setIntervalは、指定された間隔（ここでは33ミリ秒）ごとに関数を実行します。
文字列 '9Style=\'rgba(0,0,0,.05)\'9Rect(0,0,w,h)9Style=\'#0F0\';... は実際にはsplit(9).join(';')で文字列内の9をセミコロン（;）に置き換えて、コードを分割して実行します。これにより、マトリックスエフェクトの描画が行われます。
エフェクトの描画:

q.getContext('2d')でキャンバスの2Dコンテキストを取得。
fillメソッドを使って描画を行います。
Style='rgba(0,0,0,.05)'は、背景に半透明の黒色を設定。
Rect(0,0,w,h)はキャンバス全体を覆う矩形を描画し、画面全体を暗くします。
その後、Style='#0F0'で緑色を設定し、Textを描画しています。String.fromCharCode(3e4+m()*33)で、ランダムに文字（String.fromCharCodeでUnicode文字を生成）を描画します。これが「マトリックス」風の文字列になります。
p配列の更新:

p配列には、文字がどれだけ画面に表示されたかを管理する情報が格納され、各位置に文字が表示されるたびにその値を更新します。
v > 758 + m() * 1e4 ? 0 : v + 10は、文字が一定量進んだ後にリセットして、再び上から文字が降りてくるようにするための処理です。
結果:
このプログラムは、画面に緑色の文字（「マトリックス」風）を降らせるエフェクトを作り出します。文字はキャンバス全体にランダムに表示され、少しずつ下に移動し、再び上から降ってくるようにリセットされます。

要するに、JavaScriptを使ってマトリックスのような雨滴のようなエフェクトを再現しているプログラムです。matrix--chatgptによる解説
├ postnote
└ Junkerposts

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

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

asdf-j5

<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>

使用変数

a
b
bgcolor
C
ccc -------( Function )
color
D
E
HT -------( Function )
I -------( Function )
i
id
ID
innerHTML
j
K
KY
M
N
O
ONCLICK
onKeyDown
P2
P
Q
R -------( Function )
S
SC
style
STYLE
T
text
tX
TYPE
U
VALUE
W
X
XX
Y -------( Function )
YY -------( Function )
YYY -------( Function )
Z

<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 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>