MA Project - Linus Rupp - Design Research - Knowledge Visualization
____unseen
city____
[ Immersive Scientific Visualization of future City Scenarios in the Browser ]
An invitation to collaborate on a 3D story!
prototype!_________please scroll down_________if animation is stuck please refresh_________sorry no mobile layout yet
MA Project - Linus Rupp - Design Research - Knowledge Visualization
____unseen
city____
[ Immersive Scientific Visualization of future City Scenarios in the Browser ]
An invitation to collaborate on a 3D story!
Hi!
I am Linus, and this is a template for telling visual stories with 3d directly in the browser.
It was put together during my research within the M.A. Knowledge Visualization at ZHdK Zürich.
I am sharing this with you as an invitation to collaborate - on content, development or research.
The idea is to create a story about a future city scenario until May 2023.
Most of all, I want to exite you for this way of presenting 3d spaces in web articles, while being open to content and cooperation.
motivation
With accessibilty in mind, I am focusing on an interactive reading format:
An article augmented with scientific and artistic visualisations in 3d, approachable for online journalism, but allowing to be extended with interaction.
to make this format approachable, open tools are used and explored for possibilites. A documentation shows how to work with 3D in the browser, to enable individuals and small or large institutions alike to work with 3d in a context of interdisciplinary research communication.
I see this format as a great bridge between text-based and possible virtual knowledge cultures, accessible to all common (and mobile) browsers, based on the open building blocks of highly interactive web expieriences like browser-games or metaverses.
what the prototype can do
three.js extends to interactivity known from metaverse-type web-apps or browser games. Examples are 3d drawing and annotations, free movement or tools for moving scene-objects.
Even open tools exist for the browser which allow for cooperation in production.
The camera movement here f.e. is designed in a browser tool that can be turned on for the readers to animate themselves.
To go further, I think it is best to focus an ongoing project or a need to tell a specific story. And have this content to inspire the direction in which animation and interaction will be developed.
I would love to hear your thoughts about this.
____cooperation
ideas____
I would like to focus on this format as a freelancer after my studies, so I have a big interest in how it can function within the day-to-day of online communication. My written thesis is concerned with the design- and technological aspects. I would like to add the operational aspect into my research, f.e. work together on how this format can be integrated into larger cms systems or specific collaborative workflows.
Webdevelopment:
-classic webdev, ui design, dynamic loading of 3d content.
-shader programming for 3d paint effects.
-optimizing performance with WebGL, webworkers, webassembly, data-streaming
-going further with interactions and game mechanics from three.js or moving to r3f
3d Modeling:
-mesh optimiziation of photogrammetry
-low poly / detail compromise
-general modelling with PBR material, UV unwrapping, baking shadows
-3d sketching with z-brush, greasepencil, penzil.app
Writing:
an utopian drift? carfree cities, unused, repurposed, temporary, abandoned spaces?
understanding the interdisciplinary process of city planning?
open!
It seems in some cases 3D visualization is much more effective in showing relations and processes over other methods. An the combination with 2D Datavisualization is also possible. Also, to relate city engineering with city history f.e. would feed great into a discussion of utopian ideas of city planning.
Summary
I like to use and adapt public domain or creative commons material and used some in the scene you have seen:
more background and an outlook