Live data from Hacker News

Tao Tajima – WebGL and GreenSock Animation

taotajima.jp

41–50 of 64 posts

Re: Tao Tajima – WebGL and GreenSock Animation

#41

How long does this take for others to load? On my fairly high-spec computer it was nearly 30 seconds on the first load, with not much indication that something was loading besides the slim loading bar. Visually it looks pretty slick but I wonder if it's worth the tradeoff? Subsequent loads seem much faster, though.

[deleted]

Re: Tao Tajima – WebGL and GreenSock Animation

#42
post #39

Earlier quoted context omitted.

Well, show me a link then. We can still run it (not for long). I’m talking about hardware acceleration, antialias, no dropped frame and in sync with the monitor’s refresh rate. Even a simple CSS3 animation beats the shit out of Flash in this regard.

> I’m talking about hardware acceleration, antialias, no dropped frame and in sync with the monitor’s refresh rate. All supported by flash, I just told you about the possibility of coding your own shaders with a C like language where do you think these shaders were computed? > Well, show me a link then. We can still run it (not for long). You know damn well that most flash content has been retired from the web.

I was there at the time, making a living out of webdesign and Flash.

My jaw dropped when I saw webkit translate(). Not everyone notices but it makes all the difference to some.

>You know damn well that most flash content has been retired from the web.

I’m sure most of the impressive demos can still be dug out.

I understand it was possible to compute on the GPU with AS3, but the end result, rendered inside the plugin box of a browser never felt this fluid.

Re: Tao Tajima – WebGL and GreenSock Animation

#44
post #36

So many of these scroll animation fuckery sites are made so that they only work with a trackpad, and even then probably only a mac trackpad (where flicking etc. work well). Using a site like this with a mousewheel is near impossible.

Scrolljacking is a bad idea in general https://codepen.io/gunderson/pen/GJJPpV

Re: Tao Tajima – WebGL and GreenSock Animation

#45
post #36

So many of these scroll animation fuckery sites are made so that they only work with a trackpad, and even then probably only a mac trackpad (where flicking etc. work well). Using a site like this with a mousewheel is near impossible.

It works great for iPhone.

Re: Tao Tajima – WebGL and GreenSock Animation

#47
The point about animation tools like these is not that the specific effects matter but rather that the ability to animate even very complex things will allow you to greatly increase the usability things that used to be more or less impossible to do because it would require too much of a user.

Don't forget that the number one driver of something being intuitive is the removal of abstraction between the user and the result of their interaction. This is why the touch screen was the real paradigmshift when it came to improved usability because it removed the layer of abstraction between the user and what they wanted to manipulate.

Animation fills in this role too in that it allows for transitions to happen that makes you understand what it want you to do simply by ex. keeping on element on the screen but animating everything else out or by changing shape from one state to another. The fact that you experience this transition is what's really powerful and will be part of whatever next generation of UI paradigms we will see (ex. turning data into interactive elements as an example)

Re: Tao Tajima – WebGL and GreenSock Animation

#48

How long does this take for others to load? On my fairly high-spec computer it was nearly 30 seconds on the first load, with not much indication that something was loading besides the slim loading bar. Visually it looks pretty slick but I wonder if it's worth the tradeoff? Subsequent loads seem much faster, though.

Mobile here, first load about 5-7s on 4G. Not bad.

Re: Tao Tajima – WebGL and GreenSock Animation

#49

I get the type of customers that need this sort of site, it's artsy, unique and all, but to be honest this could be the poster child for "UX don'ts"

True,but I work in a UX role and for a moderate-to-large website, "good UX" means a basic responsive design with a logical information architecture and navigation that optimizes conversion (e.g. product purchases). Good UX is business-driven and businesses are often boring.

I'm not a huge fan of this particular design but I do appreciate the effort they put into showcasing GSAP's capabilities. The web could use more interactivity and motion. The death of Flash and rise of mobile-first design seems to have led to websites where the only thing moving is the text/image content that's displaced once the ads on the page finish loading.

Re: Tao Tajima – WebGL and GreenSock Animation

#50
post #26

Earlier quoted context omitted.

> Flash has never been this smooth. Yes it has. You could even create your own shaders/filters with a specialized language. Frankly it's great that things like that can be done with js/html but people did way more impressive things 15 years ago. I'm really not impressed at all, personally.

Well, show me a link then. We can still run it (not for long). I’m talking about hardware acceleration, antialias, no dropped frame and in sync with the monitor’s refresh rate. Even a simple CSS3 animation beats the shit out of Flash in this regard.

The later versions of Flash supported a Stage3D object, which was basically a Flash version of what you’d expect today from WebGL. It was hardware accelerated (with a software rendering fallback, if I remember correctly) and supported anti aliasing and shaders and all the things you’d expect. Performance was pretty wonderful. If you wrote things using this, you wouldn’t notice much of a performance difference for Flash.
Post reply on HN