/scrollie.js

A demoscene-ish sinus scroller for HTML 5 canvas written in JavaScript.

Primary LanguageJavaScript

scrollie.js - HTML 5/JS Sinus Scroller

This demo was written as an exercise in JavaScript to learn the language and experiment with the perfomance of Canvas. It should run pretty quickly on recent browsers and smartphones.

CodePen demo available here!

Beware: some pretty rotten image loading code in here.

Credits

  • The demo makes use of a requestAnimationFrame() polyfill courtesy of Paul Irish.
  • The frames-per-second counter was adapted from code originally by Sam Lancashire.
  • The background graphics are originally from the video game Pokémon Ruby.
  • The bitmap font (called 'Angels') was taken from Flashtro.com's collection of fonts.
  • The smiley face icon's author is unknown, although thousands of similar images around the Internet exist - it's known as The Awesome Face!