Touch Screen App: Mercedes-AMG Engine

An example of the combination of photo-realistic 3D renderings with integrated graphic and text elements in real time.

These types of apps are designed for local use e.g. for terminals in exhibitions. Since bandwidth does not matter, all views can be pre-rendered and saved for a complete rotation of the object. In combination with the 3D capabilities of HTML5 / CSS3, any content can then be correctly overlaid in perspective. For this purpose, the data of the virtual camera of the 3D program are transferred in CSS3 styles.

Date2018-02-14
Category3D Visualization
Screen Design
ToolsMaxon Cinema 4D
Adobe Dreamweaver
ClientMercedes-AMG
Technique 3D Rendering, HTML5/CSS3, JavaScript
Note Since the video on the left is a screen recording, it does not run smoothly in all sections.