senäh

17senäh und so…

WebGL Thumb

HTML/CSS/JS
17. Mrz 2012
Kommentare: 5

Make some (Perlin) Noise!

Kategorien: HTML/CSS/JS | 17. Mrz 2012 | Kommentare: 5

Prozedurale Synthese. Habt ihr schon einmal davon gehört? Darüber wollte ich ursprünglich mal meine Bachelorarbeit schreiben. Prozedurale Synthese bedeutet, dass Daten (Grafiken, Musik oder was auch immer) durch einen speziellen Algorithmus generiert werden. Das heißt, dass euer Computer bestimmte Inhalte generiert und ihr als Programmierer könnt diese Inhalte beeinflussen. Je nach Daten/Inhalte, die generiert werden sollen, funktioniert das unterschiedlich gut/einfach. So gibt es noch kein Computerprogramm, welches euch einen Beststeller-Roman entwirft. Aber es gibt andere ziemlich beeindruckende Dinge, die ihr damit tun könnt. Ihr könnt euch zum Beispiel eure eigene Welt generieren lassen! Glaubt ihr nicht? In dieser Serie erfahrt ihr, wie es geht! :P Weiterlesen →

HTML5 Logo Thumbnail 2

HTML/CSS/JS
08. Dez 2011
Kommentare: 0

HTML5 Canvas Präsentation revamped

Kategorien: HTML/CSS/JS | 08. Dez 2011 | Kommentare: 0

Ich hatte vor einer Weile ja schon einmal eine Präsi über Canvas online gestellt, aber es hat sich so ergeben, dass ich diese noch einmal überarbeiten musste. Sie ist jetzt etwas übersichtlicher und vielleicht hilft sie ja dem ein oder anderen weiter.

Folgende Fragen beantworte ich in der Präsi:

  • Was ist Canvas?
  • Wie verwende ich Canvas?
  • Konkret: Wie zeichne ich Linie, Pfade, Kreise, Bilder, etc.
  • Wie erstelle ich Sprite Sheet Animationen?
Aber Achtung! Die Präsi ist eher an Beginner gerichtet. Ich erkläre keine komplexen Optimierungsmöglichkeiten, Tools oder nützliche Bibliotheken. Vielleicht kommt das wann anders noch einmal ;)
HTML5 Canvas Präsentation

HTML5 Canvas Präsentation

HTML5 Logo Thumbnail 2

HTML/CSS/JS
03. Nov 2011
Kommentare: 1

HTML5 Canvas Präsentation

Kategorien: HTML/CSS/JS | 03. Nov 2011 | Kommentare: 1

In diesem Semester muss ich eine Präsentation über das neue HTML5 Element Canvas halten. Ich dachte mir, dass es für den ein oder anderen vielleicht nützlich sein könnte, wenn ich die Präsentation online stelle. Für mich macht es auf jeden Fall Sinn, wenn ihr dabei noch Fehler oder Verbesserungsmöglichkeiten entdeckt, die ihr mir mitteilt ;)

Achtung: Eine neuere Version findet ihr hier!

Hier findet ihr die Präsentation.

 

HTML5 Canvas Präsentation

HTML5 Canvas Präsentation

CanvasTileCreator Thumb 140x93

HTML/CSS/JS
01. Nov 2011
Kommentare: 0

Fancy Kacheleffekt für Bilder: Canvas sei dank!

Kategorien: HTML/CSS/JS | 01. Nov 2011 | Kommentare: 0

Heute mal wieder ein kleines jQuery Plugin! Dieses Mal zerlege ich ein Canvas-Element in viele kleine Kacheln, welche einzeln animiert werden können. So sieht das Ganze am Ende aus:

CanvasTileCreator

CanvasTileCreator

In Bewegung ist der Effekt natürlich beeindruckender. Einen Link zu einem Live-Beispiel findet ihr am Ende des Artikels ;)

Weiterlesen →

HTML/CSS/JS
21. Jul 2011
Kommentare: 2

HTML5: Kleiner Performancetest mit dem Canvas-Element

Kategorien: HTML/CSS/JS | 21. Jul 2011 | Kommentare: 2

Willkommen zum #HTML5ExperimentDesTages! ;) Nach der kleinen Fingerübung gestern mit der Canvas-API wollte ich heute einen kleinen Performancetest machen. Am Ende der Übung war es aber gar nicht mehr die Performance, die für mich interessant war, sondern die Verwendung von JavaScript für den Test. Bisher bin ich mit AS3 eine klassenbasierte objektorientierte Programmierung gewohnt, was bei JavaScript in der Form nicht möglich ist. Durch JavaScript habe ich erfahren, dass man auch ohne Klassen objektorientiert programmieren kann. Weiterlesen →

HTML/CSS/JS
20. Jul 2011
Kommentare: 0

HTML5: Zeichnen auf dem Canvas

Kategorien: HTML/CSS/JS | 20. Jul 2011 | Kommentare: 0

Am Montag erst angekündigt, folgt heute der erste kleine Code-Snippet zum Thema HTML5. Für mich als Videospielentwickler ist das neue Canvas-Element natürlich am interessantesten. Hier habe einfach die wichtigsten APIs ausprobiert und in kleinen Beispielen zusammengetragen. Darum rede ich jetzt auch gar nicht länger um den heißen Brei herum. Hier die Beispiele: Weiterlesen →