とうほくプロコンの最終審査会で再開、小学3年生のARグラス開発者！
ENGLISH CYBER GOOGLES（イングリッシュ・サイバー・ゴーグル）
開発者は小学3年生！
去年のScratchを使った作品「ニンジン嫌い克服ゲーム」の開発者、今年はPythonとハードウェア連携で参戦！
全世界の男子に刺さるビジュアル！
いいね、サイバーゴーグルの可能性！
匠部門の最優秀賞を獲得！
ARグラスも体験してもらいました！
「ar-clock」
ARグラスをシミュレーションするデモに、まずはシンプルな時計から。1/1000秒単位で表示！
<!DOCTYPE html><html lang="ja"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width"><link rel="icon" href="data:">
<title>vr-autumn</title>
<link rel="stylesheet" href="https://code4fukui.github.io/ar-clock/style.css">
</head><body>
<script type="importmap">
{
"imports": {
"three": "https://code4fukui.github.io/three.js/build/three.module.js",
"three/addons/": "https://code4fukui.github.io/three.js/examples/jsm/",
"three/nodes": "https://code4fukui.github.io/three.js/examples/jsm/nodes/Nodes.js"
}
}
</script>
<main><h1>ar-clock</h1>
<a href="https://github.com/code4fukui/ar-clock/">src on GitHub</a><br>
</main>
<style>
</style>
<script type="module">
import { THREE, scene, camera, renderer, ambientLight, directionalLight } from "https://code4fukui.github.io/egxr.js/egxr.js";
import { PCControl } from "https://code4fukui.github.io/vr-beetle/PCControl.js";
import { Time } from "https://js.sabae.cc/DateTime.js";
import { createTextPlane } from "https://code4fukui.github.io/ar-clock/createTextPlane.js";
// control
const pcctrl = new PCControl(camera, renderer.domElement);
// light
ambientLight.intensity = 2.0; // 環境光（全体を均一に明るくする）
directionalLight.intensity = 7.0; // 平行光
directionalLight.position.set(2, 10, 1); // 上から光
const w = 0.1;
const h = 0.03;
const plane = createTextPlane("ar-clock", w, h);
scene.add(plane);
const clock = new THREE.Clock();
renderer.setAnimationLoop(() => {
const delta = clock.getDelta();
pcctrl.update(delta);
renderer.render(scene, camera);
const t = new Time();
plane.setText(t.toString());
});
</script>
</body></html>
このHTML 1ファイルで動かせます！
RUN on ES-Jam!
こどもたちの可能性は無限大！
とうほくプロコンレポートを続けます。
Fri Night
