Skip to content

Particle systems experimentation with Processing.js and HTML 5 canvas

Notifications You must be signed in to change notification settings

Link-/ProcessingCanvasExp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Processing Canvas Exp

Introduction

This repo is intended to contain my personal experiments with Processing.js, HTML5 Canvas and Particle Systems. This repo is by no way intended to be used for the publishing of re-usable code. What I have here is a compilation of quickly written code, some of is well documented, the rest might be spaghetti.

Demo

A demo can be found here: Demo Link

Usage

Feel free to use this code in whichever way you see fit.

Keyboard

After running index.html or the PDE:
  • Mouse Click: Changes the flocking center point to new mouse position\coordinates
  • UP: Add a Particle
  • DOWN: Remove a Particle
  • 's': Increase Speed of flocking
  • 'd': Decrease Speed of flocking
  • 'c': Change color of particles
  • '`': Toggle Console

Requirements

  • The content of the PDEs folder require Processing v1.2+
  • The rest should be regular HTML\Javascript code, any HTML5 enabled browser would do

About

Particle systems experimentation with Processing.js and HTML 5 canvas

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages