Skip to content

Latest commit

 

History

History

examples

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Gallery

PSVG examples/ showcase! You can also fiddle with these examples on the online Playground.

hilbert.svg

<!-- hilbert.psvg -->
<!-- draws a hiblert curve -->
<!-- based on https://en.wikipedia.org/wiki/Hilbert_curve
          and http://www.rosettacode.org/wiki/Hilbert_curve#Java -->

koch.svg

<!-- koch.psvg -->
<!-- draws a koch snowflake -->

poisson.svg

<!-- poisson.psvg -->
<!-- poisson disk sampling -->
<!-- based on paper https://www.cs.ubc.ca/~rbridson/docs/bridson-siggraph07-poissondisk.pdf -->
<!-- and this impl. https://editor.p5js.org/codingtrain/sketches/4N78DFCXN -->

pulsar.svg

<!-- pulsar.psvg -->
<!-- recreation of the pulsar radio emission plot -->
<!-- from the "Unknown Pleasures" album cover -->
<!-- (includes a perlin noise implementation) -->
<!-- adapted from https://github.com/processing/p5.js/blob/1.1.9/src/math/noise.js -->
<!-- <var scaled_cosine="{(i)=>(0.5*(1.0-COS(i*PI)))}"/> -->

pythagoras.svg

<!-- pythagoras.psvg -->
<!-- draws a pythagoras fractal tree -->
<!-- inspired by https://en.wikipedia.org/wiki/Pythagoras_tree_(fractal)#/media/File:Pythagoras_Tree_Colored.png -->

schotter.svg

<!-- schotter.psvg -->
<!-- recreation of the Georg Nees classic -->
<!-- with silly animations -->

shapemorph.svg

<!-- shapemorph.psvg -->
<!-- animation of simple shapes morphing between each other -->

sierpinski.svg

<!-- sierpinski.psvg -->
<!-- draws a Sierpinski's triangle -->

sphere.svg

<!-- sphere.psvg -->
<!-- 3D animated shaded sphere -->

terrain.svg

<!-- terrain.psvg -->
<!-- animated wireframe terrain in 3D -->
<!-- alternatively, use perlin noise from example/pulsar.psvg -->

textanim.svg

<!-- text-anim.psvg -->
<!-- draws animated text -->
<!-- try begin="{-i/100}s" to make animation start from the beginning -->

tree.svg

<!-- tree.psvg -->
<!-- A port of https://processing.org/examples/tree.html -->

turing.svg

<!-- turing.psvg -->
<!-- animated universal turing machine simulator -->
<!-- mach="current_state head_position tape[0] tape[1] tape[2] ..." -->
<!-- transition="current_state target_state read_symbol write_symbol shift" -->
<!-- D="transition0 transition1 transition2 ..." -->
<!-- one step of simulation -->
<!-- q0: start state -->
<!-- q1: halt  state -->
<!-- tmin: minimum tape coordinate -->
<!-- tmin: maximum tape coordinate -->