Precies een week geleden heeft Peen en Ui zich voor het eerst aan de wereld gepresenteerd met o.a. het kaartenproject ‘U bevindt zich hier’. De druk bezochte avond in de garage van RAP Architectuurcentrum was een succes: een mengeling van mensen, mooie plannen en dito projecten. De ‘bedrijfsfilm’, foto’s en meer informatie over Peen en Ui en de wedstrijd van ‘U bevindt zich hier’ zijn te vinden op www.peenenui.nl.
Die avond werd ook een project van mij gepresenteerd: De Kaart van Leiden. Sanne Dresmé en Jos Agasi zitten achter het ontwerp en ik achter het programmeerwerk in Flex. De eerste versie staat nu online kaart.leiden.nu met daarin de uitagenda van Leiden en een hoop geschiedenisfeiten allemaal rondom de kaart van Leiden dus.
Op de avond hebben bezoekers samen een speciale centrumkaart van Leiden getekend. Met de vraag ‘Hoe bent u hier gekomen?’ ontstond een kleurrijk beeld van de routes die bezoekers hebben afgelegd die avond:
Als of mijn schema nog niet helemaal vol zat in augustus ben ik ook nog eens uitgenodigd voor het Adobe AIR Summer Camp. Precies tussen de opnamedagen van Het Lab door…. en de KRO heeft nog wel zo gezegd dat je die dagen moet gaan slapen… Ga ik zeker doen, maar dan wel in een kasteel in België omringt door mede programmeurs en guru’s. Hopelijk heb ik genoeg energie om een vette app neer te zetten want dat levert dan een reisje op naar Barcelona voor het Adobe MAX 2007 event in oktober :-) heeeeeeeeelp! ademhalen……. Laat ik eerst maar eens zorgen dat ik binnen twee dagen m’n huidige Flex projecten afrond zodat ik met een gerust hart naar Siggraph kan maandagochtend.
I finally managed to create a good Image Zoom Component with zooming, dragging, navigator and keyboard functionality. It’s build in Flex / ActionScript 3 and I think it’s a nice example of using the MVC (model view controller) pattern to prevent spaghetti code. The model doesn’t know anything about the size of the viewport and the image because that’s something only the view and the controller need to know. The model only knows the aspect ratio of the image and the viewport. When you want to zoom or move, you change the model and after that you update the view based on the values in the model. The model stores the position and size of the viewport in values between 0 and 1. This makes it very easy for the controller / view to scale it to the real size.
I also used the new ScrollRect feature and I like that thing a lot! Tip: Don’t use scaleX and scaleY to resize the large image because than you need to compensate the scale of the viewport. Resizing the image is done by changing its width and height.
I think there are still some things to be done. Depending on the shape of the viewport and image you might want to have the full image visible by adding empty space on the sides. But that’s some which should be easy to implement because of the clear MVC separation. Good luck if you try it and let me know! [rick /at/ companje /dot/ nl]
watch demo
view source
Wat zal er vanaf nu veel leuke software geschreven gaan worden nu het voor iedereen leuk en makkelijk is geworden om zelf desktop applicaties te schrijven. Ik heb het over Adobe’s Apollo. Ik heb er even een uurtje mee gespeeld en het is echt super krachtig maar ook super simpel! Probeer het!
Recentelijk heb ik samen met Ralph Kok in opdracht van Born05 een systeem ontwikkeld voor het creëren en bekijken van digitale magazines voor Frame Magazine.
Voor de ontwikkeling van Frame Digital is gekozen voor Adobe Flex 2.0. Met de back-end van Frame Digital wordt automatisch een drukwerk PDF ontleed waarna deze voorzien kan worden van interactie en meta-data. Dit geeft de bezoeker van de front-end de mogelijkheid foto-materiaal van hoge kwaliteit en teksten te zoeken en te verzamelen afkomstig uit de door hem of haar aangeschafte tijdschriften. Dit alles wordt gecombineerd met persoonlijke favorieten op het niveau van tijdschrift, pagina of afbeelding.
“Een Digitaal Magazine is een uitgelezen concept om FRAME nog beter op de internationale markt neer te zetten. Het bestaande drukbestand (PDF) wordt omgezet tot een online en interactief magazine.”
“Het Print Magazine van FRAME wordt met name gebruikt door designbureaus en studenten voor het ontwikkelen van moodboards (stijlschetsen)”
“Gebruikers kunnen foto’s knippen, plakken, printen, toevoegen aan favorieten en in slideshows plaatsen.”
“Voor de redactie van FRAME is een online Manager ontwikkeld, waarmee snel en eenvoudig interactie toegevoegd kan worden aan elk magazine. Iedere foto en spread kan van metadata worden voorzien, waardoor het mogelijk wordt om het zoeksysteem van de website te koppelen aan de inhoud van de magazines.” (www.born05.nl)
Bekijk hier de gratis preview van de Frame Digital
of meld je aan via framemag.com
Watch Frame come alive. Frame Digital is an exact copy of the print version of Frame magazine, but offers lots of extra features. Zoom, search and click to articles from the index. Bookmark and download your favourite pages and images. With a few simple mouse clicks, Frame Digital is easy to navigate and a pleasure to read. Preview the free demo now. (framemag.com)
Back-end screenshots
Magazines op een rij
Interactie toevoegen aan spreads
Meta-data toevoegen aan spreads
Misschien ziet Ricksmuseum er binnenkort ongeveer zo uit:
Ja joh die stress… Ik heb wat Flex en Flash klussen aangenomen… er moet immers geld binnenkomen voor eten enzo ;-). En eigenlijk zijn ze ook heel leuk en belangrijk.
En verder ben ik nog steeds uren per week bezig met Globe4D. We hebben een paper en video ingestuurd naar de ACM Multimedia 2006 conferentie in California. Heel erg benieuwd. Op www.globe4d.com staat een filmpje, maar dat is niet dezelfde die we ingestuurd hebben. Maar geeft je op zich wel een goed beeld.
Verder ben ik nog met een semester project bezig voor m’n studie. We maken een ‘Interactive Emerging Garden’ waarbij je je in een virtuele tuin (projectie) bevindt waar allemaal wezentjes/planten/dieren whatever zijn waar je interactie mee hebt. Die interactie is niet direct actie-reactie maar heeft een geschiedenis. Je wordt herkend door de wezentjes, die hebben dus bepaalde herinneringen aan je (of van de vorige keer dat je er was, maar ook van alle andere bezoekers). Ze zijn zelf-lerend en mogelijk nogal kritisch. Het emerging d’r aan is dus dat je op een gegeven moment de verbanden kwijt raakt. Het begint met simpele regeltjes maar het gedrag wordt hoe langer hoe complexer en onvoorspelbaarder, maar als het goed is wel heel verrassend…. Zoiets… dus…
Een ander ding waar nog een beetje tijd gaat zitten is het Making Art of Database vak dat ik heb gevolgd bij Joel Ryan. We schrijven op dit moment een paper over onze 3D-Morphogenesis die we gaan insturen naar Information Aesthetics… We hebben iets gedaan met op L-Systems gebaseerde vormen (boom-achtigen) die hun oorspronkelijke vorm krijgen door karakteristieken van omgevings-/en gegeneerde geluiden en daar vervolgens ook op bewegen (dans-achtig). Die bewegingen maken ook geluid en komen dus weer binnen bij het systeem, wat het cirkeltje weer rond maakt. Er ontstaat een interessante feedback-loop van geluidmakende vormen die op hun eigen geluid/bewegingen dansen en ook tegelijkertijd te beinvloeden zijn door geluid van buitenaf.
Pfoew… en dat is nog niet eens alles… Maar het is allemaal leuk en daar gaat t om :-)
Gisteren was ik trouwens naar V2 / Tentplaza in Rotterdam waar een tentoonstelling is over Electromagnetic bodies! Kunstwerken met als thema electromagnetisme. Super! Het duurt nog t/m zondag! Ga daar!
Vandaag hebben Daniel en ik de tussenresultaten van TravelTrace gepresenteerd!
TravelTrace is een Rich Internet Application die wij ontwikkelen in Flex 2.0a.
Dit is tot nu toe even wat ik er over wil zeggen:
- TravelTrace is behoorlijk cool aan het worden!
- Flex 2 rules (hoewel nog wel buggy, maar dat mag bij een alpha)
Wie nu al meer wil weten mag mailen of een berichtje achter laten. :-)
Reageer op dit bericht / Leave a message