Published on March 5, 2014
Let ‘em explore Stefan Wagner @andsynchrony andsynchrony.net designandsystems.de
we! designers, artists, storytellers… users, the audience, … …what? Let ‘em explore
How I came to explore… Level Design, 3d Art Flash, HTML, … AE Artist, Motion Design, Animation The Basic Stuff Interaction, Creative Coding * B.A. Communication Design, FH Würzburg 2007 2009 M.A. Information Design 2011 2013 * »Wow, interactive media is totally making a difference!!«
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) What is the relation? What meaningful connections can be created? Games
Won? know-how / experience ++ Start Incentive REGULATED COURSE OF THE GAME know-how / experience ++ Frustration End Lost?
exploration know-how / experience ++ curiosity Start USING INTERACTIVE CONTENT know-how / experience ++ exploration message End
»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 Tr a N ig ve l& Tr a np or ht Sh t lif e op Sp ot O & ut Se rv ic e do Co H om lle or s& ge Re & e Un tio n od Ar ts O & er sit y Pr of En th te iv cr ea Fo rta in er es m en t sio na l& O th er Pl ac es
recreation productivity transport
exploration through imagination …by allowing the user room to interpretate
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
»the institute« Steinbeis Forschungszentrum “Design und Systeme” Würzburg, Germany Directed by Prof. Erich Schöls and Sebastian Gläser www.designandsystems.de
Digital Spine Client: 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)
scientific interface mimicri
exploration through self-confidence …by making it easy for the user to deal with complex topics
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
Difflect 2011, bachelor thesis
Enhance printed media by adding a digital layer Create a meaningful connection between digital and print
Basic concept: the digital mirror
Extended Paper Client: 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
exploration through play …by taking interaction beyond traditional input devices and techniques
Thank you! Let’s explore #FITC AM 14! Stefan Wagner @andsynchrony andsynchrony.net designandsystems.de
For the last couple of years, Stefan Wagner has been working in the field of interactive exhibits, including installations and software that give the ...
Explore Tvd Originale, Tvd Damon, ... and Stephan's "Not bad" faces. ... let’s look at hot pictures of him ...
Loop is a digital, gamelike experience that lets the user explore, ... Stefan Wagner is an interaction and motion designer currently based in ...
ROCKET LEAGUE #001 Let's Play • PLAYLIST: ... Wer bereits die Autoball WM oder EM von Stefan Raab ... Rocket League; 2015; Explore in YouTube ...
Personal Open source Business Explore Sign up Sign in. Pricing Blog Support Search GitHub. Stefan Wagner. ... iTunesCaster 5 Lets you stream iTunes music ...
Explore Wikia Games ... Stefan and the man begin to fight and Stefan lets the man beat him up ... "The bottom line is that Elena and Stefan are the true ...
explore.ms requires enabled Secured Socket Layer(SSL) in your browser: To enable Secured Socket Layer(SSL) in your browser, complete these six steps:
"Let's Dance 2016" US-Wahl 2016: Kampf ums Weiße Haus; Der Fall Jan Böhmermann; ... Bei Lothar Matthäus sitzt die Mähne vor der EM 1984 in Frankreich ...
Das ist die Zeit! - EM 2012 Los Rockos. Das ist die Zeit! - Em 2012. 3:41 0,99 € ... Stephan Wagner Format MP3 MP3-Download