Starbeamrainbowlabs

Labs

The labs contain most of my creations that are not behind the scenes.

An implementation of an algorithm to find the distance from a point to a line, adapted for multi-segmented lines.
Line Distance Calculator
  • HTML5
  • ES6
  • Javascript
  • Algorithms
An implementation of Valvalingam
Line Simplifier
  • HTML5
  • ES6
  • Javascript
  • Algorithms
Share files and images on your computer with your friends!
GalleryShare
  • HTML5
  • XSLT
  • C Sharp
  • File Sharing
  • Server
A night sky full of pretty twinkling stars.
Starry Sky
  • HTML5
  • Canvas
  • Javascript
  • Blog
  • Procedural Generation
A small gem I found in my archives. From 2013.
Archives: Colour Picker
  • Javascript
  • Blog
A bicycle riding through some procedural scrolling parallax hills.
Parallax Bicycle
  • HTML5
  • Canvas
  • Javascript
  • Blog
  • Procedural Generation
A procedural castle generator I wrote for /r/proceduralgeneration
Procedural Castles
  • HTML5
  • Canvas
  • Javascript
  • Blog
  • Challenge
  • Reddit
  • Procedural Generation
A pen I created as a demo whilst writing a class to draw regular shapes.
Rotating Shapes
  • HTML5
  • Canvas
  • Javascript
  • Blog
  • Library
  • CodePen
A pen I created as a demo whilst writing a class to draw smooth lines.
Smooth Lines
  • HTML5
  • Canvas
  • Javascript
  • Blog
  • Library
  • CodePen
A small experiment to get my head around how fractals work.
Fractal Shapes
  • HTML5
  • Canvas
  • Javascript
  • Fractal
An example of context.ellipse in action, written for a blog post.
Ripples
  • HTML5
  • Canvas
  • Javascript
  • Blog
Get all the fun of the fair without the noise and the cold.
Big Wheel
  • HTML5
  • Canvas
  • Javascript
  • University
Some treasure is hidden on your screen. Can you find it using only your ears?
Audio Treasure Hunter
  • HTML5
  • Canvas
  • Javascript
A Voronoi Diagram Generator
Voronoi Diagrams
  • HTML5
  • Canvas
  • Javascript
A random snowflake generator
Snowflake Generator
  • HTML5
  • Canvas
  • Javascript
A fully functional wiki in a box.
Pepperminty Wiki
  • HTML5
  • PHP
Some clouds drifting across the screen, drawn via the HTML5 Canvas.
HTML5 Canvas Clouds
  • HTML5
  • Canvas
  • Javascript
A turtle based drawing program for your first forays into simple programming.
Imaanvas
  • HTML5
  • Canvas
  • Javascript
A client side online tool for stitching strings of still images into an animated gif.
Gif Renderer
  • HTML5
  • Tool
  • Javascript
A set of parallax scrolling stars using the HTML5 Canvas
Parallax Scrolling Stars
  • HTML5
  • Canvas
  • Javascript
  • Pseudo3d
An (almost) pure CSS spotlight demo.
(Almost) Pure CSS Spotlight
  • CSS
  • Javascript
  • jsbin
A Javascript Bookmarklet to fade the unimportant parts of a page. Also features HTML5 fullscreen API integration.
Lightsout
  • HTML5
  • Javascript
  • Bookmarklet
A small script to trianglify (draw triangles on) an image.
Image Trianglifier
  • HTML5
  • Javascript
Art by Mythdael