2025/01/15

2025年1月15日 最終更新日時 : 2025年1月15日 ゆな

2025/01/15

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Simple A-Frame Game</title>
<script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script>
</head>
<body>
<a-scene>
<!-- カメラとカーソル -->
<a-entity camera position="0 1.6 0">
<a-entity
cursor="fuse:false;rayOrigin:mouse"
position="0 0 -1"
geometry="primitive:ring;radiusInner:0.02;radiusOuter:0.03"
material="color:black;shader:flat"><a-entity>
</a-entity>

 

<!-- スコア表示 -->
<a-text id="scoreText" value="Score: 0" position="-1 2 -3" color="white" width="4"></a-text>

<!-- ターゲット -->
<a-entity id="target" geometry="primitive:box;height:0.5;width:0.5;depth:0.5"
material="color:red" position="0 1.5 -3"
class="clickable"></a-entity>

<!-- 環境 -->
<a-sky color="#6EBAA7"></a-sky>
<a-plane rotation="-90 0 0" width="10" height="10" color="#7BC8A4"></a-plane>

</a-scene>

 

<script>
let score = 0;

const scoreText=document.querySelector('#scoreText');
const target=document.querySelector('#target');

//ターゲットをクリックするとスコアアップ
target.addEventListener('click',() => {
score++;
scoreText.setAttribute('value', `Score: ${score}`);

// ターゲットの位置をランダムに移動

const randomX = (Math.random() * 6)-3; // -3 to 3
const randomY = (Math.random() * 3) + 1; // 1 to 4
const randomZ = (Math.random() * -5) - 2; // -2 to -7
target.setAttribute('position', `${randomX} ${randomY} ${randomZ}`);
})

 

 

 

 

 

 

 

 

 

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Simple A-Frame Game</title>
<script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script>
</head>
<body>
<a-scene>
<!-- カメラとカーソル -->
<a-entity camera position="0 1.6 0">
<a-entity
cursor="fuse:false;rayOrigin:mouse"
position="0 0 -1"
geometry="primitive:ring;radiusInner:0.02;radiusOuter:0.03"
material="color:black;shader:flat"><a-entity>
</a-entity>

 

<!-- スコア表示 -->
<a-text id="scoreText" value="Score: 0" position="-1 2 -3" color="white" width="4"></a-text>

<!-- ターゲット -->
<a-entity id="target" geometry="primitive:box;height:0.5;width:0.5;depth:0.5"
material="color:red" position="0 1.5 -3"
class="clickable"></a-entity>

<!-- 環境 -->
<a-sky color="#6EBAA7"></a-sky>
<a-plane rotation="-90 0 0" width="10" height="10" color="#7BC8A4"></a-plane>

</a-scene>

 

<script>
let score = 0;

const scoreText=document.querySelector('#scoreText');
const target=document.querySelector('#target');

//ターゲットをクリックするとスコアアップ
target.addEventListener('click',() => {
score++;
scoreText.setAttribute('value', `Score: ${score}`);

// ターゲットの位置をランダムに移動

const randomX = (Math.random() * 6)-3; // -3 to 3
const randomY = (Math.random() * 3) + 1; // 1 to 4
const randomZ = (Math.random() * -5) - 2; // -2 to -7
target.setAttribute('position', `${randomX} ${randomY} ${randomZ}`);
})

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Simple A-Frame Game</title>
<script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script>
</head>
<body>
<a-scene>
<!-- カメラとカーソル -->
<a-entity camera position="0 1.6 0">
<a-entity
cursor="fuse:false;rayOrigin:mouse"
position="0 0 -1"
geometry="primitive:ring;radiusInner:0.02;radiusOuter:0.03"
material="color:black;shader:flat"><a-entity>
</a-entity>

 

<!-- スコア表示 -->
<a-text id="scoreText" value="Score: 0" position="-1 2 -3" color="white" width="4"></a-text>

<!-- ターゲット -->
<a-entity id="target" geometry="primitive:box;height:0.5;width:0.5;depth:0.5"
material="color:red" position="0 1.5 -3"
class="clickable"></a-entity>

<!-- 環境 -->
<a-sky color="#6EBAA7"></a-sky>
<a-plane rotation="-90 0 0" width="10" height="10" color="#7BC8A4"></a-plane>

</a-scene>

 

<script>
let score = 0;

const scoreText=document.querySelector('#scoreText');
const target=document.querySelector('#target');

//ターゲットをクリックするとスコアアップ
target.addEventListener('click',() => {
score++;
scoreText.setAttribute('value', `Score: ${score}`);

// ターゲットの位置をランダムに移動

const randomX = (Math.random() * 6)-3; // -3 to 3
const randomY = (Math.random() * 3) + 1; // 1 to 4
const randomZ = (Math.random() * -5) - 2; // -2 to -7
target.setAttribute('position', `${randomX} ${randomY} ${randomZ}`);
})

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Simple A-Frame Game</title>
<script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script>
</head>
<body>
<a-scene>
<!-- カメラとカーソル -->
<a-entity camera position="0 1.6 0">
<a-entity
cursor="fuse:false;rayOrigin:mouse"
position="0 0 -1"
geometry="primitive:ring;radiusInner:0.02;radiusOuter:0.03"
material="color:black;shader:flat"><a-entity>
</a-entity>

 

<!-- スコア表示 -->
<a-text id="scoreText" value="Score: 0" position="-1 2 -3" color="white" width="4"></a-text>

<!-- ターゲット -->
<a-entity id="target" geometry="primitive:box;height:0.5;width:0.5;depth:0.5"
material="color:red" position="0 1.5 -3"
class="clickable"></a-entity>

<!-- 環境 -->
<a-sky color="#6EBAA7"></a-sky>
<a-plane rotation="-90 0 0" width="10" height="10" color="#7BC8A4"></a-plane>

</a-scene>

 

<script>
let score = 0;

const scoreText=document.querySelector('#scoreText');
const target=document.querySelector('#target');

//ターゲットをクリックするとスコアアップ
target.addEventListener('click',() => {
score++;
scoreText.setAttribute('value', `Score: ${score}`);

// ターゲットの位置をランダムに移動

const randomX = (Math.random() * 6)-3; // -3 to 3
const randomY = (Math.random() * 3) + 1; // 1 to 4
const randomZ = (Math.random() * -5) - 2; // -2 to -7
target.setAttribute('position', `${randomX} ${randomY} ${randomZ}`);
})

 

 

 

 

 

 

 

 

 

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Simple A-Frame Game</title>
<script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script>
</head>
<body>
<a-scene>
<!-- カメラとカーソル -->
<a-entity camera position="0 1.6 0">
<a-entity
cursor="fuse:false;rayOrigin:mouse"
position="0 0 -1"
geometry="primitive:ring;radiusInner:0.02;radiusOuter:0.03"
material="color:black;shader:flat"><a-entity>
</a-entity>

 

<!-- スコア表示 -->
<a-text id="scoreText" value="Score: 0" position="-1 2 -3" color="white" width="4"></a-text>

<!-- ターゲット -->
<a-entity id="target" geometry="primitive:box;height:0.5;width:0.5;depth:0.5"
material="color:red" position="0 1.5 -3"
class="clickable"></a-entity>

<!-- 環境 -->
<a-sky color="#6EBAA7"></a-sky>
<a-plane rotation="-90 0 0" width="10" height="10" color="#7BC8A4"></a-plane>

</a-scene>

 

<script>
let score = 0;

const scoreText=document.querySelector('#scoreText');
const target=document.querySelector('#target');

//ターゲットをクリックするとスコアアップ
target.addEventListener('click',() => {
score++;
scoreText.setAttribute('value', `Score: ${score}`);

// ターゲットの位置をランダムに移動

const randomX = (Math.random() * 6)-3; // -3 to 3
const randomY = (Math.random() * 3) + 1; // 1 to 4
const randomZ = (Math.random() * -5) - 2; // -2 to -7
target.setAttribute('position', `${randomX} ${randomY} ${randomZ}`);
})

 

 

 

 

 

 

 

 

 

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Simple A-Frame Game</title>
<script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script>
</head>
<body>
<a-scene>
<!-- カメラとカーソル -->
<a-entity camera position="0 1.6 0">
<a-entity
cursor="fuse:false;rayOrigin:mouse"
position="0 0 -1"
geometry="primitive:ring;radiusInner:0.02;radiusOuter:0.03"
material="color:black;shader:flat"><a-entity>
</a-entity>

 

<!-- スコア表示 -->
<a-text id="scoreText" value="Score: 0" position="-1 2 -3" color="white" width="4"></a-text>

<!-- ターゲット -->
<a-entity id="target" geometry="primitive:box;height:0.5;width:0.5;depth:0.5"
material="color:red" position="0 1.5 -3"
class="clickable"></a-entity>

<!-- 環境 -->
<a-sky color="#6EBAA7"></a-sky>
<a-plane rotation="-90 0 0" width="10" height="10" color="#7BC8A4"></a-plane>

</a-scene>

 

<script>
let score = 0;

const scoreText=document.querySelector('#scoreText');
const target=document.querySelector('#target');

//ターゲットをクリックするとスコアアップ
target.addEventListener('click',() => {
score++;
scoreText.setAttribute('value', `Score: ${score}`);

// ターゲットの位置をランダムに移動

const randomX = (Math.random() * 6)-3; // -3 to 3
const randomY = (Math.random() * 3) + 1; // 1 to 4
const randomZ = (Math.random() * -5) - 2; // -2 to -7
target.setAttribute('position', `${randomX} ${randomY} ${randomZ}`);
})

 

 

 

 

 

 

 

 

 

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Simple A-Frame Game</title>
<script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script>
</head>
<body>
<a-scene>
<!-- カメラとカーソル -->
<a-entity camera position="0 1.6 0">
<a-entity
cursor="fuse:false;rayOrigin:mouse"
position="0 0 -1"
geometry="primitive:ring;radiusInner:0.02;radiusOuter:0.03"
material="color:black;shader:flat"><a-entity>
</a-entity>

 

<!-- スコア表示 -->
<a-text id="scoreText" value="Score: 0" position="-1 2 -3" color="white" width="4"></a-text>

<!-- ターゲット -->
<a-entity id="target" geometry="primitive:box;height:0.5;width:0.5;depth:0.5"
material="color:red" position="0 1.5 -3"
class="clickable"></a-entity>

<!-- 環境 -->
<a-sky color="#6EBAA7"></a-sky>
<a-plane rotation="-90 0 0" width="10" height="10" color="#7BC8A4"></a-plane>

</a-scene>

 

<script>
let score = 0;

const scoreText=document.querySelector('#scoreText');
const target=document.querySelector('#target');

//ターゲットをクリックするとスコアアップ
target.addEventListener('click',() => {
score++;
scoreText.setAttribute('value', `Score: ${score}`);

// ターゲットの位置をランダムに移動

const randomX = (Math.random() * 6)-3; // -3 to 3
const randomY = (Math.random() * 3) + 1; // 1 to 4
const randomZ = (Math.random() * -5) - 2; // -2 to -7
target.setAttribute('position', `${randomX} ${randomY} ${randomZ}`);
})

 

 

 

 

 

 

 

 

 

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Simple A-Frame Game</title>
<script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script>
</head>
<body>
<a-scene>
<!-- カメラとカーソル -->
<a-entity camera position="0 1.6 0">
<a-entity
cursor="fuse:false;rayOrigin:mouse"
position="0 0 -1"
geometry="primitive:ring;radiusInner:0.02;radiusOuter:0.03"
material="color:black;shader:flat"><a-entity>
</a-entity>

 

<!-- スコア表示 -->
<a-text id="scoreText" value="Score: 0" position="-1 2 -3" color="white" width="4"></a-text>

<!-- ターゲット -->
<a-entity id="target" geometry="primitive:box;height:0.5;width:0.5;depth:0.5"
material="color:red" position="0 1.5 -3"
class="clickable"></a-entity>

<!-- 環境 -->
<a-sky color="#6EBAA7"></a-sky>
<a-plane rotation="-90 0 0" width="10" height="10" color="#7BC8A4"></a-plane>

</a-scene>

 

<script>
let score = 0;

const scoreText=document.querySelector('#scoreText');
const target=document.querySelector('#target');

//ターゲットをクリックするとスコアアップ
target.addEventListener('click',() => {
score++;
scoreText.setAttribute('value', `Score: ${score}`);

// ターゲットの位置をランダムに移動

const randomX = (Math.random() * 6)-3; // -3 to 3
const randomY = (Math.random() * 3) + 1; // 1 to 4
const randomZ = (Math.random() * -5) - 2; // -2 to -7
target.setAttribute('position', `${randomX} ${randomY} ${randomZ}`);
})

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Simple A-Frame Game</title>
<script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script>
</head>
<body>
<a-scene>
<!-- カメラとカーソル -->
<a-entity camera position="0 1.6 0">
<a-entity
cursor="fuse:false;rayOrigin:mouse"
position="0 0 -1"
geometry="primitive:ring;radiusInner:0.02;radiusOuter:0.03"
material="color:black;shader:flat"><a-entity>
</a-entity>

 

<!-- スコア表示 -->
<a-text id="scoreText" value="Score: 0" position="-1 2 -3" color="white" width="4"></a-text>

<!-- ターゲット -->
<a-entity id="target" geometry="primitive:box;height:0.5;width:0.5;depth:0.5"
material="color:red" position="0 1.5 -3"
class="clickable"></a-entity>

<!-- 環境 -->
<a-sky color="#6EBAA7"></a-sky>
<a-plane rotation="-90 0 0" width="10" height="10" color="#7BC8A4"></a-plane>

</a-scene>

 

<script>
let score = 0;

const scoreText=document.querySelector('#scoreText');
const target=document.querySelector('#target');

//ターゲットをクリックするとスコアアップ
target.addEventListener('click',() => {
score++;
scoreText.setAttribute('value', `Score: ${score}`);

// ターゲットの位置をランダムに移動

const randomX = (Math.random() * 6)-3; // -3 to 3
const randomY = (Math.random() * 3) + 1; // 1 to 4
const randomZ = (Math.random() * -5) - 2; // -2 to -7
target.setAttribute('position', `${randomX} ${randomY} ${randomZ}`);
})

 

 

 

 

 

 

 

 

 

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Simple A-Frame Game</title>
<script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script>
</head>
<body>
<a-scene>
<!-- カメラとカーソル -->
<a-entity camera position="0 1.6 0">
<a-entity
cursor="fuse:false;rayOrigin:mouse"
position="0 0 -1"
geometry="primitive:ring;radiusInner:0.02;radiusOuter:0.03"
material="color:black;shader:flat"><a-entity>
</a-entity>

 

<!-- スコア表示 -->
<a-text id="scoreText" value="Score: 0" position="-1 2 -3" color="white" width="4"></a-text>

<!-- ターゲット -->
<a-entity id="target" geometry="primitive:box;height:0.5;width:0.5;depth:0.5"
material="color:red" position="0 1.5 -3"
class="clickable"></a-entity>

<!-- 環境 -->
<a-sky color="#6EBAA7"></a-sky>
<a-plane rotation="-90 0 0" width="10" height="10" color="#7BC8A4"></a-plane>

</a-scene>

 

<script>
let score = 0;

const scoreText=document.querySelector('#scoreText');
const target=document.querySelector('#target');

//ターゲットをクリックするとスコアアップ
target.addEventListener('click',() => {
score++;
scoreText.setAttribute('value', `Score: ${score}`);

// ターゲットの位置をランダムに移動

const randomX = (Math.random() * 6)-3; // -3 to 3
const randomY = (Math.random() * 3) + 1; // 1 to 4
const randomZ = (Math.random() * -5) - 2; // -2 to -7
target.setAttribute('position', `${randomX} ${randomY} ${randomZ}`);
})

 

 

 

 

 

 

 

 

 

 

 

 

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Simple A-Frame Game</title>
<script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script>
</head>
<body>
<a-scene>
<!-- カメラとカーソル -->
<a-entity camera position="0 1.6 0">
<a-entity
cursor="fuse:false;rayOrigin:mouse"
position="0 0 -1"
geometry="primitive:ring;radiusInner:0.02;radiusOuter:0.03"
material="color:black;shader:flat"><a-entity>
</a-entity>

 

<!-- スコア表示 -->
<a-text id="scoreText" value="Score: 0" position="-1 2 -3" color="white" width="4"></a-text>

<!-- ターゲット -->
<a-entity id="target" geometry="primitive:box;height:0.5;width:0.5;depth:0.5"
material="color:red" position="0 1.5 -3"
class="clickable"></a-entity>

<!-- 環境 -->
<a-sky color="#6EBAA7"></a-sky>
<a-plane rotation="-90 0 0" width="10" height="10" color="#7BC8A4"></a-plane>

</a-scene>

 

<script>
let score = 0;

const scoreText=document.querySelector('#scoreText');
const target=document.querySelector('#target');

//ターゲットをクリックするとスコアアップ
target.addEventListener('click',() => {
score++;
scoreText.setAttribute('value', `Score: ${score}`);

// ターゲットの位置をランダムに移動

const randomX = (Math.random() * 6)-3; // -3 to 3
const randomY = (Math.random() * 3) + 1; // 1 to 4
const randomZ = (Math.random() * -5) - 2; // -2 to -7
target.setAttribute('position', `${randomX} ${randomY} ${randomZ}`);
})

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

前の記事
課題提出
2025年1月15日
次の記事
Jagame ソースコード提出
2025年1月22日