如何在A字架中绘制曲线?
How to draw a curve in A-frame?
我刚开始使用 A-Frame,这是一个非常基本的问题。我检查了一些例子来画一条线,然后在 A 帧中画一条曲线,但它们没有出现在场景中。我那里有一架正确显示的飞机。
我可以使用 document.querySelector('a-plane').object3D;
获得飞机,但 document.querySelector('a-curve').object3D;
returns 未定义。
这是一个代码示例:
<!DOCTYPE html>
<html>
<head>
<title>A-frame room</title>
<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"> </a-plane>
<a-sky color="#ffffff"></a-sky>
<a-curve type="CatmullRom" curve="closed:true" visible="true">
<a-curve-point id="checkpoint1" position="0 0 -4" visible="true"></a-curve-point>
<a-curve-point id="checkpoint2" position="0 10 -4" visible="true"></a-curve-point>
<a-curve-point id="checkpoint3" position="0 10 -8" visible="true"></a-curve-point>
<a-curve-point id="checkpoint4" position="0 0 -8" visible="true"></a-curve-point>
</a-curve>
</a-scene>
</body>
</html>
您需要导入提供<a-curve>
的JS组件。这是一个社区组件。
我刚开始使用 A-Frame,这是一个非常基本的问题。我检查了一些例子来画一条线,然后在 A 帧中画一条曲线,但它们没有出现在场景中。我那里有一架正确显示的飞机。
我可以使用 document.querySelector('a-plane').object3D;
获得飞机,但 document.querySelector('a-curve').object3D;
returns 未定义。
这是一个代码示例:
<!DOCTYPE html>
<html>
<head>
<title>A-frame room</title>
<script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"> </a-plane>
<a-sky color="#ffffff"></a-sky>
<a-curve type="CatmullRom" curve="closed:true" visible="true">
<a-curve-point id="checkpoint1" position="0 0 -4" visible="true"></a-curve-point>
<a-curve-point id="checkpoint2" position="0 10 -4" visible="true"></a-curve-point>
<a-curve-point id="checkpoint3" position="0 10 -8" visible="true"></a-curve-point>
<a-curve-point id="checkpoint4" position="0 0 -8" visible="true"></a-curve-point>
</a-curve>
</a-scene>
</body>
</html>
您需要导入提供<a-curve>
的JS组件。这是一个社区组件。