austintheriot / generative-javascript-designs

Algorithmically generating unique visual designs and patterns. A collection of JavaScript applications that respond to visitor-provided settings in real time, using the HTML/JavaScript Canvas API.

Home Page:https://canvasprojects.imfast.io/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Generative JavaScript Designs

Table of Contents

  1. About
  2. Tech
  3. Contact
  4. Projects
    1. Web Particles
    2. Brownian Motion
    3. Fractures
    4. Stochastic Roots

About

This repository is a collection of previous JavaScript projects I've worked on that involve interactive, generative visuals or art in some way. Each project provides setting controls for visitors to play around with and generate new patterns. The final result can be seen live here.

Tech

Built primarily with the JavaScript Canvas API and a small amount of HTML and CSS to provide the settings interface.

Contact

For questions or comments, or just to say hi, contact me on LinkedIn or on my digital portfolio.

Projects

Web Particles

Physics-based particle playground. I originally intended for this project to serve as a lightweight background animation for a landing page. Since I've added more features and interactivity to it, however, it functions better a small particle/physics simulation app.

Web Particles

Brownian Motion

Procedurally generated (yet aesthetic) scrbbles. Inspired by the natural phenomenon by the same name.

Brownian Motion Brownian Motion

Fractures

This project draws inspiration from the way glass panes and ceramic dishes crack. Each line is given a random chance to break away as it travels in one direction and stops when it reaches another line.

Fractures Fractures Fractures

Stochastic Roots

Uses a fractal-inspired branching technique. Creates branching networks resembling roots or trees (depending on the direction).

Stochastic Roots

About

Algorithmically generating unique visual designs and patterns. A collection of JavaScript applications that respond to visitor-provided settings in real time, using the HTML/JavaScript Canvas API.

https://canvasprojects.imfast.io/


Languages

Language:JavaScript 71.6%Language:HTML 24.9%Language:CSS 3.6%