Junkerposts
 kyuu-test3 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>宇宙に浮かぶ回転球体</title>
<script src="https://aframe.io/releases/1.4.2/aframe.min.js"></script>
</head>
<body>
<a-scene>
<!-- 宇宙背景 -->
<a-sky src="#spaceTexture" rotation="0 -90 0"></a-sky>

<!-- 球体(ゆっくり回転) -->
<a-entity position="0 2 -5" rotation="0 0 0" animation="property: rotation; to: 0 360 0; loop: true; dur: 200000; easing: linear">
<a-sphere
src="#sphereTexture"
radius="1.5"
segments-width="32"
segments-height="32">
</a-sphere>
</a-entity>

<!-- テクスチャ画像の読み込み -->
<a-assets>
<!-- 球体の画像 -->
<img id="sphereTexture" src="./pic/e3.jpg">
<!-- 背景(宇宙)画像 -->
<img id="spaceTexture" src="./pic/u3.jpg">
</a-assets>

<!-- 地面(必要なら非表示にしてOK) -->
<!-- <a-plane rotation="-90 0 0" width="10" height="10" color="#222"></a-plane> -->

<!-- カメラ -->
<a-entity camera position="0 1.6 0" look-controls wasd-controls></a-entity>
</a-scene>
</body>
</html>



使用変数

animation
charset
color
height
id
position
radius
rotation
src
width