Как я могу переместить объект на 360 градусов в рамке? - PullRequest
0 голосов
/ 25 апреля 2020

Я хочу повернуть объект на 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>
...