Skip to content

Cross-Platform JavaScript Creative Coding Framework

License

Notifications You must be signed in to change notification settings

zhaoyixin/sketch.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

74 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

sketch.js is a tiny (~5k) boilerplate for creating JavaScript based creative coding experiments.

Check out the showcase.

Why use sketch.js?

Sketch.js handles all that tedious but necessary stuff that would normally slow you down - setting up an animation loop, creating and managing a graphics context for Canvas or WebGL, cross browser and device event binding and normalisation for mouse, touch and keyboard events, handling window resizes… You get the idea.

When creating a sketch, you specify a type (the default is Sketch.CANVAS) and what you get back is an augmented instance of a CanvasRenderingContext2D, WebGLRenderingContext or Node / HTMLElement. This gives you direct access to all the usual properties and methods of your chosen context, as well as some new and useful ones added by sketch.js

It also provides fast global access to useful math functions and constants and extends random to handle ranges and arrays.

For more information, check out the getting started guide, the API or the full source, as well as the examples in the showcase.

Have fun!

About

Cross-Platform JavaScript Creative Coding Framework

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 89.8%
  • HTML 5.8%
  • CSS 4.4%