Proof-of-Concept – Super Mario in 14kB Javascript
Wer kennt ihn nicht, den guten alten Super Mario, Nintendos wohl bekannteste Videospiel-Figur. Jacob Seidelin hat als einen Proof-of-Concept dem kleinen Klempner mithilfe von JavaScript neues Leben eingehaucht.
Das Besondere an seiner Implementierung ist, dass sämtliche Grafiken zur Laufzeit gerendert werden. Dabei wird ein Großteil des ersten Levels durch eine gerade einmal 14kB große JS-Datei realisiert.
Here’s an experiment in keeping things small and confined to one Javascript file. There are no external image files or anything, everything is rendered with Javascript using either canvas elements or old fashioned div-making tactics (for IE). The sprites are stored in custom encoded strings in a format that only allows 4 colors for each sprite but in turn only takes up around 40-60 bytes per sprite.
Selbst der (etwas eintönige) Sound des Spiels stammt nicht etwa aus einer externen Musik-Datei. Er ist bereits Base64-Kodiert in der JS-Datei enthalten. Das finde ich wirklich sehr gut gelöst.
aSounds = [
// very small, very simple mario theme. Sequenced by Mike Martel."data:audio/mid;base64,TVRoZAAAAAYAAQAEAMBNVHJrAAAAGQD/
UQMFe3EA/1gEBAIYCAD/WQIAAAD/LwBNVHJrAAABqwD/AwRCYXNzAP8gAQAAsAdh
AMAjhgCQJGGCHoAkQAeQK1qCB5AwXAeAK0CBUZApVQSAMECCJJAwWQmAKUCCD5ApVwG
Wer das Spiel einmal selbst ausprobieren möchte, der findet die Variante mit Ton auf dieser Seite. Viel Spaß dabei!
(via Nerdcore)
Links:
Super Mario in 14kB Javascript – nihilogic
