3D filter preview

Hey people, it's been a while.

I made a cool bookmarklet that let's you watch a filter in 3D on it's own page. It uses WebGL so you need a browser like Chrome.

Just go to http://ffpreview.sjeiti.com/, drag the link to your bookmarks bar, go to a filter page and press the bookmark.

It's a start, I'll be expanding it with more features. Just watch this thread.

I don't think so, I have v11.0.696.71 as well. Can you run any of the WebGL examples at Three.js? (which is what I used to create the preview) It could also be that your graphics card doesn't support WebGL.

Oh... hold on... I totally forgot (did that months ago): you have to initialize Chrome with extra parameters to enable WebGL, so call: chrome.exe --use-gl=desktop.

...and it will look like this:

You just changed the way I look for filters forever.

Woah! Just found it!
Congratulations!!
Soday maybe FF team could implement this funcion directly on the website

Quote
softhunterdevil wrote: cant preview this filter http://filterforge.com/filters/9572.html whats the problem ?

Same here for the mentioned filter.
I'm using Firefox 4, btw.

This is really nice!

...and just a small screenshot of the new flat view:

sjeiti,

i can use firefox and i've got the ffpreview thing set up, but i get a message when i click on a filter and hit the ffpreview of: Firefox 4 (iOS: about:config => webgl.mochitest_native_gl=true) . what the heck is that? what is "iOS" and where do i find it and the same with "about:config =>"??

and is there a firefox 4? when i hit the update firefox, it gives me a message to update to 3.5.4 version. so, i'm a bit confused here.

Quote
Kraellin wrote: and is there a firefox 4?

There's a Firefox 5.0 beta already
Btw, I'd recommend you backup your current Firefox installation before upgrading to Firefox 4 or 5beta: Mozilla have introduced a pack of doubtful features and removed some of the needed ones.

Quote
Kraellin wrote: what the heck is that

Well, if you type 'about:config' in your Firefox adress bar you get a whole lotta options you can set. Just look for the stuff starting with 'webgl'. Btw, I didn't actually see an option called 'webgl.mochitest_native_gl' but I figured it was an iOS thingy (I'm on pc and too lazy to check it on the Mac I have )

Quote
Vladimir Golovin wrote: We tried to implement a similar feature

This was build with Three.js, they did all the hard work (although I did see some of my code back in the sphere primitive which was ported from Papervision3D).

I could send you the code if you want. Or you could wait a while. For one the Three.js library is not finished (for instance: WebGL texture repetition was only implemented yesterday, but doesn't work for the normal shader yet (it does for the phong shader that is used for the simple textures)). And I want to extend it a bit with lighting- and texture controls.

Awesome stuff Sjeiti......

Craig if you use Firefox4 you can type the "about:config" in the web addy bar...Then you will be asked about some warranty blah blah..Just click OK or Next to get to the window with a lot of text........At the very bottom of that screen you will find the adjustments to make.....I got the same thing you did but here are my new settings for this to work....