├ <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>A-Frame Web Page Example</title> <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script> </head> <body> <a-scene> <!-- iframeを使ってWebページを表示 --> <a-entity geometry="primitive: plane; width: 16; height: 9" position="0 1 -5" material="src: url('https://p-bookmark.sakura.ne.jp/mhw/mhw-1742225752.htm');" scale="1 1 1"> </a-entity> </a-scene> </body></html>test-vr-site1 ├ <!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>チェックボックスの反映</title> <style> /* レイアウトのスタイル */ #container { display: flex; justify-content: space-between; padding: 20px; } #checkbox-container { width: 30%; } #iframe-container { width: 60%; border: 1px solid #ccc; padding: 10px; } </style></head><body> <div id="container"> <!-- チェックボックスを表示する部分 --> <div id="checkbox-container"> <h3>チェックボックス</h3> <label> <input type="checkbox" id="checkbox" onclick="updateIframe()"> チェックを入れる </label> </div> <!-- インラインフレームを表示する部分 --> <div id="iframe-container"> <iframe id="iframe" srcdoc="<html><body><h2>ここに反映されます</h2></body></html>" width="100%" height="200px"></iframe> </div> </div> <script> function updateIframe() { var iframe = document.getElementById("iframe"); var checkbox = document.getElementById("checkbox"); var message = checkbox.checked ? "チェックボックスが選択されました！" : "チェックボックスが解除されました！"; // iframe内のドキュメントを取得して更新する var iframeDocument = iframe.contentDocument || iframe.contentWindow.document; iframeDocument.body.innerHTML = "<h2>" + message + "</h2>"; } </script></body></html>in-test3 ├ <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Hover Text with A-Frame</title> <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script> <script> // カスタムコンポーネント：ホバー時に長文を表示 AFRAME.registerComponent('hover-text', { init: function () { const el = this.el; // イベントリスナーの設定 el.addEventListener('mouseenter', function () { // 長文を表示 document.querySelector('#long-text').setAttribute('visible', true); }); el.addEventListener('mouseleave', function () { // 長文を非表示 document.querySelector('#long-text').setAttribute('visible', false); }); } }); </script> </head> <body style="margin: 0; overflow: hidden;"> <a-scene> <!-- 背景を設定 --> <a-plane color="#ECECEC" width="10" height="10" position="0 0 -5"></a-plane> <!-- カメラ設定 --> <a-camera position="0 1.6 3"> <!-- カーソルの設定 --> <a-cursor color="#FF0000" position="0 0 -2"></a-cursor> </a-camera> <!-- 浮かんでいるテキスト --> <a-text value="Hover over me!" position="0 1 -3" hover-text color="#000"></a-text> <!-- 初めは非表示の長文 --> <a-text id="long-text" value="This is a longer piece of text that appears when you hover over the floating text." position="0 -1 -3" visible="false" color="#000"></a-text> </a-scene> </body></html>moji ├ <!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>VR 迷路ゲーム</title> <script src="https://aframe.io/releases/1.2.0/aframe.min.js"></script> <script src="https://aframe.io/releases/1.2.0/aframe-ar.js"></script> <style> body { margin: 0; overflow: hidden; } </style></head><body> <a-scene embedded> <!-- 床 --> <a-plane position="0 0 -5" rotation="-90 0 0" width="10" height="10" color="#7BC8A4"></a-plane> <!-- 迷路の壁 --> <a-box position="0 1 -2" depth="0.1" height="2" width="4" color="#4CC3D9"></a-box> <a-box position="4 1 -4" depth="0.1" height="2" width="4" color="#4CC3D9"></a-box> <a-box position="0 1 -6" depth="0.1" height="2" width="4" color="#4CC3D9"></a-box> <a-box position="2 1 -6" depth="0.1" height="2" width="4" color="#4CC3D9"></a-box> <!-- スタート --> <a-sphere position="0 0.5 -2" radius="0.3" color="#FF0000" id="start"></a-sphere> <!-- ゴール --> <a-sphere position="2 0.5 -6" radius="0.3" color="#00FF00" id="goal"></a-sphere> <!-- カメラ --> <a-camera position="0 1.6 0" look-controls="pointerLockEnabled: true"></a-camera> </a-scene> <script> // スタートからゴールにカーソルで動く機能 document.querySelector('#start').addEventListener('click', function() { const camera = document.querySelector('a-camera'); const startPosition = new THREE.Vector3(0, 1.6, 0); const goalPosition = new THREE.Vector3(2, 1.6, -6); let moveInterval = setInterval(() => { const currentPosition = camera.getAttribute('position'); let direction = goalPosition.clone().sub(new THREE.Vector3(currentPosition.x, 0, currentPosition.z)).normalize(); // カメラを目標に向かって動かす camera.setAttribute('position', { x: currentPosition.x + direction.x * 0.05, y: currentPosition.y, z: currentPosition.z + direction.z * 0.05 }); // ゴールに到達したら止める if (currentPosition.distanceTo(goalPosition) < 0.5) { clearInterval(moveInterval); alert('ゴールに到達しました!'); } }, 50); }); </script></body></html>test5-meiro-cgpt ├ <!DOCTYPE html><html><head> <title>3D Maze in VR (A-Frame)</title> <script src="https://aframe.io/releases/1.4.0/aframe.min.js"></script> <script src="https://unpkg.com/aframe-environment-component@1.3.1/dist/aframe-environment-component.min.js"></script> <script> // カスタムコンポーネント: キーボード入力での移動 AFRAME.registerComponent('movement-controls', { schema: { speed: { type: 'number', default: 0.2 } }, init: function () { this.direction = new THREE.Vector3(); this.onKeyDown = this.onKeyDown.bind(this); this.onKeyUp = this.onKeyUp.bind(this); window.addEventListener('keydown', this.onKeyDown); window.addEventListener('keyup', this.onKeyUp); this.forward = false; this.backward = false; this.left = false; this.right = false; }, tick: function (time, timeDelta) { const speed = this.data.speed; const rotation = this.el.getAttribute('rotation'); const direction = this.direction; direction.set(0, 0, 0); // 毎回リセット if (this.forward) direction.z -= 1; if (this.backward) direction.z += 1; if (this.left) direction.x -= 1; if (this.right) direction.x += 1; direction.normalize(); // ベクトルの長さを1に if (direction.length() > 0) { // カメラの向きを考慮して移動 const cameraRotation = this.el.getAttribute('rotation'); // Y軸周りの回転（Yaw）だけを適用するクォータニオンを作成 const yawQuaternion = new THREE.Quaternion().setFromEuler(new THREE.Euler(0, THREE.MathUtils.degToRad(cameraRotation.y), 0, 'YXZ')); direction.applyQuaternion(yawQuaternion); // 移動量を計算 const deltaPosition = direction.multiplyScalar(speed * timeDelta / 1000); // 現在の位置に加算 const currentPosition = this.el.getAttribute('position'); const newPosition = { x: currentPosition.x + deltaPosition.x, y: currentPosition.y, // 高さは変えない z: currentPosition.z + deltaPosition.z }; this.el.setAttribute('position', newPosition); } }, onKeyDown: function (event) { switch (event.code) { case 'ArrowUp': case 'KeyW': this.forward = true; break; case 'ArrowDown': case 'KeyS': this.backward = true; break; case 'ArrowLeft': case 'KeyA': this.left = true; break; case 'ArrowRight': case 'KeyD': this.right = true; break; } }, onKeyUp: function (event) { switch (event.code) { case 'ArrowUp': case 'KeyW': this.forward = false; break; case 'ArrowDown': case 'KeyS': this.backward = false; break; case 'ArrowLeft': case 'KeyA': this.left = false; break; case 'ArrowRight': case 'KeyD': this.right = false; break; } }, remove: function () { window.removeEventListener('keydown', this.onKeyDown); window.removeEventListener('keyup', this.onKeyUp); } }); // 迷路生成 (簡単な例) AFRAME.registerComponent('maze-generator', { init: function () { const mazeData = [ [1, 1, 1, 1, 1, 1, 1, 1, 1, 1], [1, 0, 0, 0, 0, 0, 0, 0, 0, 1], [1, 0, 1, 1, 1, 0, 1, 1, 0, 1], [1, 0, 0, 0, 0, 0, 1, 0, 0, 1], [1, 0, 1, 0, 1, 1, 1, 0, 1, 1], [1, 0, 0, 0, 0, 0, 0, 0, 0, 1], [1, 1, 0, 1, 1, 0, 1, 1, 0, 1], [1, 0, 0, 0, 1, 0, 0, 0, 0, 1], [1, 0, 1, 0, 0, 0, 1, 1, 0, 1], [1, 1, 1, 1, 1, 1, 1, 1, 1, 1], ]; const wallSize = 2; // 壁のサイズ const wallHeight = 3; //壁の高さ for (let row = 0; row < mazeData.length; row++) { for (let col = 0; col < mazeData[row].length; col++) { if (mazeData[row][col] === 1) { const wall = document.createElement('a-box'); wall.setAttribute('width', wallSize); wall.setAttribute('height', wallHeight); // 高さを設定 wall.setAttribute('depth', wallSize); wall.setAttribute('position', { x: col * wallSize, y: wallHeight / 2, // 高さを半分にして地面に合わせる z: row * wallSize }); wall.setAttribute('material', 'color', 'gray'); // 壁の色 this.el.appendChild(wall); } } } // 天井 (屋根) const ceiling = document.createElement('a-plane'); ceiling.setAttribute('width', wallSize * mazeData[0].length); ceiling.setAttribute('height', wallSize * mazeData.length); ceiling.setAttribute('position', { x: (wallSize * mazeData[0].length) / 2 - wallSize/2, y: wallHeight, z: (wallSize * mazeData.length) / 2 - wallSize/2 }); //中央に ceiling.setAttribute('rotation', '-90 0 0'); ceiling.setAttribute('material', 'color', '#87CEEB'); // 空のような色 ceiling.setAttribute('side', 'double'); //両面 this.el.appendChild(ceiling); // 床 const floor = document.createElement('a-plane'); floor.setAttribute('width', wallSize * mazeData[0].length); floor.setAttribute('height', wallSize * mazeData.length); floor.setAttribute('position', {x: (wallSize * mazeData[0].length) / 2 - wallSize/2, y: 0, z: (wallSize * mazeData.length) / 2- wallSize/2 }); floor.setAttribute('rotation', '-90 0 0'); floor.setAttribute('material', 'color', '#228B22'); // 草のような色 floor.setAttribute('side', 'double'); this.el.appendChild(floor); } }); </script></head><body> <a-scene> <a-entity id="rig" movement-controls> <a-entity camera look-controls wasd-controls="enabled:false" position="0 1.6 0"></a-entity> </a-entity> <a-entity maze-generator></a-entity> <a-entity environment="preset: forest; groundColor: #445; grid: cross"></a-entity> </a-scene></body></html>test4-meiro ├ <!DOCTYPE html><html><head> <title>Babylon.js VR Sample</title> <style> html, body { overflow: hidden; width: 100%; height: 100%; margin: 0; padding: 0; } #renderCanvas { width: 100%; height: 100%; touch-action: none; } #vrButton { position: absolute; bottom: 20px; left: 20px; padding: 10px 20px; background-color: #4CAF50; color: white; border: none; cursor: pointer; } </style> <script src="https://cdn.babylonjs.com/babylon.js"></script></head><body> <canvas id="renderCanvas"></canvas> <button id="vrButton">Enter VR</button> <script> const canvas = document.getElementById("renderCanvas"); const engine = new BABYLON.Engine(canvas, true); const createScene = function () { const scene = new BABYLON.Scene(engine); const camera = new BABYLON.ArcRotateCamera("camera", 0, Math.PI / 2, 5, new BABYLON.Vector3(0, 0, 0), scene); camera.attachControl(canvas, true); const light = new BABYLON.HemisphericLight("light", new BABYLON.Vector3(0, 1, 0), scene); const box = BABYLON.MeshBuilder.CreateBox("box", {size: 1}, scene); return scene; }; const scene = createScene(); engine.runRenderLoop(function () { scene.render(); }); window.addEventListener("resize", function () { engine.resize(); }); // VRボタンの処理 const vrButton = document.getElementById("vrButton"); vrButton.addEventListener("click", function() { scene.createDefaultVRExperience({createDeviceOrientationCamera:false}); }); </script></body></html>test3-bab ├ <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>A-Frame Click Rotation (JavaScript)</title> <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script></head><body> <a-scene id="scene"> <!-- 立方体 --> <a-box position="0 1 -3" color="#4CC3D9" id="myBox"></a-box> <!-- 地面 --> <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="lightgreen"></a-plane> <!-- 背景 --> <a-sky color="#ECECEC"></a-sky> <!-- カメラ --> <a-camera position="0 1.6 0" look-controls></a-camera> </a-scene> <script> // A-Frameシーンと立方体の取得 const scene = document.getElementById('scene'); const box = document.getElementById('myBox'); let isRotating = false; // クリックイベントの追加 scene.addEventListener('click', function (event) { // マウスの座標を正規化 const mouse = new THREE.Vector2(); mouse.x = (event.clientX / window.innerWidth) * 2 - 1; mouse.y = -(event.clientY / window.innerHeight) * 2 + 1; // レイキャスターの作成 const raycaster = new THREE.Raycaster(); raycaster.setFromCamera(mouse, scene.camera); // クリックした位置に立方体があるか確認 const intersects = raycaster.intersectObjects([box.object3D]); // 立方体がクリックされたら回転アニメーションをトグル if (intersects.length > 0) { isRotating = !isRotating; if (isRotating) { // 回転アニメーションを追加 box.setAttribute('animation', { property: 'rotation', to: '0 360 0', loop: true, dur: 1000, easing: 'linear' }); } else { // アニメーションを停止 box.removeAttribute('animation'); } } }); </script></body></html>test2 ├ <html><head> <title></title> <style type="text/css"> a:link { text-decoration: none; } b:hover { background-color: #aaaaaa; } b { text-decoration: none; position: absolute; } </style></head><body> <script type="text/javascript"> var di = 0.8, a = 0, b = 0, aa = 0, bb = 0, aaa = 0, bbb = 0, aaa2 = 0, bbb2 = 0, c = 0, e = 0.05; var isMouseDown = false; // マウスが押されているかどうかを管理するフラグ var isTouching = false; // タッチがされているかどうかを管理するフラグ for (i = 0; i < 13; i++) { document.write('<a href="http://www.google.co.jp"><b id="l' + i + '">' + i + '</b></a>'); } document.write('<a href="http://www.google.co.jp"><b id="l13"></b></a>'); for (i = 14; i < 27; i++) { document.write('<a href="http://www.google.co.jp"><b id="l' + i + '">' + i + '</b></a>'); } function f() { i = 0; for (x = -di; x <= di; x += di) { for (y = -di; y <= di; y += di) { for (z = -di; z <= di; z += di) { u = x; v = y; w = z; v2 = v * Math.cos(b) - w * Math.sin(b); w = v * Math.sin(b) + w * Math.cos(b); v = v2; u2 = w * Math.cos(a) - u * Math.sin(a); w = w * Math.sin(a) + u * Math.cos(a); u = u2; c = Math.round((w + 2) * 70); if (c < 0) { c = 0; } if (c > 255) { c = 255; } s = document.getElementById('l' + i).style; s.left = 300 + u * (w + 2) * 50; s.top = 250 + v * (w + 2) * 50; s.color = 'rgb(' + (255 - c) + ', ' + (255 - c) + ',' + (255 - c) + ')'; s.fontSize = (w + 2) * 10 + 'px'; s.zIndex = Math.round((w + 2) * 10); i++; } } } } setInterval('f()', 30); // マウスがクリックされた状態で動くように document.body.addEventListener('mousedown', function(event) { isMouseDown = true; // マウスボタンが押された状態 }); // マウスのクリックが離された状態にする document.body.addEventListener('mouseup', function(event) { isMouseDown = false; // マウスボタンが離された状態 }); // タッチ開始 document.body.addEventListener('touchstart', function(event) { isTouching = true; // タッチが開始された状態 }); // タッチ終了 document.body.addEventListener('touchend', function(event) { isTouching = false; // タッチが終了した状態 }); // マウスイベント (クリック中のみ動かす) document.body.addEventListener('mousemove', function(event) { if (isMouseDown) { // マウスボタンが押されている時だけ動かす aaa = event.clientX / 999; a = a + ((aaa - aaa2) < 0) * e - ((aaa2 - aaa) < 0) * e; aaa2 = aaa; bbb = event.clientY / 999; b = b + ((bbb - bbb2) < 0) * e - ((bbb2 - bbb) < 0) * e; bbb2 = bbb; } }); // タッチイベント (タッチ中のみ動かす) document.body.addEventListener('touchmove', function(event) { if (isTouching) { // タッチがされている時だけ動かす event.preventDefault(); // デフォルトの動作を無効にして、スクロールを防ぐ var touch = event.touches[0]; var touchX = touch.clientX; var touchY = touch.clientY; // タッチでの動きに基づいてaとbを更新 aaa = touchX / 999; a = a + ((aaa - aaa2) < 0) * e - ((aaa2 - aaa) < 0) * e; aaa2 = aaa; bbb = touchY / 999; b = b + ((bbb - bbb2) < 0) * e - ((bbb2 - bbb) < 0) * e; bbb2 = bbb; } }); </script></body></html>3dhtmlーーマウスダウンとタッチに対応 ├ <!DOCTYPE html><html lang="ja"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>表示・非表示ボタンsample</title> <style> .section {margin: 20px 0;padding: 10px;border: 0px solid #ccc;display: none;} </style></head><body> <button onclick="showAllSections()">表示</button><button onclick="hideAllSections()">非表示</button> <div class="section"> ここはセクション 1 です。内容が表示されているときはこのセクションを確認できます。 </div> <div class="section"> ここはセクション 2 です。内容が表示されているときはこのセクションを確認できます。 </div> <div class="section"> ここはセクション 3 です。内容が表示されているときはこのセクションを確認できます。 </div> <div class="section"> ここはセクション 4 です。内容が表示されているときはこのセクションを確認できます。 </div> <script> // すべてのセクションを表示 function showAllSections() { var sections = document.querySelectorAll('.section'); // .sectionクラスのすべての要素を取得 sections.forEach(function(section) {section.style.display = "block";}); } // すべてのセクションを非表示 function hideAllSections() { var sections = document.querySelectorAll('.section'); // .sectionクラスのすべての要素を取得 sections.forEach(function(section) {section.style.display = "none";}); } </script></body></html>表示非表示 ├ <body>#MRCパラメータのセット140905 161031積層順位を追加、設定値1μマイナス、層間断線追加##参考：SETMRC.tcl mrcctl.tcl MRCSET.tcl################################################################データを読んでidataリストへ登録し、 $dataaにヒットしたときの値を返す部品(修正)proc idata { dataa } {set idataall "";set fid [open iraisyo-data.txt];while { [gets $fid line] >= 0} {lappend idataall $line;};close $fid ;foreach dddd $idataall {set idatas [split $dddd ":"];if {[lindex $idatas 0] == $dataa} {set idatano [lindex $idatas 1];return $idatano;};};};###################################################################以下の部分はファイルがあれば！の部分set bbb1 [query pfdfile];set bbb2 "";set bbb4 "";set bbb3 "/";set flag 0;set pall [split $bbb1 "\\"];foreach ddd $pall {if {$flag == 0} {set bbb2 "$bbb2$ddd$bbb3";};if {[string first "PC-" $ddd ] > -1} {set flag 1;};};#PC-直下のフォルダを抽出for { set i 1 } { $i <= [expr [llength $pall] -1] } { incr i } {set ddd [lindex $pall [expr $i -1]];set bbb4 "$bbb4$ddd$bbb3";};#開いてるファイルのあるフォルダを抽出set iraira "iraisyo-data.txt";if {[file exists "$bbb2$iraira"] == 0} {magbox "iraisyo-data.txt が見つからない";return;};cd $bbb2;set ia1 [idata "補正Eg"]; cd $bbb4;if {$ia1 == "有り"} {####################################################################ファイルの有無で前処理をやったか確認set bbb1 [query pfdfile];echo $bbb1;set bbb2 "";set pall [split $bbb1 "\\"];set ffn "";foreach ddd $pall {if {[string first ".pfd" $ddd ] > -1} {set ffn $ddd;}; };set ffn [string range $ffn 0 [expr [string length $ffn] - 5 ] ];set ffs "--グリッド・クリーンアップ前";set ffn "$ffn$ffs";set aaa [glob -nocomplain "*.pfd"];if {[string first $ffn $aaa] == -1} {msgbox "グリッド・クリーンアップ前のpfdファイルが有りません。処理を中止します。";echo "グリッド・クリーンアップ前のバックアップが無いので、未実行と判断";return;} else {echo "グリッド・クリーンアップ前のバックアップファイルを確認。";};####################################################################};###入力２．５ ##2021.03.10仕様変更combobox caption {IVHドリル−外形 クリアランス値};combobox items {{板厚1.6t以下：0.5} {1.6t超：1.0}};combobox active {板厚1.6t以下：0.5};set enmen2 [combobox open];if {$enmen2 == "板厚1.6t以下：0.5"} {set enmen 0.5;};if {$enmen2 == "1.6t超：1.0"} {set enmen 1.0;};if { $enmen2 == "--canceled" } {msgbox "何も入力されませんでした。終了します。";return;};set nnflag 0;#積層順位の設定#レイヤー構成を上から調べながら、構築する命令を変数GOOに文字列として溜め、最後にevalで実行する方法を取っています。set nco "";set lao "";if {[query editst] !="CAM" || [query topst] !="CAM"} {msgbox "編集ストラクチャとTOPストラクチャがCAMではありません。終了します。";return;}set GOO "deflay untype -pwb;";set gaisuu2 "(";set lmax 0;set pmax 0;foreach gaisuu [query layernames] {if {[string range $gaisuu 0 1] != "LA" && [string range $gaisuu 0 0] == "L" && [string first $gaisuu2 $gaisuu ] == -1} {if {[query existlay $gaisuu:1] == 1} {if {[query uselaystruct $gaisuu:1] != "WAKU" } {set pmax [expr $pmax + 1];set GOO "$GOO deflay type $gaisuu pattern $pmax;";lappend pto $gaisuu;#set lll [string range $gaisuu 1 3];if { $lll > $lmax && [query uselaystruct $gaisuu:1] == "CAM"} { set lmax $lll;}continue;};};};if {$gaisuu == "Mark"} {continue;};#################外形を追加 2021.03.10if {$gaisuu == "MRC-G"} {set GOO "$GOO deflay type MRC-G outline;";continue;};if {$gaisuu == "GGG"} {if {[query existlay MRC-G:1] != "1"} {set GOO "$GOO deflay type GGG outline;";continue;} else {set GOO "$GOO deflay untype GGG;";continue;};};if {$gaisuu == "GG"} {if {[query existlay MRC-G:1] != "1" && [query existlay GGG:1] != "1"} {set GOO "$GOO deflay type GG outline;";continue;} else {set GOO "$GOO deflay untype GG;";continue;};};if {$gaisuu == "G"} {if {[query existlay MRC-G:1] != "1" && [query existlay GG:1] != "1" && [query existlay GGG:1] != "1"} {set GOO "$GOO deflay type G outline;";continue;} else {set GOO "$GOO deflay untype G;";continue;};};##################if { [string range $gaisuu 0 1] == "NC" && [regexp {[0-9]+} [string range $gaisuu 2 2] ] == 1} {lappend nco $gaisuu;continue;}if { [string range $gaisuu 0 1] == "LA" && [regexp {[0-9]+} [string range $gaisuu 2 2] ] == 1} {lappend lao $gaisuu;continue;}set GOO "$GOO deflay untype $gaisuu;";echo $gaisuu; };set LL "L";set NN "N";set PP "P";if {$nco != ""} {foreach ncp $nco {set ncppp [split $ncp "_"];set ncp2 [lindex $ncppp 0];switch -- [string length $ncp2] { 4 {set nc1 [string range $ncp 2 2];set nc2 [string range $ncp 3 3];} 5 {set nc1 [string range $ncp 2 2];set nc2 [string range $ncp 3 4];} 6 {set nc1 [string range $ncp 2 3];set nc2 [string range $ncp 4 5];}default {eval "laystack pattern $pmax;laystack drill 6;laystack sresist on;laystack silk on;laystack outline on;";eval $GOO;echo "積層順位を設定しました。NCレイヤーの数値が判別不能であるため、NCは未設定です。";return;} }set p1p [lsearch $pto $LL$nc1$PP];set p1n [lsearch $pto $LL$nc1$NN];set p1 [lsearch $pto $LL$nc1];if { $p1 != -1 && $p1n != -1 && $p1n < $p1 } {set p1 $p1n;};#無印とNがあった場合、小さい方をP1に設定if { $p1 != -1 && $p1p != -1 && $p1p < $p1 } {set p1 $p1p;};#無印とPがあった場合、小さい方をP1に設定if { $p1 == -1 && $p1n != -1} {set p1 $p1n;};#無印がなくてNがあった場合、P1に設定if { $p1 == -1 && $p1p != -1} {set p1 $p1p;};#無印がなくてPがあった場合、P1に設定set p2p [lsearch $pto $LL$nc2$PP];set p2n [lsearch $pto $LL$nc2$NN];set p2 [lsearch $pto $LL$nc2];if { $p2 != -1 && $p2n != -1 && $p2n > $p2 } {set p2 $p2n;};#無印とNがあった場合、大きい方をP2に設定if { $p2 != -1 && $p2p != -1 && $p2p > $p2 } {set p2 $p2p;};#無印とPがあった場合、大きい方をP2に設定if { $p2 == -1 && $p2n != -1} {set p2 $p2n;};#無印がなくてNがあった場合、P2に設定if { $p2 == -1 && $p2p != -1} {set p2 $p2p;};#無印がなくてPがあった場合、P2に設定set p1 [expr $p1 + 1];set p2 [expr $p2 + 1];set GOO "$GOO deflay type $ncp ivh drill $p1 $p2;"; }; } else {msgbox "nc数値レイヤーが見つかりませんでした。中止します。";return;};if {$lao != ""} {foreach lap $lao {switch -- [string length $lap] { 4 {set la1 [string range $lap 2 2];set la2 [string range $lap 3 3];} 5 {set la1 [string range $lap 2 2];set la2 [string range $lap 3 4];} 6 {set la1 [string range $lap 2 3];set la2 [string range $lap 4 5];}default {eval "laystack pattern $pmax;laystack drill 6;laystack sresist on;laystack silk on;laystack outline on;";eval $GOO;echo "積層順位を設定しました。LAレイヤーの数値が判別不能であるため、LAは未設定です。";return;} }set p1p [lsearch $pto $LL$la1$PP];set p1n [lsearch $pto $LL$la1$NN];set p1 [lsearch $pto $LL$la1];if { $p1 != -1 && $p1n != -1 && $p1n < $p1 } {set p1 $p1n;};if { $p1 != -1 && $p1p != -1 && $p1p < $p1 } {set p1 $p1p;};if { $p1 == -1 && $p1n != -1} {set p1 $p1n;};if { $p1 == -1 && $p1p != -1} {set p1 $p1p;};set p2p [lsearch $pto $LL$la2$PP];set p2n [lsearch $pto $LL$la2$NN];set p2 [lsearch $pto $LL$la2];if { $p2 != -1 && $p2n != -1 && $p2n > $p2 } {set p2 $p2n;};if { $p2 != -1 && $p2p != -1 && $p2p > $p2 } {set p2 $p2p;};if { $p2 == -1 && $p2n != -1} {set p2 $p2n;};if { $p2 == -1 && $p2p != -1} {set p2 $p2p;};set p1 [expr $p1 + 1];set p2 [expr $p2 + 1];set GOO "$GOO deflay type $lap ivh laser $p1 $p2;"; }; };eval "laystack pattern $pmax;laystack drill [expr 4 + [llength $nco]];laystack sresist on;laystack silk on;laystack outline on;";eval $GOO;echo "IVH用の積層順位を設定しました。";eval $GOO;eval $GOO;#-----------------------------------------------------------------------------# 説明# MRC のパラメータ設定/実行を実施する。## 使用方法# mrc exec MRC を実行# mrc enable 項目 ... 項目をチェックする# mrc disable 項目 ... 項目をチェックしない# mrc pat パラメータ パターンチェック用のパラメータを設定# mrc drill パラメータ ドリルチェック用のパラメータを設定# mrc vccgnd パラメータ 電源/グランドチェック用のパラメータを設定# mrc sresist パラメータ ソルダレジストチェック用のパラメータを設定# mrc silk パラメータ シルクチェック用のパラメータを設定##-----------------------------------------------------------------------------#MRC全体のチェックをドリルのみにするmrc disable patmrc enable drillmrc disable vccgndmrc disable sresistmrc disable silk#ドリルの重複、通過するパッドの存在、外形とのチェック、ドローのアニュラリングのみにする#単層クリアランス mrc drill disable ccheck#ドリルの重複 mrc drill enable drldup#層間断線 mrc drill enable bdown#通過するパッドの存在 mrc drill enable padcmp#アニュラリング mrc drill disable annu#ドリルの過不足 mrc drill disable unmatch#外形とのチェック mrc drill enable ocheck#ドローのアニュラリング mrc drill enable annudraw#-----------------------------------------------------------------------------# 説明# ドリルチェック用のパラメータ設定を実施する(内部コマンド)## 使用方法# MrcDrill コマンド パラメータ## 指示# enable 項目 ... 項目のチェックする# disable 項目 ... 項目のチェックしない# ccheck コマンド 単層クリアランスチェックのパラメータ設定# drldup コマンド ドリル重複チェックのパラメータ設定# bdown コマンド 層間断線チェックのパラメータ設定# padcmp コマンド 通過するパッドの存在チェックのパラメータ設定# annu コマンド アニュアリングチェックのパラメータ設定# unmatch コマンド ドリル過不足チェックのパラメータ設定# ocheck コマンド 外形とのクリアランスチェックのパラメータ設定# // ANNUAL-RING# annudrawコマンド ドローデータとのアニュアリングチェックのパラメータ設定##-----------------------------------------------------------------------------# drldup コマンド ドリル重複チェックのパラメータ設定mrc drill drldup range 0.2; #MRCSETによる影響を受けるmrc drill drldup chrone off;mrc drill drldup omitap { };mrc drill drldup chktype 0;#▽▽▽▽▽▽▽▽#▽ 層間断線 ▽#▽▽▽▽▽▽▽▽##ドリル種別によるクリアランス値#対ライン（貫通 非貫通 IVHドリル IVHレーザー）mrc drill bdown d2l 0.001 0.001 0.224 0.001#対パット（貫通 非貫通 IVHドリル IVHレーザー）mrc drill bdown d2p 0.001 0.001 0.224 0.001#対レジスト（貫通 非貫通 IVHドリル IVHレーザー）mrc drill bdown d2r 0.001 0.001 0.001 0.001#対シルク（貫通 非貫通 IVHドリル IVHレーザー）mrc drill bdown d2s 0.001 0.001 0.001 0.001#条件設定#NTHの接続は全てエラーとするmrc drill bdown nthru on#パットのない接続は全てエラーとするmrc drill bdown onpad on# padcmp コマンド 通過するパッドの存在チェックのパラメータ設定mrc drill padcmp range 0.2; #MRCSETによる影響を受けるmrc drill padcmp detail off; #MRCSETによる影響を受けるmrc drill padcmp mode off; #MRCSETによる影響を受けるmrc drill padcmp sufpad on; #MRCSETによる影響を受けるmrc drill padcmp sufdrl off; #MRCSETによる影響を受けるmrc drill padcmp inpad on; #MRCSETによる影響を受けるmrc drill padcmp indrl off; #MRCSETによる影響を受けるmrc drill padcmp vgpad on; #MRCSETによる影響を受けるmrc drill padcmp vgdrl on; #MRCSETによる影響を受けるmrc drill padcmp omitap { };#########ドリル 外形とのチェック ##2021.03.10仕様変更mrc drill enable ocheck;#検査項目#ライン対ラインmrc drill ocheck l2l on;#ライン対パッドmrc drill ocheck p2l on;#パッド対パッドmrc drill ocheck p2p on;#検査タイプ#交差も接続とみなすmrc drill ocheck cross on;#外形線幅をゼロとみなすmrc drill ocheck zero on;#クリアランス値mrc drill ocheck size $enmen $enmen $enmen;# annudrawコマンド ドローデータとのアニュアリングチェックのパラメータ設定mrc drill annudraw border 0 0.0 0.0 0.0; #MRCSETによる影響を受けるmrc drill annudraw sfpattern 0.139 0.1 0.139 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1; #MRCSETによる影響を受けるmrc drill annudraw inpattern 0.139 0.1 0.139 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1; #MRCSETによる影響を受けるmrc drill annudraw vgthermal 0.139 0.1 0.139 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1; #MRCSETによる影響を受けるmrc drill annudraw vgclearance 0.279 0.1 0.279 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1; #MRCSETによる影響を受けるmrc drill annudraw resist 0.099 0.1 0.099 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1 0.1;mrc drill annudraw width 25.0; #MRCSETによる影響を受けるmrc drill annudraw height 25.0; #MRCSETによる影響を受けるmrc drill annudraw therm {in }; #MRCSETによる影響を受けるmrc drill annudraw noobject off;mrc drill annudraw mini_via 0.0;#-----------------------------------------------------------------------------###########################################################################################################################################################バックアップをその場で作製する。名前は「MRC前--IVH--作製時間.pfd」 となる。set FFname "MRC前--IVH--";set bname "$FFname[clock format [clock seconds] -format --%H%M%S]";set bbb1 [query pfdfile];saveas $bbb1;file copy $bbb1 $bname.pfd;echo "バックアップ作成 $bname.pfd";######################################################################################################################################################test1 ├ ｃｃ ├ link ├ <canvas style=width:99% id=c onclick=setInterval('for(c.width=w=99,++t,i=6e3;i--;c.getContext`2d`.fillRect(i%w,i/w|0,1-d*Z/w+s,1))for(a=i%w/50-1,s=b=1-i/4e3,X=t,Y=Z=d=1;++Z<w&(Y<6-(32<Z&27<X%w&&X/9^Z/8)*8%46||d|(s=(X&Y&Z)%3/Z,a=b=1,d=Z/w));Y-=b)X+=a',t=9)>mathi- ├ <body id ="gg" bgcolor=black text=white onKeyDown="K=event.keyCode-37"><tt id=F><script>function R(H){while(D.all["F"+(S=40+Math.ceil(ccc(i)*319))].innerHTML!=C);I(S,H)}function I(T,H){D.all["F"+T].innerHTML=H}function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}function HT(event) {sX=tX;tX =event.touches[0].clientX;K=0;if(tX>sX){K=2;};I(420,E);}function Y(){if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;X=D.all["F"+P].innerHTML;P2=P+20;XX=D.all["F"+P2].innerHTML;if(XX==C && M==0){P=P+20;}if(X==O || XX==O){alert("GAME OVER SCORE: "+SC*10);return}if(X==T || XX==T){KY=1;Q="<font color=\"Purple\">●</font>";P=P+20;}if(X==U || XX==U){if(KY==1){SC++;YY();}else{P=P-20;}}if(X==W){P=P-M;}if(X==N || XX==N){P=P-(20*6);while(P<0){P=P+20;}while(C!=D.all["F"+P].innerHTML){P=P-20;} }I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }function YY(){D=document;M=0;P=370;S="";K=-1;P2=0;C=" ";U="<font color=\"Lime\">門</font>";Q="<font color=\"blue\">●</font>";W="<font color=\"Maroon\">■</font>";N="<font color=\"aqua\">＝</font>";O="<font color=\"white\">＊</font>";T="<font color=\"yellow\">ー</font>";E="<INPUT TYPE=\"button\" VALUE=\"☆\" ONCLICK=\"clearTimeout(ID);YYY()\">";for(i=0;i<421;i++)S+=(i%20?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i<379?C:W)+"</span>";I("",S);for(i=0;i<51;i++)I(20+Math.ceil(ccc(i)*339),W);for(i=0;i<11;i++)R(N);I(419,E);for(i=0;i<(2+SC);i++)R(O);for(i=0;i<2;i++)I(Math.ceil(360+ccc(i)*18),N);R(U);R(T);KY=0;gg.addEventListener("touchmove", HT); }function YYY(){j=0;SC=0;YY();Y();}YYY();</script>asdfータッチtest2 ├ <body id ="gg" bgcolor=black text=white onKeyDown="K=event.keyCode-37"><tt id=F><script>function R(H){while(D.all["F"+(S=40+Math.ceil(ccc(i)*319))].innerHTML!=C);I(S,H)}function I(T,H){D.all["F"+T].innerHTML=H}function ccc(cc){j=j+1;a=Math.sin((cc+0.1+j/100)/24);a=""+a;b=a.slice(-8,-2);a=eval(b)/1000000;return a}function HT(event) {tX =event.touches[0].clientX;K=0;if(tX>180){K=2;}}function Y(){if(K+1){M=[-1,0,1,0][K];}Z=P;P=P+M;X=D.all["F"+P].innerHTML;P2=P+20;XX=D.all["F"+P2].innerHTML;if(XX==C && M==0){P=P+20;}if(X==O || XX==O){alert("GAME OVER SCORE: "+SC*10);return}if(X==T || XX==T){KY=1;Q="<font color=\"Purple\">●</font>";P=P+20;}if(X==U || XX==U){if(KY==1){SC++;YY();}else{P=P-20;}}if(X==W){P=P-M;}if(X==N || XX==N){P=P-(20*6);while(P<0){P=P+20;}while(C!=D.all["F"+P].innerHTML){P=P-20;} }I(Z,C);I(P,Q);K=-1;M=0;ID=setTimeout(Y,100); }function YY(){D=document;M=0;P=370;S="";K=-1;P2=0;C=" ";U="<font color=\"Lime\">門</font>";Q="<font color=\"blue\">●</font>";W="<font color=\"Maroon\">■</font>";N="<font color=\"aqua\">＝</font>";O="<font color=\"white\">＊</font>";T="<font color=\"yellow\">ー</font>";E="<INPUT TYPE=\"button\" VALUE=\"☆\" ONCLICK=\"clearTimeout(ID);YYY()\">";for(i=0;i<400;i++)S+=(i%20?"":"<br>")+"<span id=F"+i+">"+((i+1)%20>1&&i<379?C:W)+"</span>";I("",S);for(i=0;i<51;i++)I(20+Math.ceil(ccc(i)*339),W);for(i=0;i<11;i++)R(N);I(399,E);for(i=0;i<(2+SC);i++)R(O);for(i=0;i<2;i++)I(Math.ceil(360+ccc(i)*18),N);R(U);R(T);KY=0;gg.addEventListener("touchmove", HT); }function YYY(){j=0;SC=0;YY();Y();}YYY();</script>asdfータッチtest1 ├ <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>3D Ball</title> <style> body { margin: 0; overflow: hidden; } canvas { display: block; } </style> </head> <body> <canvas id="canvas"></canvas> <script> const canvas = document.getElementById('canvas'); const gl = canvas.getContext('webgl'); const vertexShaderSource = ` attribute vec3 a_position; void main() { gl_Position = vec4(a_position, 1.0); } `; const fragmentShaderSource = ` precision mediump float; void main() { gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0); } `; const vertexShader = gl.createShader(gl.VERTEX_SHADER); gl.shaderSource(vertexShader, vertexShaderSource); gl.compileShader(vertexShader); const fragmentShader = gl.createShader(gl.FRAGMENT_SHADER); gl.shaderSource(fragmentShader, fragmentShaderSource); gl.compileShader(fragmentShader); const program = gl.createProgram(); gl.attachShader(program, vertexShader); gl.attachShader(program, fragmentShader); gl.linkProgram(program); gl.useProgram(program); const positionBuffer = gl.createBuffer(); gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer); const positions = [ -0.5, -0.5, 0.0, 0.5, -0.5, 0.0, 0.0, 0.5, 0.0 ]; gl.bufferData(gl.ARRAY_BUFFER, new Float32Array(positions), gl.STATIC_DRAW); const positionAttributeLocation = gl.getAttribLocation(program, 'a_position'); gl.enableVertexAttribArray(positionAttributeLocation); gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer); gl.vertexAttribPointer(positionAttributeLocation, 3, gl.FLOAT, false, 0, 0); gl.clearColor(0.0, 0.0, 0.0, 1.0); gl.clear(gl.COLOR_BUFFER_BIT); gl.drawArrays(gl.TRIANGLES, 0, 3); </script> </body></html>ｄｄｄｄ ├ <!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）で動く。ショートコードのメモ │├ ２ｃｈの７行プログラミング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"><!--tt { font-family: "ＭＳ ゴシック"; }--></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"><!--tt{ font-family: "ＭＳ ゴシック"; }--></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 │├ この自分のサイトの物を移植していきます。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"><!--tt { font-family: "ＭＳ ゴシック"; }--></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"><!--tt { font-family: "ＭＳ ゴシック"; }--></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"><!--tt { font-family: "ＭＳ ゴシック"; }--></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"><!--tt { font-family: "ＭＳ ゴシック"; }--></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"><!--tt { font-family: "ＭＳ ゴシック"; }--></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"><!--tt { font-family: "ＭＳ ゴシック"; }--></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. メイン処理フロー**```javascriptfor(...setInterval(..., 33)// 33ms間隔で描画更新（約30FPS）)- 数値生成: Math.random()を使用した乱数ベースの計算- 配列操作: p配列を256要素管理しながら状態更新```**4. 描画処理の詳細**```javascriptq.getContext('2d').fill()// 2Dコンテキストを使用した複合描画主要描画コマンド:- 背景色設定（半透明黒）- フォント色設定（#0F0：鮮やかな緑）- 文字列生成: String.fromCharCode(3e4 + Math.random()*33) - Unicode範囲30000〜31000付近の日本語文字- 線形アニメーション: p配列で位置を制御```**5. 特徴的な挙動**- 水平方向グリッド（各アイテム間隔10px）- インデックスごとに独立したY軸アニメーション- 境界値判定: 758+乱数*1e4で動的に最大値を更新```javascriptp[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