Embed Size (px)
Citation preview
Stefan Wagner
@andsynchrony
andsynchrony.net
designandsystems.de
Let ‘em explore
we! designers, artists, storytellers…
users, the audience, …
…what?
Let ‘em explore
B.A. Communication Design, FH Würzburg M.A. Information Design
2007 2009 2011 2013
Flash, HTML, …
Level Design, 3d Art
AE Artist, Motion Design, Animation
Interaction, Creative Coding
The Basic Stuff
*
»Wow, interactive media is totally making a difference!!«*
How I came to explore…
connecting information design
to gamic elements.
Gamification
Game Layer
Embrace the content you got by
designing it the way it deserves.
Digital Media (in education, communication & information design)
GamesWhat is the relation?
What meaningful connections can be created?
Start Incentive Frustration EndREGULATED COURSE OF THE GAME
Won?
Lost?know-how / experience
++
know-how / experience
++
curiosityStart End
exploration
exploration
USING INTERACTIVE
CONTENT
message
know-how / experience
++
know-how / experience
++
»Generating Utopia«2013, part of master thesis
Can we read and calculate dreams, desire, wishes from data?
Can a utopia be created by a machine?
analysing the structure of social location data
Travel & Tranport
Nightlife Spot
Shop & Service
Outdoors & Recreation
College & University
HomeFood
Arts & Entertainment
Other
Professional & Other Places
recreation
productivity
transport
imagination…by allowing the user room to interpretate
exploration through
The technical side
!
» Processing with intense use of OpenGL features
» No custom 3d-modelling – everything is built with data
» Toxiclibs by Karsten Schmidt for 3d-Model Calculations
» Depth-of-field post-processing shader originally by Martin Upitis
Steinbeis Forschungszentrum “Design und Systeme”
Würzburg, Germany
Directed by Prof. Erich Schöls and Sebastian Gläser
www.designandsystems.de
»the institute«
Digital SpineClient: spontech AG
2012 by Design and Systems
Requirements:
!
» Explain how their software works
!
» Showcase their competence in 3d-scanning
of spines from 2d x-ray images
!
» Show why the use of their software leads
to better results in spine surgery
What we could have done
What we did:
!
» Rebuilt a human spine in Processing with full motion simulation
» Visualization that works as an eye catcher but is fully interactive as well
» Guide through the steps of the original software in a simplified way
» Let users do digital spine surgery with different implants
» Show how a treated spine is more movable again after surgery using the software (before / after)
the scanner
implant revolver
scientific interface mimicri
self-confidence…by making it easy for the user to deal with complex topics
exploration through
The technical side
!
» Processing with intense use of OpenGL features implemented by Andres Colubri
» custom-written x-ray shader for teh visualz
» Custom spine class that rigs and animates a human spine 3d model by reading medical data
» Thanks to GLmodel implementation, the spine is being rendered 3 times spanning 2 HD displays without affecting performance
Difflect2011, bachelor thesis
Enhance printed media by adding a digital layer
Create a meaningful connection between digital and print
Basic concept: the digital mirror
Extended PaperClient: coperion GmbH
2013 by Design and Systems
Cover = table of contents
Sensitive areas for triggering additional content
Move paper to the left
» product flow
Move paper to the right
» exploded view
The technical side
!
» openFrameworks with custom Metaio tracking implementation for full control over rendering and animation
» more than 25 markerless tracking targets, each one with its own 3d visualization
» realtime rendering and animation of CAD created content
play…by taking interaction beyond traditional input devices and techniques
exploration through
Stefan Wagner
@andsynchrony
andsynchrony.net
designandsystems.de
Thank you!
Let’s explore #FITC AM 14!
