Superlevel

Artikel-Schlagworte: „html5“

Color — A Color Matching Game

Color

Schon gewusst? Farbe entsteht im menschlichen und tierischen Sehorgan als Farbvalenz, wenn ein Farbreiz, das ist Licht mit Wellenlängen zwischen 380 nm und 780 nm und mit spektraler Intensitätsverteilung die Zapfen entsprechend deren Wahrnehmungsspektrum erregt. ()

Mein Score nach dem ersten Versuch ist 8,7. Natürlich kann ich’s besser, will ich gerade aber nicht. Jeder mit wesentlich höherem Score muss geschummelt haben, bei wesentlich schlechterer Punktzahl verweise ich auf die untenstehende Grafik.

:)

cut-the-rope.html

Cut the Rope dürfte neben Angry Birds und Tiny Wings zu den populärsten Casual Games des vergangenen Jahres zählen. Besitzern von iOS-Geräten wurde es ziemlich schwer gemacht, nicht über das Physik-Puzzle zu stolpern. Ich persönlich fühle mich rasch unwohl, wenn mir Entwickler möglichst massenkompatible Niedlichkeiten auf die Linse werfen, womit ich keineswegs die Qualität des Spiels anzweifeln möchte. Man wusste was man tat und man tat es gut, keine Frage.

Deswegen hielt sich meine Freude in Grenzen, als kürzlich die HTML5-Umsetzung von Cut the Rope erschien, zumal es als Werbung für Microsofts Internet Explorer herhalten muss. Ungeachtet dessen finde ich die technische Umsetzung wirklich beeindruckend und ich bin mir ziemlich sicher, dass viele von euch ihren Spaß damit haben werden. Ein Wermutstropfen ist jedoch, dass nach dem 10. Level der Internet Explorer benötigt wird, um weiterspielen zu können. Das hinterlässt einen etwas bitteren Nachgeschmack, auch wenn ich die PR-Strategie dahinter durchaus anerkenne. So oder so: HTML5 ist weiter auf dem Vormarsch. Yay!

Diesen Beitrag weiterlesen »

Data:snake

Data:snake

Sehr geehrte Mitbürger/innen, verehrte “Internet”-Nutzer,

wie Ihnen möglicherweise bereits durch elektronische Mitteilungen unseres nigerianischen Einsatzleiters Prinz Olofi mitgeteilt wurde, sind seit wenigen Stunden vermehrt Fälle bösartigen “Internet”-Betrugs im Zusammenhang mit schädlichen Schriftstücken aufgefallen.

Die Sicherheitsexperten des Bundesbüros Superlevel raten strengstens davon ab, den Inhalt etwaiger Textfelder (wie dem im Folgenden zur Identifikation dargestellten) in die Adresszeile Ihres “Internet”-Browsers zu kopieren.

Wir weisen ausdrücklich darauf hin, dass sich die Auswirkungen bösartigen Codes wie diesem bislang nur schätzen lassen. Handeln Sie beim Kopieren fremder Texte daher stets überlegt und vorsichtig. Das “Internet” steht auf dem Spiel.

Hochachtungsvoll,

L. Snake
Head of Firewalls
Superlevel Security
Division “Internet” 12B

(via)

Sinuous

Die HTML5 Experimente von Hakim El Hattab sollten eigentlich jedem bekannt sein, der sich halbwegs für diese Materie interessiert. Das bereits knapp anderthalb Jahre alte Geschicklichkeitsspiel Sinuous kam mir dennoch erst jetzt vor die Flinte.

Mit der Maus steuert ihr einen türkisfarbenen Punkt durch einen nicht enden wollenden und immer schneller werdenden roten Meteoritenschwarm. Der darf dabei natürlich nicht berührt werden. Wer die zusätzlich vorbei fliegenden Spezialpunkte einsammelt, erhält besondere Fähigkeiten, die dieses schwierige Unterfangen etwas vereinfachen. Und wenn ich jetzt noch länger auf die Diagonalbewegung starre, könnt ihr mich entweder einweisen oder, aufgrund der Hypnosewirkung, Männchen machen lassen. Bei Level 7 mit 12.537 Punkten ist bei mir im Hirn übrigens Schluss. Ich vergebe 4 von 5 Drehwürmern an den Meistbietenden.

The Convergence

The Convergence nutzt das <canvas>-Tag in HTML5 und erfordert, wie die meisten Spiele, die ich in letzter Zeit verbloggt habe, eigentlich mehr als nur zwei Hirnlappen, um weiter als bis zum dritten Level zu kommen. Ziel ist es, Männlein und Weiblein wieder zusammenzubringen. Dabei agiert das jeweils andere Geschlecht genau spiegelverkehrt. Wie in einer echten Beziehung eben. Das Puzzle wurde übrigens mit Construct 2 umgesetzt. Ich vergebe vier von fünf Kondomen Küsschen.

(via)

boulderdash.js

javascript:rockford();

The Google Puzzle

Neues aus der Rubrik “Weltherrschaft”: Wie jeder weiß, ist der Suchmaschinenriese Google ein Meister darin, seine Produkte auf spielerische und innovative Art und Weise unters gemeine Volk zu bringen. Das kommt nicht nur gut an, sondern funktioniert auch noch. Das kürzlich veröffentlichte HTML5-Browsergame The Google Puzzle, entwickelt von Google Japan und SCRAP, schießt jede Menge Popups auf den Desktop, die miteinander interagieren und eine kleine Geschichte rund um ein entführtes “O” stricken. Es gilt, mit Hilfe diverser Google Dienste fünf Puzzles zu lösen, um am Ende mit einer schönen Animation belohnt zu werden.

Diesen Beitrag weiterlesen »

Make All The Things: Bottleship

Jeremy sagt: Wer mir auf Twitter folgt, der kam während der letzten Tage vermutlich kaum drumherum. Für alle Anderen: Das hier ist super, vor allem wenn ihr Pixelkunst mögt.

Diesen Beitrag weiterlesen »

EscapeBot

In dem während der 21. Ludum Dare Competition entstandenen Puzzle EscapeBot müsst ihr einem Roboter dabei helfen, den Ausgang zu finden. Dazu nutzt ihr die zur Verfügung stehenden Speicherslots und füttert diese mit Richtungsangaben. Klingt zunächst wie eine Aufgabe, die auch ein einbeiniger Affe mit Augenklappe im Gesicht und Banane in der rechten Hand lösen könnte. Doch mit weiterem Voranschreiten im Spiel reicht der Speicher bald nicht mehr aus und es muss teilweise rückwärts gedacht werden. Für jedes abgeschlossene Level erhaltet ihr Bares, das ihr wiederum in durchaus nützliche PowerUps investieren könnt. Die Idee ist freilich nicht neu, das Besondere an dieser Variante ist aber, dass sie komplett in HTML 5 geschrieben ist. Pling!

(via)

Infinite Mario in HTML5

Robert Kleffners Portierung von Infinite Mario auf HTML5 machte am Wochenende die Runde durchs Netz. Kein Grund, es hier unerwähnt zu lassen. Der Twist: Die Levels werden unendlich prozedural generiert. Der Algorithmus ist leider nicht allzu komplex, erwartet hier also keine Leveldesignwunder.

Javascriptmagier sollten sich den Quellcode hübsch und Paketgeschnürt bei Github runterschaufeln und forken und überhaupt. Das Original (in Java) stammt übrigens von Gottkaiser Minecraft-Entwickler Markus “Notch” Persson und kann hier gespielt werden.

1899 Steam & Spirit

1899 Steam & Spirit ist ein Point’n'Click-Adventure, das sich noch in der Entwicklung befindet und komplett in HTML und Javascript realisiert wird. Die erste von mehreren geplanten Episoden ist bereits spielbar und macht einen recht guten Eindruck.

“The game is set in late Victorian Age and tell the story of some “celebrities of the time” in the background of a espionage war between French and British empires. You will meet and use people like Winston Churchill, Wright Brothers, Guglielmo Marconi, …. characters who at the dawn of the twentieth century have changed the world.”

Allerdings ist noch unklar, ob das Projekt überhaupt beendet werden kann, denn die Entwickler stoßen bei ihrer Geldmittelsuche scheinbar auf taube Ohren. Wer also 5000 EUR unter dem Kopfkissen liegen hat und dem Pixel verfallen ist, wird von den Italienern bestimmt mit offenen Armen empfangen.

Diesen Beitrag weiterlesen »

Crajsh

Man nehme etwas Snake, ein bisschen Tron, HTML5 statt Flash und ein bis vier Arme beziehungsweise Einsamkeit oder maximal drei Freunde in unmittelbarer Nähe — viel Spaß mit Crajsh!

“Crajsh is actually a remake of CRASH, an old game from Digital Nightmare. When I was a child I used to play this game with my sisters. But the game would not run on today’s computers. So I made a remake to revive this gameplay. I added destructible patterns, powerups, smarter AI, ennemies views.”

Snake-Klone gehören nicht gerade zu den spannendsten Vertretern der digitalen Unterhaltung, aber dieses Exemplar wertet das angestaubte Prinzip mittels Power-Ups, Schuss- und Mehrspielerfunktion (Splitscreen) tatsächlich auf. Ohne Gesellschaft verliert das Spiel recht schnell seinen Reiz, aber mit 20 Fingern, Bierfützen und Kippenresten auf der Tastatur kommt Stimmung auf. Ich vergebe vier von fünf Freundschaftsarmbändern.

angry_birds.html

Achtung, wir unterbrechen die Sommerpause für eine wichtige Mitteilung. Ich muss gestehen, dass mich Angry Birds relativ kalt lässt, auch wenn ich die Gründe für den Erfolg durchaus nachvollziehen kann. Allerdings hat Entwickler Rovio besagtes Spiel nun als flashlose Kost ins Internetz gestellt und allein aus technischer Sicht finde ich das sehr beeindruckend. HTML5 ist weiter auf dem Vormarsch, yeah!

In Folge eines Deals mit Google wird parallel der Browser Chrome beworben, allerdings funktioniert die Webversion von Angry Birds auch im Firefox 4 und Internet Explorer 9. So oder so ein cleverer Schachzug des Suchmaschinengiganten (das wollte ich schon immer mal schreiben).

Wer sich mit einem älteren Browser herumschlagen muss, Performanceprobleme hat oder Aktien von Adobe sein Eigen nennt, darf sich natürlich auch mit der Flashvariante von Angry Birds vergnügen.

(via)

Marbleo.us

The World’s Biggest Pac-Man

Gelb ist das neue Schwarz! Auf The World’s Biggest Pac-Man können über Facebook eigene Labyrinthe erstellt und mit dem Rest der Welt geteilt werden. In mehr als 2.000 individuellen Irrgärten machen Blinky, Pinky, Inky und Clyde inzwischen Jagd auf den gelben Vielfraß — im Vergleich zum Original (256 Level) eine stattliche Summe. Bereits gespielte Varianten werden in einer übersichtlichen Map angezeigt, Statistiken veranschaulichen den Wachstum der Seite und das Spielverhalten der Besucher.

Diesen Beitrag weiterlesen »

Canvas Invaders

Eigentlich war es nur eine Frage der Zeit, bis eine Portierung auf den HTML5-Canvas-JavaScript-Kram auftaucht. Die eigentliche Site ist leider down, das ganze ist aber noch problemlos im Google Cache spielbar. Pfeiltasten und Leertaste. Go.

Kann mir mal jemand erklären, warum wir dort das UFO statt dem Taxi steuern?

(via)

Katamari Hack

Hach, Zukunft. Keine Woche vergeht, ohne mindestens einen coolen HTML5/JavaScript-Hack. Wer die Katamari-Reihe kennt, weiß bereits, was ihn hier erwartet.

Katamari Hack zaubert einen HTML-Elemente fressenden Ball auf beliebige Websites. Einfach den JavaScript-Schnipsel in die Adressleiste oder die Bookmarks hauen und der kurzweilige Spaß kann losgehen. Der Ball folgt bei gedrückter rechter Maustaste dem Cursor und verschlingt mit zunehmender größe auch größere Texte und Bilder.

Auf der Website steht auch, wie das ganze technisch realisiert wurde, und wer diesen wundervollen Unsinn verbrochen hat.

Zukunft!

Fractal Lab

Fractal Lab ist ein wirklich sehr, sehr beeindruckendes Spielzeug von Tom Beddard auf WebGL-Basis. Ohne jegliche Zusatzsoftware lassen sich damit in einem aktuellen Chrome (oder der Firefox 4 Beta) Fraktale interaktiv generieren und bereisen, darunter auch die 3D-Äquivalente wie die Mandelbulb/box etc.

Unter Windows ist das ganze noch ein bisschen sehr rechenaufwändig, da das intern von OpenGL auf DirectX-Kram umgemünzt werden muss, der Browser wirft hier auch eine Menge Warnungen von zu lange laufenen JavaScripts aus. Dennoch. Installiert euch Chrome und guckt euch das an, es lohnt sich. Vor allem wenn ihr auch so fasziniert von Fraktalen seid, wie ich. Grunz.

Für alle Feiglinge, hier ein Video:

Diesen Beitrag weiterlesen »

Agent 008 Ball

HTML5 Breakout

Auf der Startseite des russischen Designstudios “Just Be Nice” ist eine bemerkenswerte HTML5-Version des Arcade-Klassikers Breakout zu finden. Bemerkenswert, weil die horizontale Scrollbar der Browsers zum Schläger umfunktioniert wurde. Yeah! Aber seht selbst…

Flash vs. HTML5

Flash oder HTML5? Welche Technik ist besser, welche ist zukunftsträchtiger? Darüber wurde in den letzten Monaten lang genug diskutiert und wer nun gewinnt ist mir vollkommen egal. HTML5 ftw!!!!111

Die Jungs von Code Computerlove haben ihren eigenen Beitrag zur Diskussionen geleistet und einen Klon des Videospiels Pong erstellt, bei dem beide Techniken parallel eingesetzt werden. Die linke Spielhälfte wird in Flash dargestellt, die rechte in HTML5.

“The Flash Vs HTML5 debate has caused much discussion over the recent months and it certainly got us thinking here at Code. We believe the two technologies are not in competition and each have their purpose, but thought it might be amusing to actually put them in direct competition.”

Awesome.

Asteroids

Insert Coin!

Biolab Disaster

HTML5-Gaming at it’s best!

Diesen Beitrag weiterlesen »

Conway’s Game of Life in HTML 5

Conway's Game of Life in HTML 5

Joseph Mansfiel aka sixfoottallrabbit hat Conways Spiel des Lebens in HTML5 umgesetzt.

Beeindruckend.

“The Game of Life is a cellular automaton, which means that it consists of a grid of cells which can be in one of a finite number of states. Given any state, there are rules that govern what the next state of the grid will be.

Each cell in a grid can be either dead or alive. To find the next state of the grid, the following rules are observed:
Any living cell with 0 or 1 neighbours dies, as if by underpopulation
Any living cell with 4 or more neighbours dies, as if by overpopulation
Any living cell with 2 or 3 neighbours survives, yay
Any dead cell with 3 or more neighbours becomes alive, as if by reproduction”

Retromobil #2: HTML5

Herzlich willkommen im Retromobil #2. Die heutige Tour führt uns in die bisher noch nicht vollständig erschlossene Welt der Spiele implementiert in JavaScript/HTML5. Diese fantastische Technologie bringt bereits heute Spiele zutage, die jeden Retro-Fan erfreuen. Ich wünsche viel Vergnügen auf der Tour.

Diesen Beitrag weiterlesen »