A Pen created on CodePen.io. Original URL: https://codepen.io/jackrugile/pen/LeJowx.
Generate flowers with simplex noise! I had a lot of fun making this one and I think it yields some pretty results. Click and drag/mousewheel to manipulate the camera position.
THREE.MeshLine()
creates meshes with varying line thickness. It's a lot more flexible and customizable compared to THREE.Line()
. Before creating the meshes, the paths are generated and reflected using Walker()
s which determine their angle and speed based on simplex noise.
I used the following tools to create this:
- Three.js - JavaScript 3D WebGL Library by mrdoob
- THREE.MeshLine - Mesh replacement for THREE.Line by spite
- simplex-noise.js - A fast simplex noise implementation in JavaScript by jwagner
- VariaBoard - A control interface that is a major work in progress by me!