vis4.net | Visual Interaction Development in Flash, HTML5 and Processing
I recently had the problem to store a flash animation into a video file. I first tried some tools I found in the net, but they all run into problems because my flash movie doesn't integrate the MovieClip timeline. Tools like swf2avi are stopping the conversion after the first ...
Polygons play a major role in a lot of visualization applications. Beside of the possibility of drawing polygons, there is neither an explicit presentation of polygon data nor are common polygon operations supported in ActionScript. As far as I know there is no simple solution available that solves the following geometrical problems for simple 2D polygons, so I wrote one.
Today I'm going to demonstrate a simple geospation visualization in flash. Therefore I used a scalable vector graphic of germany which contains individual shapes for every district. and labeled them to the specific district id used by lots of datasets. The common source for data about germany is the ...
View Simple Geospatial Visualizations – German Population Density
In Anlehnung an das Einführungsbeispiel aus Ben Fry's schönem Buch Visualizing Data habe ich gerade eine kleine Visualisierung der deutschen Postleitzahlen gebastelt. Sobald der Flashfilm den Keyboardfokus hat, kann eine Postleitzahl eingegeben werden. Der zugehörige Bereich färbt sich rot. Als Datenquelle wurde die OpenGeoDB eingesetzt. Update: Mit der Taste ...
Ein Problem bei der (automatischen) Erzeugung von Liniendiagrammen liegt in der Auswahl von unterscheidbaren Farben. In diesem Artikel wird ein Ansatz entwickelt, der dieses Problem lösen soll. Ausgangspunkt ist zunächst der RGB-Farbraum. Um verschiedene Farben zu erzeugen, können einfach zufällige Farben aus dem RGB-Raum ausgewählt werden. Die folgende Darstellung zeigt eine ...
View Ansatz zur automatischen Auswahl von Linienfarben in Diagrammen
Easing-Funktionen werden verwendet, um sanftere Bewegungsabläufe in Tweens zu erzeugen[1. siehe auch http://www.robertpenner.com/easing/]. Die Funktionen berechnen in Abhängigkeit von der verstrichenen Zeit t, dem Startwert s, der gewünschten Wertänderung c und der Gesamtdauer der Animation d einen neuen Wert für den Ort eines Objektes. Natürlich können Easing-Funktionen auch für ...
Nach fast 4 Monaten Arbeit habe ich nun endlich meine Studienarbeit fertiggestellt. An unserer Fakultät haben Studienarbeiten denselben Wert wie eine Bachelor Thesis. Der Titel lautet: Darstellung und Vergleich ausgewählter Software-Frameworks zur Entwicklung reichhaltiger Internetanwendungen mit Fokus auf grafische Benutzerschnittstellen In der Arbeit ...
Ich kann einfach nicht anders, als mich hier aufzuregen. Schreibt doch Microsoft tatsächlich auf die Silverlight-Startseite: Silverlight helps you create rich web applications that run on Mac OS, Windows, and Linux. [caption id="attachment_427" align="aligncenter" width="567" caption="Das will uns Microsoft weismachen..."]...
Nachdem ich im letzten Eintrag meine JavaScript-Definition für LaTeX-Listings veröffentlicht habe, sollen nun auch die restlichen, in meiner Studienarbeit verwendeten Sprachen nicht fehlen. HTML5 \lstdefinelanguage{HTML5} {morekeywords={a, abbr, address, area, article, aside, audio, b, base, bb, bdo, blockquote, body, br, button, canvas, caption, cite, code, col, colgroup, command, datagrid, datalist, ...
Nur für den Fall, dass das noch jemand irgendwann mal braucht ;-) Mit der folgenden LaTeX-Anweisung kann man für per Listings eingebundene Quelltexte die Sprache JavaScript hinzufügen:
Vor ein paar Tagen habe ich die neue Buchfunktion in der Wikipedia entdeckt. Sie ermöglicht das Zusammenstellen von Wikipedia-Artikeln zu Büchern, die man dann direkt als PDF herunterladen kann. Ich bin auf das Feature aufmerksam geworden, weil jetzt neben jedem Artikel der Link "PDF-Version" steht. Nachdem ich mir jetzt ...
Kürzlich stand ich bei einer Visualisierung vor folgendem Problem: Welche Textfarben kann man noch gut auf einem weißen Hintergrund erkennen und welche nicht? Ich erinnere mich noch eine brute-force-Lösung, die ich vor einigen Jahren bei einem ähnlichen Problem gewählt hatte: Nimm die Farbe und mische sie mit schwarz!
View Lesbarkeitsschwellen von farbigem Text – Vergleich zwischen HSL- und HSB-Farbmodell
Ein gewaltiges Problem bei Usability von Flashanwendungen ist die Überschreibung der Keyboard-Shortcuts des Browsers. Hat eine Flashanwendung einmal den Fokus (den bekommt sie zum Beispiel, wenn man in den Film klickt), so werden erstmal alle Tastatureingaben von Flashplayer abgefangen. Besonders schlimm wirkt sich dieser Effekt bei Einstellungen aus, die man nicht mehr mit der Maus zurücksetzen kann.
View Flashanwendungen benutzerfreundlich in HTML-Seiten einbetten
Die folgenden Visualisierungen sollen die Farbräume HSV, HSI, HSL und HSB veranschaulichen. Dazu wurden jeweils 48 Farbkreise mit unterschiedlicher Sättigung und Farbwert/Helligkeit/Intensität/Leuchtdichte auf einer Fläche angeordnet. Die Sättigung fällt von oben nach unten hin, Farbwert/Helligkeit/Intensität fallen hingegen von links nach rechts. Bei den Darstellungen handelt es sich um Flashfilme, ...
Here is a small actionscript3 class for converting colors between different color spaces like RGB, HSV, HSL and HSB. You can input and output the colors either as integer or string value or as serperated color components (e.g. hue, saturation and lightness). The class has no other dependencies. API /* * ...
I wrote a small actionscript class that allows you to convert colors from different color spaces like RGB, HSV or HSL. You can output and input colors either by giving the single components or as integer or hexadicimal values. -You can download the class here: PerceptualColor.as (10,4 kB). Feel ...
PerceptualColor ist eine ActionScript3-Klasse, die zwischen den Farbräumen RGB, HSV, HSL und HSI umrechnen kann. RGB-Farben können dabei sowohl als Integer (zb. 0xFF0000), Hexadezimalzahl (z.B. "#FF0000") oder komponentenweise (R: 255, G:0, B:0) ein- und ausgegeben werden. Die Klasse hat keine weiteren Vorraussetzungen und läuft ab Flashplayer 9.
FolioGrid - a Premium Wordpress Theme by FrogsThemes.com