aframe-lsystem-component
Version:
L-System/LSystem component for A-Frame to draw 3D turtle graphics. Using Lindenmayer as backend.
53 lines (43 loc) • 1.84 kB
HTML
<html>
<head>
<title>A-Frame Example Component</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.min.css"/>
<style>
html {
background: #2CC4CB;
color: #FAFAFA;
font-family: monospace;
font-size: 20px;
padding: 10px 20px;
}
h1 {
font-weight: 300;
}
a {
color: #FAFAFA;
display: block;
padding: 15px 0;
}
</style>
</head>
<body>
<h1>A-Frame L-System Component</h1>
<a href="hilbertcurve/">Hilbert Curve</a>
<a href="animated hilbert curve/">Animated Hilbert Curve</a>
<p>This example shows how to use the L-System component to render a 4-iteration Hilbert Curve in A-Frame.</p>
<a href="2d_kochflake/">2D Koch Snowflake</a>
<a href="multiple mixins/">multiple mixins (geometry and color changes)</a>
<p>Demonstrating how to use <code>!</code> and <code>'</code> to increment or decrement the mixin index. This makes it possible to use all kinds of materials and geometries for symbols. Make sure to also check the source code of the examples! :)</p>
<a href="tree/">Tree</a>
<p>This example shows how to use the L-System component to render a tree in A-Frame.</p>
<!-- <a href="cs_tree/">Context-Sensitive Tree</a> -->
<!-- <a href="stoch_tree/">Stochastic Tree</a> -->
<a href="forrest/">Forrest</a>
<p>This example shows how to use the L-System component to render a <em>multiple</em> trees in A-Frame.</p>
<div class="github-fork-ribbon-wrapper right">
<div class="github-fork-ribbon" style="background: #EF2D5E">
<a href="https://github.com/nylki/aframe-lsystem-component">Fork me on GitHub</a>
</div>
</div>
</body>
</html>