Wer  mir etwas schreiben will: geks email
gek's DOF-View gek's dofview

dofview ('depth of field' - view)

Eine kleine Javascript Applikation zur Visualisierung der Tiefenschärfe beim Fotografieren.
Mit den gewählten Einstellungen wird der Schärfebereich bei gegebener Blende und Brennweite "on the fly" berechnet und visualisiert. Gezeigt wird auch der Bildwinkel sodass man in diesem "virtuellen Fotostudio" auch die Shootings bis zu einem gewissen Grad vorbereiten kann, zumal Ihr auch weiter Models so wie Zubehör ins Studio laden könnt.
gek's DOF-View gek's beziercurve editor for javascript canvas

bezier curve editor

Das trockene erstellen von Bezier-Kurven für die html5 canvas ist mühsam und oft ein mehrfaches "try and fail", bis einmal das herauskommt, was man haben will.
Da ich für ein anderes Projekt Bezier Kurven intensiv einsetze, habe ich mit einen kleinen Editor geschrieben, den ich Euch auch zur Verfügung stelle - vielleicht kann ihn ja jemand gebrauchen und erspart sich damit ein bisschen Zeit..
Mit dieser Javascript Applikation könnt Ihr aus der/den erstellten Kurven eine Javascript - Funktion erstellen, die die Kurve auf einen canvas Kontext  an der übergebenen Positiion mit der gewünschten Skallierung zeichnet.
Ihr könnt ein Hintergrundbild laden, um das ihr beispielsweise die Kurven zeichnen könnt (Vorlage). Bearbeitungsfarben und Transparenz könnt ihr einstellen wenn diese mit dem Hintergrundbild kollidieren.

Bei sehr vielen Bezier- und Kontrollpunkten wird es oft schwierig noch die eigentliche Form zu erkennen.
Aus diesem Grund habe ich einen "silent-handle" Modus eingebaut. "handles" sind die "Angreifer" mit denen ihr die Kurve definiert. Ist "silent-handle" aktiviert, werden die handles hervorgehoben, über die grade die Maus fährt..

Ach ja: beim Erstellen der Funktion wird auch als Remark ein String erzeugt, mit dem Ihr die Figur wieder in den Editor laden könnt.
(best use browser: chrome, opera, safari  - dann firefox. IE macht mal wieder was ganz anderes draus).