Tags
CanvasReflection, JavaScript, Canvas, Dragonfly, ImageFlow, CSS, GitHub, Git, JavaScriptObject, Rare Exports, Christmas, YouTube, CINEMA 4D, C.O.F.F.E.E., iPhone, iPod Touch, SketchUp, VVVV, Fun, TYPO3, Kunst, Studium, YouFlow, Highslide JS, Game, Portal, Phone, Sweden, Interest, PHP, ASP.NET, RSS, Feuerwerk, Unterwegs, Hardware, Design, Vimeo, Code, 3D, TED, Web, Refactoring, Simulation, Flüssigkeiten, Maya, Joost, TV, Inspiration, Musik, Search, Nostalgie, Spielkram, Physik, Google, Microsoft, Photosynth, Demoscene, Farbrausch, Processing
Datum
Oktober 2010
Juni 2010
März 2010
Januar 2010
Dezember 2009
August 2009
Juli 2009
Mai 2009
April 2009
März 2009
Februar 2009
Dezember 2008
November 2008
Oktober 2008
September 2008
August 2008
April 2008
März 2008
Februar 2008
Januar 2008
Dezember 2007
November 2007
Oktober 2007
September 2007
August 2007
Juli 2007
Juni 2007
Mai 2007
März 2007
ImageFlow, JavaScript, PHP von Finn Rudolph
Nach einigen Benchmarks zur JavaScript Performance von aktuellen Browsern und vor allem nach einigen Performance Tests mit Opera hat sich die Render Engine der Browser als Flaschenhals herausgestellt. Alle Browser versuchen die Qualität der in den Abmessungen geänderten Bilder durch Interpolation zu verbessern. Diese Filter sind ziemlich rechenintensiv und je nachdem wie stark sie auf die Bilder angewandt werden (oder wie gut diese Filter programmiert sind) senkt es die Leistung von ImageFlow.
Um diesen Effekt in Grenzen zu halten, aber trotzdem viele Bilder (>100) mit ImageFlow darstellen zu können habe ich eine Fokus Funktion implementiert. Es werden nur die Bilder dargestellt - und somit vom Browser optimiert -, welche im Fokus des Betrachters liegen. Damit das bei vielen Bildern nicht unübersichtlich wird und vor allem noch benutzerfreundlich bleibt, gibt es dazu einen Scrollbalken.
