search

rupl / bustashape

Collaborative, real-time artboards
https://bustashape.art
MIT License
5 stars 3 forks source link

use two.js for manipulating shapes #21

Closed rupl closed 8 years ago

rupl commented 9 years ago

Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl.

http://jonobr1.github.io/two.js/

Would help solve #3, #4, #13, #15

rupl commented 9 years ago

I also found GSAP but I still think two.js looks more along the lines of what I was imagining

rupl commented 8 years ago

This is starting to come along!! I have no idea if I am accomplishing it in a smart way, but it still works on my iPhone and MacBook when I test. I used SVG mode, because WebGL will still exclude too many mobile users.

rupl commented 8 years ago

damn.. I think I nailed this in one night!

@afragon are you planning on using the site for anything public in the next week? I don't want to ship this if something is coming up, so I can have a few days to debug any problems that it might have introduced.

rupl commented 8 years ago

ok the only thing that we lost is the little popping animation when you create a shape. I'm sure I can somehow re-do that within two.js but the existing CSS animation was not playing well with the new library. ¯_(ツ)_/¯

afragon commented 8 years ago

@rupl No there won't be any public events during next week

rupl commented 8 years ago

:+1: ok then merging and I'll file any issues as follow-ups. give it a shot!