22 lines
831 B
HTML
22 lines
831 B
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>歩行型Webページ</title>
|
||
<script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script>
|
||
</head>
|
||
<body>
|
||
<a-scene>
|
||
<!-- 地面 -->
|
||
<a-plane position="0 0 0" rotation="-90 0 0" width="50" height="50" color="#7BC8A4"></a-plane>
|
||
|
||
<!-- カメラとコントロール（WASDキーで歩行可能） -->
|
||
<a-entity camera wasd-controls look-controls position="0 1.6 5"></a-entity>
|
||
|
||
<!-- 建物風のオブジェクト -->
|
||
<a-box position="0 0.5 -5" depth="5" height="1" width="5" color="#4CC3D9"></a-box>
|
||
<a-box position="10 0.5 -5" depth="5" height="1" width="5" color="#FFC65D"></a-box>
|
||
<a-sphere position="-10 1 -5" radius="1" color="#EF2D5E"></a-sphere>
|
||
</a-scene>
|
||
</body>
|
||
</html>
|