In any other context, you could safely pull off not preloading. But this example is just too ingrained into people's minds.
Star Wars opening crawl from 1977 in HTML/CSS/JS
11–20 of 68 posts
Re: Star Wars opening crawl from 1977 in HTML/CSS/JS
#12Gotta preload that audio. Even 100ms of lag between the logo showing up and the music starting is noticeable. Jarring even for (presumably) most of us, who have seen that opening crawl dozens, hundreds, or possibly for children of the 70s who went on to own laserdisc players in the 80s, thousands of times. In any other context, you could safely pull off not preloading. But this example is just too ingrained into peop…
Do you know any better ways to preload it?
Re: Star Wars opening crawl from 1977 in HTML/CSS/JS
#13One suggestion. Don't just create a standard for (monopoly) ECMA Script, instead - create a standard for a VM that other languages can compile bytecode to. Create an API in this VM for graphics, video, audio, ETC. This may be self defeating for these clowns, because JavaScript/CSS/HTML may be decimated in a decade if they actually did this, but hey... One can hope.
Once Google firmly owns the browser (like Microsoft in the 2000s) one of two things will happen. One they say to hell with the standards board and push real innovation and opportunity for developers to innovate. Two, they will sit and let it stagnate. Either way, the cycle is coming around again. Android will own the market in a big way soon. Big opportunity is on the horizon and I am getting my hopes up that there is a big shake up with "browser standards". End the monopoly of lame markup, styling, and scripting (HTML/CSS/JS) in the OS of the internet.
Re: Star Wars opening crawl from 1977 in HTML/CSS/JS
#14The logo maybe would be better with SVG, but I think that will not help anyways for the antialiasing.
Re: Star Wars opening crawl from 1977 in HTML/CSS/JS
#15I wish I could see it - seems busted on Chrome 29.0.1547.65 - Crunchbang Waldorf x64 Logo appears and fades out then nothing but music and blackness.
This sounds like 3D is turned off in your Chrome. Can you please check your settings chrome://flags. Maybe "GPU compositing on all pages" is turned off -> turn it on.
Re: Star Wars opening crawl from 1977 in HTML/CSS/JS
#16Ah my eyes, the aliasing. If anybody's interested why there's aliasing it's important to know how CSS transforms work. If you transform, the browser lifts the transformed rectangle into its own layer and renders its content to a texture. Then, later, it is composited with the page by blitting that texture with whatever transformation was applied. So CSS transforms are an application of texturing. And in texturing wha…
So what do you suggest I should change? Thanks in advance.
If you'd be doing WebGL you can do some things like using square power of two textures and enabling mipmapping and if available anisotropic filtering.
You can also do things like using signed distance field fonts or draw fonts by rasterizing (in the fragment shader) the bezier curves, which can be made to nicely anti-alias (using standard derivatives).
Re: Star Wars opening crawl from 1977 in HTML/CSS/JS
#17PS: telnet towel.blinkenlights.nl
Re: Star Wars opening crawl from 1977 in HTML/CSS/JS
#18Re: Star Wars opening crawl from 1977 in HTML/CSS/JS
#19Re: Star Wars opening crawl from 1977 in HTML/CSS/JS
#20Ah my eyes, the aliasing. If anybody's interested why there's aliasing it's important to know how CSS transforms work. If you transform, the browser lifts the transformed rectangle into its own layer and renders its content to a texture. Then, later, it is composited with the page by blitting that texture with whatever transformation was applied. So CSS transforms are an application of texturing. And in texturing wha…
So what do you suggest I should change? Thanks in advance.