Ashin Mandal: Difference between revisions

From Medien Wiki
Line 1: Line 1:
== 3D Web Interfaces Documentation, Ashin Mandal ==
== Introduction ==


'''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.  
 
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:
Below is a list of contents that are documented below:

Revision as of 21:57, 31 March 2014

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.