aframe-lsystem-component
Version:
L-System/LSystem component for A-Frame to draw 3D turtle graphics. Using Lindenmayer as backend.
32 lines (22 loc) • 1.02 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>A-Frame L-System Component - Hilbert Curve</title>
<script src="../libs/aframe.js"></script>
<script src="../libs/aframe-lsystem-component.js"></script>
</head>
<body>
<a-scene>
<a-assets>
<a-mixin id="line" geometry="primitive: box; height: 0.1; width: 0.75; depth: 0.1;" material=""></a-mixin>
<a-mixin id="blue" material="color: #45b5c8;"></a-mixin>
</a-assets>
<a-entity light="type: directional; color: #feffc6; intensity: 0.6" position="0.3 0 1" rotation="-30 -50 -10"></a-entity>
<a-sky color="rgb(35, 41, 55)"> </a-sky>
<a-plane color="rgb(45, 42, 35)" height="100" width="100" rotation="-90 0 0"></a-plane>
<a-lsystem id="hilbertcurve" axiom="X" productions="X:^<XF^<XFX-F^>>XFX&F+>>XFX-F>X->" segmentixins="F:blue line" angle="90.0" iterations="4" translateAxis="X" rotation="22.5 22.5 0">
</a-lsystem>
</a-scene>
</body>
</html>