Я хочу повернуть объект на 360 градусов, когда я использую мышь, чтобы переместить его, чтобы увидеть все стороны объекта в рамке, и ниже приведен следующий код. Я уже использую «drag-rotate-component», но вместо того, чтобы перемещать или поворачивать объект на 360 градусов, объект просто перемещается вокруг меня на 360. Как я могу это сделать?
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Showcase1</title>
<style>
body {
margin: 0;
}
canvas {
width: 100%;
height: 100%;
}
</style>
<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-asset>
<a-asset-item id="flower-o" src="{% static '3d_file/flower.obj' %}"></a-asset-item>
<a-asset-item id="flower-m" src="{% static '3d_file/flower.mtl' %}"></a-asset-item>
</a-asset>
<!-- Camera -->
<a-entity position="0 0 300">
<a-camera drag-rotate-component></a-camera>
</a-entity>
<!-- flower -->
<a-entity obj-model="obj: #flower-o; mtl: #flower-m" position="0 0 30" scale="0.05 0.05 0.05"></a-entity>
<a-obj-model drag-rotate-component></a-obj-model>
</a-scene>
</body>
</html>