|
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
(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.
|
|
|
|
|
Blütenzauber - Interaktive Spielerei mit HTML 5 (2014)
Klick und zieh die Maus über die Leinwand, um Blüten zu malen...
|
|
|
|
|
|
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...
|
|
|
|
|
|
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
|
|
|
|
|
|
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
|
|
|
|
|
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.
|
|
|
|
|
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.
|
|
|
|
|
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...
|
|
|
|
|
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 |
|
|
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
|
|
|
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
|
|
|
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
|
|
|
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
|
|
|
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
|
|
|
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
|
|
|
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
|
|
|
|
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
|
|
|
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
|
|
|
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
|
|
|
Eine
Schwungspule vermittelt das Gefühl von Geschwindigkeit.
Computer-Eingabegerät: Eine Schwungspule im Joystick beschreibt
die Beschleunigung für eine ComputerSimulation
|
|
>
doku
|
|
|
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
|
|
|
|
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
|
|
|
|
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
|
|
|
|
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
|
|
|
|
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 |
|
|
|
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 |

|
|
|
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 |
|
|
|
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 |
|
|
|
It`s never the same...
The
aim is, to generate sound/soundscapes and music that stays
interesting as long as possible.
|
|
>
demo
Shockwave-PlugIn |
|
|
|
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 |
|
|
|
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 |
|
|
|
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
|
 |
|
|
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 |
 |
|
|
|
|
>
Play Demo
> View Variables
Shockwave-PlugIn |
 |
|
|
|
|
>
Play Game
Shockwave-PlugIn
|
 |
|
|
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
|
 |
|
|
|
|
>
Demo
Shockwave-PlugIn
|
 |
|
|
|
|
>
Play Game
Shockwave-PlugIn
|
 |
|
|
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
|
 |
|
|
Gimmick
- Ein Soundspiel
Kein Kucken und klicken, nur Hören ...
No klicking; only listening:
An athmospheric Sound-Cocktail...
|
|
>
Demo
Shockwave-PlugIn
|
 |
|
|
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
|
 |
|
|
|
|
>
Play Game
Shockwave-PlugIn
|
 |
|
|
|
|
>
Play Game
Shockwave-PlugIn
|
 |
|
|
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
|
 |
|
|
|
|
>
Play Game
Shockwave-PlugIn
|
 |
|
|
OnineGame
- Schiebepuzzle (2001)
Ganz simpel zu spielen, aber schwer zu lösen;
Nichts für den normalen, ungeduldigen Online-Gamer
...
|
|
>
Play Game
Shockwave-PlugIn
|
 |
|
|
Gimmick
- Bälle
Ausprobieren...
Mit der Maus drin rumrühren und kucken was passiert.
|
|
>
Demo
Shockwave-PlugIn
|
 |
|
|
|
|
>
Play Game
Shockwave-PlugIn
|
 |
|
|
OnlineGame
- Moonlander (2001)
Auch ein Klassiker ...
Mit den Pfeiltasten Schub geben und die Landefähre
so auf Position bringen.
|
|
>
Play Game
Shockwave-PlugIn
|
 |
|
|
|
|
>
Play Game
Shockwave-PlugIn
|
 |
|
|
|
|
>
Play Game
Shockwave-PlugIn
|
 |
|
|
|
|
Kontakt:
p.gaedke@rasterball.de |
|
|
Philip
Gaedke
Billhorner Brückenstrasse 40
20539 Hamburg |
|
|
|
|
|
|
|