Web GL
category: code [glöplog]
So, where is the first WebGL intro? Can't believe it's taking so long :) :)
I want a javascript compressor/mentoizer, and spread 4k intros all over the blogs of the internet instead of crappy youtube videos or links to obscure sites and zip files.
Who's gonna be the first to make a WebGLRayMarcher? GUYS??
I want a javascript compressor/mentoizer, and spread 4k intros all over the blogs of the internet instead of crappy youtube videos or links to obscure sites and zip files.
Who's gonna be the first to make a WebGLRayMarcher? GUYS??
is it already usable and stable?
I think the biggest showstopper is WebGL being still under development :). But why not, getting FF 3.7 as I type.
Firefox 3.7a1pre (Minefield) has out-of-box support for WebGL it needs to be enabled from about:config, search for webgl and change webgl.enabled_for_all_sites to true. Afterwards, you have WebGL :).
it needs direct framebuffer support. right now it's composited by the browser with software rendering..
so it's pretty slow in big resolutions.
so it's pretty slow in big resolutions.
seems to work, yes (Win32 XP SP3)
Btw, there is already a port of a 4k intro : https://cvs.khronos.org/svn/repos/registry/trunk/public/webgl/sdk/demos/google/san-angeles/index.html
I will port some of the kinderintros to see how it feels coding for web.
Btw, there is already a port of a 4k intro : https://cvs.khronos.org/svn/repos/registry/trunk/public/webgl/sdk/demos/google/san-angeles/index.html
I will port some of the kinderintros to see how it feels coding for web.
I wouldn't trust an alpha version called "minefield" very much...
first time i hear about it BUT it is great news no more flash and its weird AS that changes almost with every version or so \o/
Quote:
I want a javascript compressor/mentoizer, and spread 4k intros all over the blogs of the internet instead of crappy youtube videos or links to obscure sites and zip files.
Me too! =)
Also, first time I hear about it as well... curiously I was searching for hardware accelerated 3d gfx for browsers, apparently I was searching in the wrong place. I thought that I could use silverlight or a Java applet to somehow bind opengl/directx functions... but this is much better. Ill take a closer look to it.
A few weeks ago I heard about flaws in WebGL that allowed to BSOD any Windows machine. I hope these are addressed in this public draft.
I would really like to contribute to this conversation, but I promised Gargaj not to contribute to this site anymore (being this the exception).
Is there any API documentation around?
Is it base on OpenGL 3.0? ES 1.1? 2.0? Whatever's available?
Is it base on OpenGL 3.0? ES 1.1? 2.0? Whatever's available?
JavaScript & HTML do not have their Crinkler, yet. Although all the minifiers, packers and refactoring tools available you really need to get your hands dirty if you want to make a decent intro using open web standards.
I looked a bit at the port of San Angeles and got the code around 5KB
I looked a bit at the port of San Angeles and got the code around 5KB
Cool :) i have san andreas working (latest webkit nightly build on osx), but chocolux doesn't work. I have a radeon 2400 here, slow but I'm pretty sure it's ps3.0 compliant. Any clues?
On a slightly tangential note, it's been possible to do similar (well, hardware accelerated 3d) stuff for a while using quartz composer + safari on osx. Problem there is it's only supported in safari/osx. If you happen to have that combination, there's a pixel shader mandelbrot explorer i made yesterday here: http://kineme.net/files/Mandelbrot.qtz
On a slightly tangential note, it's been possible to do similar (well, hardware accelerated 3d) stuff for a while using quartz composer + safari on osx. Problem there is it's only supported in safari/osx. If you happen to have that combination, there's a pixel shader mandelbrot explorer i made yesterday here: http://kineme.net/files/Mandelbrot.qtz
Firefox 3.7a1pre Nightly Build as well, Chocolux doesn't run but San Angeles Observation is golden.
same here.
p01, what do you know about (synthetized) sound in js?
p01, what do you know about (synthetized) sound in js?
iq: I made a little research today and JavaScript can play wave files on an audio-enabled browser so, I think we only need to figure out a way to stream the sound and we can just insert the headers and play it as if it was a WAV file. I think at that point it depends on JavaScript's definition of a "file". Is it a bytestream (as in C++ fstream which is an iostream which is istream / ostream…) or is it otherwise.
I know that I managed to make a proof of concept soft synth with envelope, multiple oscillators, LFO & delay, ... 3.5 years ago by generating WAVE PCM files as data: URI. Doing something like:
Code:
Today, more browsers support, to some extent, HTML5 Audio but not all of them support WAVE PCM, and generating an OGG in JS is kinda out of question.
var audio = new Audio();
audio.onload = function(){ this.play(); }
audio.src = 'data:audio/wave,'+ generateAwesomeTune();
In addition to p01, I also experimented with bgsound (for IE) and embed (for Firefox et al.), and I think if a separate file with the extension .wav is used and it sends the WAV headers after setting the mime type to WAVE PCM via JavaScript, it looks like it would work. So far, I managed to play sounds using these at the background when I get back home I will experiment with the generated .wav files which are in fact JavaScript files with a faux-mime.
p01: Can't you put uncompressed audio in an OGG stream?
Doom: Haven't tried that. Anyway for now there's no single format supported by all 3 browsers ( Opera, Firefox, Webkit ) that support HTML5 Audio.
Nutman and I released a JS sound experiment at TRSAC using the audio tag and generated samples. You can check it out at http://www.irishq.dk/throwback.html (should work in FF 3.5 and Mac versions of Safari). Given more time to optimize code and data, and applying runtime decompression we could probably have gotten it down under 4KB.
