search

rupl / bustashape

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

Gradients instead of just colors #85

Open rupl opened 8 years ago

rupl commented 8 years ago

The CSS Gradient Animator is a neat tool and the code is pretty compact. Here's a gist generated from the tool: https://gist.github.com/rupl/217cdf8a4db9523db508628d359dd565

Instead of animation, the gradient could be combined with background-position: fixed to create the effect of the shapes being a mask for an otherwise invisible background. Maybe add a border to the shapes since their background would blend together when they overlap.

rupl commented 8 years ago

This two.js example of clipping-mask is also pretty sweet. I like the idea of textures a lot as I think of live projection scenarios.

rupl commented 8 years ago

wow fun: http://two.js.org/examples/particle-sandbox.html?type=svg&shapes=circle&operations=scale,translation&count=16