Playground

Shot_1283840301

19 Responses

  1. Dave Shea Dave Shea

    Been cranking through the revisions of PaintbrushJS over the last week or two. This is the new demo page I built to separate out the filters and apply only one at a time to speed things up, plus I wrote about 300 lines of script to allow for manual adjustment via range inputs. (May as well go full in on HTML5 and CSS3 on this one, given that it's a canvas project)

    One thing I wanted to point out was the hovers on the thumbnails. Go check the site in a WebKit browser and click around on those. That's my best argument for how CSS3 transitions should be used. With subtlety, restraint, and quick timing functions.

    likes

    over 3 years ago

  2. Luke Dorny Luke Dorny

    0.2s for the prowess.
    Wonderful job, sir.

    over 3 years ago

  3. Luke Dorny Luke Dorny

    And another thing, yer a madman and a genius. Wonderful stuff.

    over 3 years ago

  4. Viktor Engborg Viktor Engborg

    This is fantastic!

    over 3 years ago

  5. Nikh Nikh

    That is amazing. Good work :)

    over 3 years ago

  6. J.R. Patten J.R. Patten

    Everything about this is fantastic. PaintbrushJS is unbelievable, and I'm slack-jawed watching it do its thing. It's almost like magic.

    One thing about the demo page itself is the sliders seem a little unresponsive, probably because it takes a lot of computing power to create awesome out of thin air like that.

    I'm completely ignorant about how you're already doing things (save for a cursory grep), but it seems that background processing via web workers might be really useful for something like PaintbrushJS.

    And once more for the record: Paintbrush is totally, totally awesome. Thanks!

    likes

    over 3 years ago

  7. Jesse Gardner Jesse Gardner

    Dave, this is really innovative. I'm really psyched about coming up with neat ways to integrate it into my site redesign.

    over 3 years ago

  8. Jason Sims Jason Sims

    Looks awesome. Great presentation, functionality getting there.

    over 3 years ago

  9. Ahmed Chergaoui Ahmed Chergaoui

    Nice! Someone stop me from thinking of all possibilities this can offer!

    ** edit **
    what's killing me, is the simplicity of usage :)
    kudos!

    ** edit 2 **
    maybe it's just me , but the demos in the archive don't seem to be working..

    over 3 years ago

  10. Faruk Ateş Faruk Ateş

    Beautiful and awesome. :-)

    Re: the playground JS itself: if I get around to it, I'm gonna try and make the event handler for updating filter settings work based on mouseup instead of onchange, or use a delay at least, so that it doesn’t bog down when you drag the slider or click a couple of times in short succession.

    (of course, anyone else who feels like spending a bit of time doing JS optimization should feel free to beat me to it)

    over 3 years ago

  11. Dave Shea Dave Shea

    Thanks all!

    @J. R. Pattern @Faruk -- the sliders are probably a bit on the deceptive side, since the filters require so much CPU/GPU power. (It's not clear to me which browsers currently handle canvas' pixel manipulation on the GPU). If there were a better input control I'd use it. I do like Faruk's idea of making the change on mouseup instead, and J. R.'s suggestion of moving processing to web workers is already something that's on my to-do list.

    @Ahmed -- which demos in the archive? URL, perhaps?

    over 3 years ago

  12. Ahmed Chergaoui Ahmed Chergaoui

    Oh yes, sorry... I downloaded this archive & tried the demos inside... but doesn't work

    over 3 years ago

  13. Kevin Tamura Kevin Tamura

    This is just wonderful.

    over 3 years ago

  14. Dave Shea Dave Shea

    @Ahmed - that tells me you're running Firefox or Chrome. Second to last known issue explains it: http://wiki.github.com/mezzoblue/PaintbrushJS/known-issues

    over 3 years ago

  15. Ahmed Chergaoui Ahmed Chergaoui

    my bad, I didn't check the known issues
    Now I get it! thanks :)

    over 3 years ago

  16. Cameron Moll Cameron Moll

    This is insane, Dave. Totally have plans to use it.

    And your remarks about the hovers/CSS3 transitions? Couldn't agree more.

    likes

    over 3 years ago

  17. Nathan Barry Nathan Barry

    Excellent work! I am excited to see how these ideas are integrated with content management systems for dynamic effects on user uploaded content.

    over 3 years ago

  18. Dave Shea Dave Shea

    Just as a follow-up, I fixed some of the slowdown last night. Should be pretty darn quick. Still buggy in Firefox though, and don't bother checking on mobile devices.

    over 3 years ago

  19. Ismael Burciaga Ismael Burciaga

    WOW this is awesome. I will also find a good way to use this plugin :)

    over 3 years ago

keyboard shortcuts: previous shot next shot L or F like