Code Monkey home page Code Monkey logo

quadpaintjs's Introduction

QuadPaintJS

An experimental geometric painting and animation program.

A performance-oriented painting experience guides the development of this project. The desired hardware to implement control will be a Wacom tablet and Korg Nanos. This is based on an old program written in java.

Features

  • Wacom support (Bamboo, Intuos)

  • USB MIDI controller support (Browser Plugin)

  • Paint strokes made from basic GL Strips

  • Strokes are store in 2D cartesian space but rendered in spherical coordinate system

  • Chronological layering

  • GL blend modes per stroke

  • Sphere Vertex Shader

  • Deluxe Sphere Vertex Shader that support realtime animation

  • Vertex Stream Channels

    • 1 R Red
    • 1 G Blue
    • 1 B Green
    • 1 A Alpha
    • 2 XY CenterCoordinate (XY)
    • 1 Z Depth (Z)
    • 1 Th Thickness
    • 1 Ss Sin Speed
    • 1 Sa Sin Amplitude
    • 1 Ja Jitter Amplitude
    • 1 Bt Birth Time

    12 Total

Stroke Data

  • Vertex Stream
  • Blendmode

Painting Data

  • Stroke Data Stream

DEVELOPMENT

Uses grunt for development, so: run grunt then go to localHost:9001

BUILD WITH BROWSERIFY

browserify html/scripts/main.js > html/scripts/mainStatic.js

quadpaintjs's People

Contributors

bunnybones1 avatar

Stargazers

 avatar Michael Anthony avatar

Watchers

 avatar James Cloos avatar Michael Anthony avatar

Forkers

mcanthony

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.