Skytte (HTML5/Canvas)
SOTD
7.85

Site of the Day - Dec 21, 2013

Skytte (HTML5/Canvas)

  • Presenting Skytte: a classic, fast-paced horizontal shoot'em up developed in HTML5/Canvas and Vanilla JS!
  • Merix developed fairly simple particle generator to emulate flame coming from engine, explosions, fire and other blast effects.
  • Each game object is made out of rectangle (AABB) and polygon. Merix used easy to implement and efficient algorithm (known in geometry as "hyperplane separation theorem") to detect collisions between these objects.

Color Palette

This website uses a color
palette of 3 colors

  • HEX #000
    Aa
  • HEX #987654
    Aa
  • HEX #ECD06F
    Aa

Technologies & Tools

Description

The game was implemented using the Canvas element and a ton (literally!) of JavaScript. The idea was to explore new HTML5/Canvas capabilities that enable us to build an entirely new suite of interactive websites and applications.

SOTD / SCORE → 7.85/ 10

Design40%
Usability30%
Creativity20%
Content10%
7.46 / 10
8.04 / 10
8.26 / 10
8.05 / 10

Votes

  • Jury
  • Community Members
Design
Usability
Creativity
Content
Overall
  • Henry Daubrez
    Henry Daubrez from Belgium
    8
    8
    8
    8
    8.00
  • Troa
    Troa from France
    7
    8
    8
    7
    7.40
  • James Noble
    James Noble from Australia
    8
    8
    8
    8
    8.00
  • Valencia
    Valencia from Spain
    7
    8
    9
    8
    7.75
  • Stefano Scozzese
    Stefano Scozzese from Italy
    7
    7
    8
    8
    7.35
    •••
Design
Usability
Creativity
Content
Overall

DEV → 0/ 10

Technical
Semantics (Markup)
Testing
10.00 / 10
5.00 / 10
10.00 / 10

Votes

  • Jury
Technical
Semantics (Markup)
Testing
Overall

Collections

Explore more
great collections.

COLLECTION
UX/UI

Menu Inspiration

followed by
  • allen-oju
  • adil-shehzad
  • Matai Collectives
+2312
Hovers, Cursors and Cute Interactions
COLLECTION
UX/UI

Hovers, Cursors and Cute In...

followed by
  • lin-20
  • NineYu
  • adil-shehzad
+1350
Typography in Web Design
COLLECTION
Inspiration

Typography in Web Design

followed by
  • xiaofei
  • Megalena16
  • lin-20
+1311
Loading Animations
COLLECTION
UX/UI

Loading Animations

followed by
  • sylvia-hoang
  • lin-20
  • jackolyn
+1341
Transitions
COLLECTION
UX/UI

Transitions

followed by
  • thao-cao
  • murk1227
  • aizaz-ahmad-1
+1853
COLLECTION
UX/UI

404 Error Page

followed by
  • muiz anwaar
  • Evgeniy Kuzmin
  • thao-cao
+931
E-Commerce
COLLECTION
Inspiration

E-Commerce

followed by
  • phuoc-thanh-1
  • thanh-3
  • Valeria
+1431
CSS Animations
COLLECTION
Web Technology

CSS Animations

followed by
  • Denis Bakulin
  • lina-geng
  • Kate
+313
Awards
Inspiration
Academy
Directory
w.
awards SOTD
SOTD
Visit Site