Ashin Mandal: Difference between revisions

From Medien Wiki
Line 12: Line 12:
[[Category:3D Web Interfaces]]
[[Category:3D Web Interfaces]]


== 3D Web Interfaces Documentation. ==
== 3D Shape using CSS ==


'''The Contents.'''
This exercise was to experiment with 3D shapes in CSS.


* Introduction in the topic based on examples of simulated or real time rendered 3D on web (Old and new tools.
LINK[https://dl.dropboxusercontent.com/u/22663277/3D%20Web%20Interfaces/1%20CSS/cube.html 3D Shape using CSS]
* 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.

Revision as of 22:10, 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 Shape using CSS

This exercise was to experiment with 3D shapes in CSS.

LINK3D Shape using CSS