WebGL questine 66 Responses

Last post: 1 year, 2 months ago | Thread started: Mar 6, 12, midnight

RespondNew TopicDisable Images

• Continuity

  So I've got a large-format banner job to do, promoting a microsite on which there's a transparent glass-like plane.

  My idea is to have this glass plane fly across the screen on a transparent div with the live site visible behind it ... however, I'd like that live site to look distorted as the glass passes over it.

  Possible using WebGL or not?

  Mar 6, 12, midnight – Permalink

• monNom

  I'm going to say no. AFAIK webgl needs to live within a canvas element, so unless you can re-render the website faithfully at full screen within the canvas, you might be out of luck. You could sub in a screenshot image, but you'd need to do it on a per-site basis, so potentially a headache.

  Is webgl that well supported these days?

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 6, 12, 12:09 a.m. – Permalink

• Continuity

  Thanks for the quick reply.

  I don't know that it is that well supported yet, but it would have been a cool way to experiment with the technology.

  • yep, less support but more marketing ;)– chrisRG

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 6, 12, 12:15 a.m. – Permalink

• chrisRG

  ^ Agree.
  And if you find a way you'd be limited to the last version of Chrome/Safari/FF, not even the iPad would support.

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 6, 12, 12:21 a.m. – Permalink

• animatedgif

  Would you like to see a banner like that?

  Nah you'd find it annoying wouldn't you.

  • <10 seconds? I think it'd be a neat thing to see.– Continuity1/4

    *less than* 10 seconds– Continuity2/4

    No... no it really wouldn't be.
    Banners are not the place for creativity, they're the place for shitting it out and paying the bills– animatedgif3/4

    bills $£$£$£$£$£$£$$£$£$£...– animatedgif4/4

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 6, 12, 2:12 a.m. – Permalink

• jadrian_uk

  no need of GL for this!!! do it with canvas, vector web graphics, ex: http://raphaeljs.com/

  • jadrian is right! no need for webGL 2d canvas would be better for the animation... not sure about the capture.– kingsteven1/2

    *no need for webGL (full stop) 2d canvas– kingsteven2/2

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 6, 12, 2:23 a.m. – Permalink

• chrisRG

  http://dev.sencha.com/deploy/css…

  • Not WebGL, but that's what everyone call html5!– chrisRG

  

  You must be logged in to add a note. Login now or register for an account.

  Cancel

  Dog-earMar 6, 12, 2:40 a.m. – Permalink