graphics

Efficient data structures that represent renderable scenes

graphics

Efficient data structures that represent renderable scenes

This is a direct port of Elm to a commonJS JavaScript library. The purpose is exploration of FRP in plain JavaScript and maybe rewriting Elm's rendering core in more efficient JavaScript.

var MousePosition = require("graphics/mouse").Position
var map = require("graphics/signal/map")
var plainText = require("graphics/element").plainText
var render = require("graphics/render")
 
// Lift the stream of mouse positions through the plainText 
// function 
var main = map(MousePosition(), plainText)
 
// render the stream of mouse position as text 
render(main)
npm i
 
# Either use example 
npm run example
open localhost:9966
 
# Or use tryme 
npm run tryme
open localhost:8080

npm install graphics

  • Raynos