Marco Bagni LostconversationInteractive, real-time, browser-based 3d graphics. Motion + Code

Interactive 3d experiences in real-time!

This interactive up here is my first render using WebGL canvas:
a 3d landscape with some interactive features like dragging, camera movement on button click and post-processing glitch.
Coded in Three.js.

My developer tools include so far Three.js, d3, CSS, jQuery, HTML5.
And here below is my lab with experiments and projects! Enjoy.

Mosaico Stellare

A Three.js experiment, fetching images from the Cassini NASA archive and displaying a spacey interactive environment. Images are clustered and infobox panels are being developed now.
It also features a colorful stop-motion like animation.

Check it Online

[unex_ce_button id="content_54tl44yxg,column_content_iy7s8pba2" button_text_color="#ffffff" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="right" button_text_spacing="2px" button_bg_color="#e6430a" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="4px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="https://worthknowing.org/mosaico/" button_link_type="url" button_link_target="_blank" has_container="" in_column="1"]Check it Online[/ce_button]

Finding Knowing Delight

Sarc:o new music album has a strong concept, and the process of discovery is the basis of this piece.
The full project consists of: album cover, animated trailer, and interactive website.

Online at iamsarco.com

Hi-Knowledge

Hi-Knowledge is a web portal dedicated to scientific data visualisation.
The idea is to offer an interactive navigation between several “nodes” of information, visualizing hierarchies and data in an engaging and interactive way.

Online at hi-knowledge.org/invasion-biology

New Berliners Names

This beta version shows a map of all the names given to newborn berliners in the years 2012-2016, divided by district. It does not represent actual births, because sometimes one child can have more than one name.

Idea and Development: Marco Bagni + Max Zimmermann

Beta version online at Konstruktivum.de

Finally interactive

Moving from motion to interactive... landing page.

Online here