I'm not really sure what this is... but I kinda like it.
A Pen by George Francis on CodePen.
I'm not really sure what this is... but I kinda like it.
A Pen by George Francis on CodePen.
| <script id="vertexShader_buffer" type="x-shader/x-vertex">attribute vec4 a_position; | |
| uniform mat4 u_modelViewMatrix; | |
| uniform mat4 u_projectionMatrix; | |
| void main() { | |
| gl_Position = a_position; | |
| } | |
| </script> | |
| <script id="fragmentShader_under" type="x-shader/x-vertex"> | |
| #extension GL_OES_standard_derivatives : enable |
| <canvas id=c></canvas> | |
| <!-- | |
| ALGORITHM: | |
| structure: | |
| - gen( x,y,z ): | |
| - create node at x,y,z // blue | |
| - append some children to list: | |
| - within a certain distance to parent | |
| - outside a certain distance from any node |
| <canvas id=c></canvas> | |
| <!-- | |
| ALGORITHM: | |
| structure: | |
| - gen( x,y,z ): | |
| - create node at x,y,z // blue | |
| - append some children to list: | |
| - within a certain distance to parent | |
| - outside a certain distance from any node |
A Pen by Dane Williams on CodePen.
| <div id="canvas-container"></div> |
| doctype html | |
| head | |
| title Perlin noise | Fireball explosion | |
| meta(charset='utf-8') | |
| .container-fluid.fixed-top.header.disable-selection | |
| .row | |
| .col | |
| h1 | |
| strong Perlin Noise | |
| //p.small(href='#',role='button') |
| - var n_rings = 10, n_dots = 1; | |
| .assembly | |
| while n_rings-- | |
| .ring | |
| - n_dots += 4; | |
| - for(var i = 0; i < n_dots; i++) | |
| .pos | |
| .dot |
Another css3D + canvas experiment
A Pen by Anne-Gail Moreland on CodePen.