» HTMLTexture (EX9.Texture)
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more.

HTMLTexture (EX9.Texture)

thanks to MESO for sponsoring and CEF and Chromium for doing the hard work, it's finally possible to render web content (HTML, Flash, WebGL, etc.) directly into a texture using one of the two new nodes:

HTMLTexture (EX9.Texture String)
HTMLTexture (EX9.Texture URL)

as there's no window involved at all in the rendering process this is also known as offscreen rendering. and, probably the best feature, the generated texture contains an alpha channel. so for example setting no background color on the <body> element of your HTML content will result in a completely transparent texture.

the new possibilities are of course endless:

  • build your own fancy 3d webbrowser
  • integrate web services directly into your application
  • generate content by using all the expressional power of HTML and JavaScript
  • or in combination with the new XML nodes patch a WYSIWYG editor or whatever nonsense you can come up with :)

the nodes are fully spreadable, so for example feed it with a spread of urls you last visited, add some scale/translate magic and voila, you patched the welcome screen like we know it from firefox or chrome.

with the key and mouse inputs you can redirect user input wherever it needs to go, so you could display several websites at once, but redirect user input to only one of them.

for more advanced usage scenarios use the JavaScript input pin in combination with the Execute pin. they allow you to run custom JavaScript code on the displayed web site.

if you want to test these new nodes download the latest alpha build of vvvv including the addonpack.

Flash demo

WebGL demo

support for WebGL is highly experimental and whether it works or not highly depends on system configuration and the actual WebGL example.
Elias, Thursday, Aug 30th 2012 Digg | Tweet | Delicious 16 comments  
lasal 30/08/2012 - 20:28


u7angel 30/08/2012 - 22:09

yippieh !!! finally

metrowave 31/08/2012 - 05:55

This is big.

jzzxh 31/08/2012 - 10:50

big bang.

everyoneishappy 31/08/2012 - 15:17


m9dfukc 01/09/2012 - 07:11

very nice ;)

u7angel 01/09/2012 - 13:45

sooo good, its working now..

efe 01/09/2012 - 18:29

wow, this is huge

colorsound 06/09/2012 - 15:26

great ¡¡

hrovac 06/09/2012 - 20:55

yeah! finally! .gif in my vvvv, no?

everyoneishappy 07/09/2012 - 01:00

Just got around to having a play, super super nice :)

mandatory annoying feature creep question:
will there be any chance of pulling out JavaScript variables in the future?

Elias 09/09/2012 - 17:22

yes there will.

everyoneishappy 09/09/2012 - 23:31

That's great to hear, thanks.

m4d 09/09/2012 - 23:34

hooray for feature creep \o/
nothing like opening a can of worms..

jens.a.e 10/09/2012 - 09:09

sweet my a... Thx for the hard work!

fibo 09/10/2012 - 21:06

should be nice to have it in beta branch, to renew vvvv-patches contribution tutorial

  • 1

anonymous user login


~24h ago

guest: @Luper, you'll probably need to make the PhongDirectional etc node have one of the pins → NoTexture, and then voilà!

~2d ago

Luper: hey guy, just reinstalled VVVV and text(DX11.Geometry) not working, any idea why?

~3d ago

joreg: Reminder: Show us what you're patching on: #vvvv meetup tomorrow, Tue, Feb 23, 8pm CET: 8.-worldwide-meetup

~7d ago

vux: Hey all, we now in Berlin with @idwyr, say if you want to catch up :)

~10d ago

joreg: @mediadog got it thanks!

~10d ago

mediadog: @joreg Sorry, thought is was obvious from the path: Documentation -> Learning -> Tutorials -> IOBoxes

~10d ago

joreg: @mediadog pls tell us where you found the broken link so we can fix it..