Ashin Mandal

3D Web Interfaces Documentation, Ashin Mandal

Introduction

Following is the documentation of my work and exercises for the courses Three-dimensional Web Interfaces WS 2013. We started off in the course experimenting with CSS3, and then moved on to WebGL, Three.js, Blender and also Augmented Reality in a browser.

Below is a list of contents that are documented below:

• An initial example of 3D Shape using CSS
• A music visualisation using WebGL
• First import of a 3D model (Three.js) into WebGL - A Solar System
• Creating a 3D model in Blender and then importing it into WebGL with navigation
• Prototyping ideas for exploring a 3D model of "Haus Am Horn" along with the implementation

3D Web Interfaces Documentation.

The Contents.

• Introduction in the topic based on examples of simulated or real time rendered 3D on web (Old and new tools.
• First approach to 3d web tools using CSS.
• Second approach using webGL API.
• Third approach using the Threejs library.
• Closer look and prototyping exercises using the Threejs library and the 3D model of "Haus am Horn".
• Quick look to the possibilities using augmented reality.