Ninja Style!

This is the 8k JavaScript intro Ninja Style! [pouet]

Go fullscreen (press F11), and select one of the versions below:

Screenshots

screen01 screen02 screen03 screen04 screen05 screen06 screen07 screen08 screen09 screen10 screen11 screen12

Video

In case you're unable to watch the demo, or if you get low frame rates, you can always check out the video:

Soundtrack

References

The name "Ninja Style!" refers both to the ease at which the GPU pulls off real time ray tracing and the music that is a remake of a C64 tune from the game The Last Ninja from 1987 by Ben Daglish.

The C64 shader in the beginning & end and the font are also related to the C64, on which the game was a huge hit back in the days.

Compatibility

This demo has been tested on several machines in different browsers.

An important note: Windows users may have to configure their browser to use native OpenGL instead of DirectX/Angle!

Ninja Style has been tested on:

MachineOSGPUBrowsersWorks?Comment
Custom i7-3930K workstationUbuntu 14.04GeForce GTX 760Firefox, Chrome, OperaYes
Mac MiniOS X 10.9.5Intel HD 4000Firefox, Chrome, OperaYesNo animation in Safari (missing performance.now()?)
Lenevo Thinkpad E335Windows 8.1Radeon HD 7340FirefoxYesForce native OpenGL. Chrome hangs with --use-gl=desktop
Lenevo Thinkpad E335Ubuntu 14.04Radeon HD 7340Firefox, ChromeYesRequires proprietary drivers (fglrx).
LG G2Android 4.4.2Adreno 330FirefoxYesSlow... Pinch-zoom for acceptable frame rates. Chrome & Opera can't play the data URI music.