Philip Gaedke - Programmierung und Design

 

Online Apps mit HTML5 für Desktop und Mobilgeräte

 

Besondere Kentnisse: Javascript Grafik-Programmierung mit dem Canvas-Element, z.B. Spiele, Datenvisualisierung, interaktive & animierte Grafiken, Shop-Konfiguratoren, Multimedia.

 

Auftragsarbeiten: Ich freue mich immer über spannende und knifflige Projekte, an denen ich als Freelancer mitwirken kann.

 

Schulungen: Programmieren ist nicht schwer und macht Spaß!
Das neue HTML5 Canvas Element bieten beste Voraussetzungen, eigene Ergebnisse für alle Plattformen schnell und unkompliziert zu veröffentlichen.

 

 

Im folgenden ein Auflistung von Projekten; chronologisch sortiert.
Kommerzielle Arbeiten sind mit freien Projekten, Spielereien und studentischen Projekten gemischt.

   

Philip Gaedke

 

Philip Gaedke
(Dipl. Designer)

Billhorner Brückenstraße 40
20539 Hamburg

p.gaedke@rasterball.de
+49 (0)40 - 2486 1624

Ust-IdNr.: DE250194430

 

Online Tapeten Konfigurator (2015)

Fototapeten von der eigenen Bildvorlage gestalten und bestellen.

Ein Online-Shop und Planungswerkzeug für den individuellen Tapetenentwurf:

Eigenes Bild laden, Wandmaße einstellen, Bildausschnitt festlegen und Tapete bestellen.

 
image

 

Blütenzauber - Interaktive Spielerei mit HTML 5 (2014)

Klick und zieh die Maus über die Leinwand, um Blüten zu malen...

 

 

> zum Demo

HTML 5

image
 

 

Krumme Linien zeichnen - Spielerei mit HTML 5 (2014)

Perfekt gerade Linien mit dem Computer zu zeichnen, ist keine Kunst.
Spannend wird es, den Computer dazu zu bringen, krumme Linien zu zeichnen.

Klick und zieh die Maus über die Leinwand, um krumme Linien zu zeichnen...

 

 

> zum Demo

HTML 5

image
 

 

Qango - Prototyp für ein Online-Game (2014)

Gewinnen tut, wer zuerst 5 in einer Reihe hat, 4 im Quadrat oder 3 benachbarte Farbfelder.
Spiel für Zwei oder gegen den Computer.

In Auftrag von Klaus Burmester.
Spielidee, Computer-Intelligenz von Klaus Burmester

 

 

> zum Spiel

HTML 5 mobile

image
 

 

Kursangebot - Programmieren Lernen (2014)

Interaktive Grafiken mit Javascript (HTML5 - Canvas)

Programmieren zu lernen ist nicht schwer und macht außerdem Spaß. Die Kursteilnehmer erhalten einen spielerischen und wenig abstrakten Einstieg in die Welt der Variablen und Funktionen.

Javascript und das neue HTML5 Canvas Element bieten hier die besten Voraussetzungen, eigene Ergebnisse schnell und unkompliziert einer Öffentlichkeit zu präsentieren.

Komplette Kursbeschreibung als PDF

 

> PDF

HTML 5

image

 

Murmel - Online Game für`s Smartphone (2013)

Kippel Dein schlaues Telefon geschickt, damit die Kugel in das Loch rollt.

Kleines HTML5-Game für Smartphones, das die Lage-Sensoren des Gerätes benutzt. Mehrere Level mit verschiedenen Terrains und Schwierigkeitsgraden.

Funktioniert mit iPhones und Android-Phones, kann auch Offline genutzt werden.

 

> zum Game

HTML 5 mobile

image

 

Klütjenfelder Hafengrill - Catering (seit 2012)

Eine temporäre Imbissbude vom Feinsten, immer an besonderen Orten rund um den Hamburger Hafen und nur, wenn wir Lust haben ... ...rudimentär, aber lecker ... alles handwerklich, selbstgemacht und regional besorgt.

Ein Catering-Unternehmen von Philip Gaedke & Sven Goldmann.

 
image

 

Möbel aus Hafenholz Fundstücken (schon immer)

Aus alten Holzplanken, Brettern und Fundstücken bastel ich leidenschaftlich gerne rustikale Möbelstücke für drinnen und draußen.

Immer mal wieder ist auch das ein oder andere Objekt bei meinem Dawanda-Shop im Angebot. Kann auch in der sterilen Designer-Bude gut aussehen...

 
image

 

MARITIME CIRCLE LINE (seit 2008)

Seit März 2008 arbeite ich regelmäßig für ein Barkassen-Unternehmen im Hamburger Hafen.
Die Maritime Circle Line, der Barkassentörn mit Zwischenstopps, ist eine noch junge Unternehmung und erweitert das touristische Angebot in Hamburg.

Neben der Arbeit an Bord bin ich für Öffentlichkeitsarbeit verantwortlich, gestalte und aktualisiere den Internetauftritt und erstelle diverse Drucksachen.

  > zur Webseite
image

 

Tapete - Nach Maß gefertigt (seit 2007)

Seit Februar 2007 konzentriert sich meine Arbeit auf die graphische Programmierung und Gestaltung von Flächen.

Ich biete die Produktion individuell und auf Maß gestalteter Tapeten an.
Entweder als Auswahl meiner noch kleinen Kollektion oder in Zusammenarbeit mit Einrichtern und Architekten nach eigenen Ideen für Motive und Muster.

Die Aufbereitung von Druckdateien für große Flächen auf verschiedensten Materialen, bis hin zu digital bedruckten Fassadenelemten, ist meine Spezialität.

  > zur Webseite
image



Fassade BGU Frankfurt (Nov 06)

Im Rahmen der Umbau- und Erweiterungsmaßnahmen der Berufsgenossenschaftlichen Unfallklinik Frankfurt durch die Schmucker und Partner Planungsgesellschaft, werden die Glasfassaden mit digital bedruckten Motiven versehen werden.

  > Bilder
image



Fassade Käthe Kollwitz Schule Mannheim (Sept 06 - Okt 07)

Die Fassade eines Neubaus in Mannheim wird mit dem Kirschblütenmotiv dekoriert.
Der erste Bauabschnitt wurde im Herbst 2007 abgeschlossen.

  > Bilder
image



Dieses Projekt wurde nicht programmiert, sondern aus Holz und Pappe gebastelt.
Dafür ist es umso mehr interaktiv und fantasiereich bespielbar.

Austattung: Hauptbühne mit Vorhang und Balkon, Seitenbalkone, Eingang unten mit Fenstern, Vorhang, zwei Glocken, Beleuchtung in 5 Stufen zuschaltbar (12 Volt, 8 Glühlamen mit 1,2 - 4 Watt) , bis zu 20 verschiedene Kulissen und Kulissenteile gleichzeitig einsetzbar und beliebig zu ergänzen.

  > Bilder
image



Einfach Erfahren - Ein interaktiver Straßenatlas.

Entdecken Sie Deutschland in der "Bildschirmschoner-Pause".
Alle Autobahnen, Bundesstraßen und zahlreiche Nebenstraßen führen Sie zu rund 1.500 ausgewählten Orten. Steuern Sie selbst Ihr Wunschziel an oder lassen Sie sich einfach führen.

Veröffentlicht auf CD-Rom vom Wendel-Verlag. Aufgrund der umfangreichen Datenmenge nicht zum Download geeignet.

  > screens
image



Motive, Muster und Räume - Prozesse zur Gestaltung von Tapeten und Wänden.

Der Bildautomat ist eine Entwurfsumgebung zur Erstellung von Tapetenmustern und hoch aufgelösten Wandbildern.
Digitale Drucktechniken ermöglichen die Produktion individuell gestalteter Tapeten in Kleinst - und Einzelauflagen.
Prozesse und generative Systeme unterstützen den individuellen Entwurf von Mustern.

  > doku pdf
image



Interaktive Rauminstallation an der Bauhaus-Uni Weimar.

Eine scheinbar lebendige Struktur aus Käfern und Blumen wird auf die Bodenfläche projektiert.
Besucher, die das Bild durchschreiten, beeinflussen das System aus Bewegung und Gegenbewegung...

  > doku
image



Auf dem Federation Square in Melbourne (Australien) soll zum "Sustainable Living Festival" folgende Installation laufen:

Ein Livebild des Publikumsverkehrs wird als Kaleidoskop aufgefächert auf die Großbildleinwand projektiert. Jeder Besucher trägt bewußt oder unbewußt zur Gestaltung mit bei.

 

> demo

 

 

Shockwave-PlugIn

image



A study on the perception of letters in space; an attempt on understanding dyslexia.

Rotate and move the letters to get a feeling...

Inspired by Sally Pryor and her recent work on exploring writing and the human computer interface.

 

> demo

 

 

Shockwave-PlugIn


image



A digital Kaleidoscope; inspired by a visit to the workshop of the Scitech Discovery Centre Perth.

Choose different source images and animate the pattern...

  > demo

 

 

Shockwave-PlugIn


image



Eine Schwungspule vermittelt das Gefühl von Geschwindigkeit.

Computer-Eingabegerät: Eine Schwungspule im Joystick beschreibt die Beschleunigung für eine ComputerSimulation

  > doku
image


VJ-Tool_- Bild Rhythmus (Jul 03)

Gedanken zum Thema VJ:
Mixen von Videos und Live-Bildern in Echtzeit.

Die Reihung von bewegten Bildern auf einer zeitlichen und einer räumlichen Achse.

Screen Rhythm: The sequence of animiated pictures on a time-based axis and an axis in space allows a complex representation of rhythm.
A VJ-Tool was developed to mix such sequences in real time or to build them up in several layers.
  > szenario
> screenshot
image

 


Verschiedene Werke Piet Mondrians werden mit Lingo nachkonstruiert.

Nach festgelegten Algorithmen werden die einzelnen Elemente der Bilder immer wieder neu zusammengefügt. Jede Komposition ist einzigartig, aber der Charakter des Bildes ändert sich nicht.


Different paintings by Piet Mondrian are reconstructed using lingo. Each composition is singular, but the character of the paintings does not change.

  > 3 demos

 

 

Shockwave-PlugIn


image
 

 


Der Tapeten-Entwurf "Domdodow" besteht aus 16 verschieden Bahnen, die beliebig miteinander kombiniert werden.
Es gibt keine Wiederholung der Muster, sondern lediglich wiederkehrende Themen-Elemte als rhythmische Gliederung in der Horizontalen...


Individual Wallpapar Design: 16 different lenghts of wallpapers can be freely combined. There is no repeat in the patterns, but the recurring of elements gives a rhythmical structure.
A special designed software generates these patterns using different template images.

  > doku
> thumbs
image
 

 


OnlineGame - NKL Schneeballschlacht (Jan 03)

Je einfacher das Prinzip, desto besser:
Die Tiere erscheinen an unterschiedlichen Stellen und müssen mit der Maus abgeschossen werden (wie bei Moorhuhn).
Eine Partie dauert 60 Sekunden und macht Spaß.


Snowball fight: The simpler, the better; hit the animals by clicking the mouse. Scroll left and right with arrow keys...
  > Play Game

 

 

Shockwave-PlugIn


image

 


Lauscherlebnis: St.Pauli Elbanleger
Eine Endlos-Schleife mit den typischen Klängen der Hamburger Waterkant...


If you think it`s boring, then let it run and think something else.

Also on: www.soundtoys.net

  > demo

 

 

Shockwave-PlugIn

image

 


3D-Screensaver - FreiFlug 2003(Feb 03)

Einfach nur dahin gleiten...

Ein kleiner und unkomplizierter Flugsimulator:
Die Maus im Fenster steuert den Flug;
keine Mausbewegung aktiviert den Autopiloten.


A simple flight-simulator; just for the fun of flying.
Move the mouse to control the flight or let the autopilot take over.

  > Fly Demo
> Download Screensaver

 

 

Shockwave-PlugIn

image

 


Gimmick - Periodic Rhythm (Mar 03)

Lotka-Volterra Model: Predator-Prey Dynamics


Simulation von Populationsschwankungen trotz konstanter Bedingungen nach Volterra: Verhältnis von Räuber- und Beutepopulation.
Diese Funktion automatisiert ein grundlegendes Prinzip: Der stete Wechsel aus kommen und gehen, hoch und tief, in und out, glücklich und traurig.

Also on: www.soundtoys.net

  > demo

 

 

Shockwave-PlugIn

image

 


Entwurf für eine kleine Anwendung, mit der ein eigener Rhythmus zusammengebastelt wird.


Idea for a small application to create your own rhythm.

  > demo

 

 

Shockwave-PlugIn

image

 


It`s never the same...

The aim is, to generate sound/soundscapes and music that stays interesting as long as possible.

  > demo

 

 

Shockwave-PlugIn

image

 


A simple to use software, to build and design urban and topographical structures within a 3D environment.
Publish your own models on the internet or use the lingo-code to change models and integrate them into your own director projects.
Should also be helpful to get familiar with the
new 3D programming in Director 8.5.

  > demo model
> info
> screen
> ext. Link
> Download
image

 


 

Screensaver - Movieschoner (Feb 02)

Ein interaktiver und intelligenter Bildschirmschoner für einen Filmverleih (TobisStudioCanal)...
Einmal auf der Festplatte installiert, aktualisiert er sich selbstständig zu jedem neuen Filmstart.
Interessanter wären natürlich tagesaktuelle Informationen, wie Fernsehprogramm, Titelseiten von Tageszeitungen/Zeitschriften oder...?.


Intelligent screensaver that updates automaticly.

  > Info
> Screens
image

 



OnlineGame - Iduna Hausbau (2001)

Die Anweisungen der Bauarbeiter ersetzen die übliche Bedienungsanleitung und die kleine Geschichte beginnt ...
...bis das Haus fertig gebaut ist.


Online-Game: Follow the instructions by the builders and help constructing your own house.

  > Play Game

 

 

Shockwave-PlugIn



image

 


 

OnlineGame - Rasterball (2001)

Rasterball wird von zwei Spielern gegeneinander an demselben Rechner und an einer Tastatur gespielt...
Kleine Werbespots können integriert werden und feiern den Sieger einer jeden Partie.


Rasterball is played by two on the same computer and keyboard.
It is a matter of fact, that it is allways more enjoyable to play against a human, than playing against computer-intelligence or only for the fact of scoring.

  > Play Game
> Info

 

 

Shockwave-PlugIn

image

 


 

OnlineGame - Ufo Attacks (2001)

Ufos abballern ...

Shoot Ufos ...

  > Play Demo
> View Variables

 

 

Shockwave-PlugIn

image

 


 

OnlineGame - Schiffe Versenken (2001)

Schiffe Versenken für Single Player ...


Battleships for single player ... very atmospheric

  > Play Game

 

 

Shockwave-PlugIn


image

 



OnlineGame - Mission Tinte (2001)

Weltraum-Baller-Spiel für einen Schreibstift (Core-Rotring);
Zielgruppe 10-17 jährige ...


Space Attack Game advertising a writing pen;
target group schoolkids

  > Play Game

 

 

Shockwave-PlugIn



image

 


 

Gimmick - Lachen

Lachen steckt an...


Ha,ha, ---

  > Demo

 

 

Shockwave-PlugIn



image

 


 

OnlineGame - Tetris (2001)

Vorlage war die Version vom Gameboy ...

  > Play Game

 

 

Shockwave-PlugIn



image

 



OnlineGame - NKL Formel 1 (2001)

Ein Autorennen ...
Steuerung über Tastatur und Maus


Formula 1 racing game...
Use mouse and arrow keys to steer the your car

  > Play Game

 

 

Shockwave-PlugIn



image

 


 

Gimmick - Ein Soundspiel

Kein Kucken und klicken, nur Hören ...

No klicking; only listening:
An athmospheric Sound-Cocktail...

  > Demo

 

 

Shockwave-PlugIn


image

 



OnlineGame - NKL Tour de France (Mai 02)

Im Windschatten der anderen Fahrer schnell ins Ziel gelangen ...
Bequeme und einfache Steuerung nur über die Maus

Uncomplicated and comfortable to play only by moving the mouse...

  > Play Game

 

 

Shockwave-PlugIn



image

 



OnlineGame - NKL Fahertraining Formel1(Juni 02)

Es geht um gute Rundenzeiten ...
Bequeme Steuerung nur über die Maus.

Uncomplicated and comfortable to play only by moving the mouse...

  > Play Game

 

 

Shockwave-PlugIn



image

 



OnlineGame - NKL Down Under (April 02)

Ein ungewöhliches Spiel, aber so ganz niedlich ...

  > Play Game

 

 

Shockwave-PlugIn



image

 


 

OnlineGame - NKL Mückenjagd (2001)

Ein Online-Spiel auch für Blinde.
Eine akkustische Menüführung ergänzt das graphische Interface...

Online Game also to be played by blind people.
The navigation is supported by an audible menu...

  > Try accustic interface and play game

 

Shockwave-PlugIn



image

 


 

OnineGame - Slot Machine (2001)

Einarmiger Bandit im Internet...

  > Play Game

 

 

Shockwave-PlugIn



image

 


 

OnineGame - Schiebepuzzle (2001)

Ganz simpel zu spielen, aber schwer zu lösen;
Nichts für den normalen, ungeduldigen Online-Gamer ...

  > Play Game

 

 

Shockwave-PlugIn



image

 


 

Gimmick - Bälle

Ausprobieren...

Mit der Maus drin rumrühren und kucken was passiert.

  > Demo

 

 

Shockwave-PlugIn



image

 



OnlineGame - Pacman (2001)

Pacman quadratisch...

  > Play Game

 

 

Shockwave-PlugIn



image

 



OnlineGame - Moonlander (2001)

Auch ein Klassiker ...

Mit den Pfeiltasten Schub geben und die Landefähre so auf Position bringen.

  > Play Game

 

 

Shockwave-PlugIn



image

 



OnlineGame - Deutschlandtour (2001)

Ein Fahrradrennspiel zur Deutschlandtour 2001.
Es wird das gesamte Team (4 Fahrer) gesteuert.

  > Play Game

 

 

Shockwave-PlugIn



image

 



OnlineGame - NKL Millionen Labyrinth (2000)

Die Kugel durch das Holz-Labyrinth steuern ...
Der Kasten wird über die Mausposition gekippt.

  > Play Game

 

 

Shockwave-PlugIn



image

 


 

 


 


Kontakt: p.gaedke@rasterball.de
    Philip Gaedke
Billhorner Brückenstrasse 40
20539 Hamburg