Line 20: Line 20:
 
[[File:nata_1_1.png|500px]]
 
[[File:nata_1_1.png|500px]]
 
[[File:nata_2_1.png|500px]]
 
[[File:nata_2_1.png|500px]]
[[File:nata_3_!.png|500px]]
+
 
[[File:nata_4_!.png|500px]]
 
  
 
  - [http://natasuu.com/webgl/e2/index.html 2. Moving balls exercise]
 
  - [http://natasuu.com/webgl/e2/index.html 2. Moving balls exercise]
Line 28: Line 27:
 
* Music into other forms  
 
* Music into other forms  
  
[[File:nata_1_1.png|500px]]
+
[[File:nata_1_2.png|500px]]
[[File:nata_2_1.png|500px]]
+
[[File:nata_2_2.png|500px]]
[[File:nata_3_1.png|500px]]
+
[[File:nata_3_2.png|500px]]
[[File:nata_4_1.png|500px]]
+
[[File:nata_4_2.png|500px]]
  
 
  - [http://natasuu.com/webgl/e4/index.html 3. Blue Music exercise]
 
  - [http://natasuu.com/webgl/e4/index.html 3. Blue Music exercise]
Line 38: Line 37:
 
* Fisrt attempt using Blender THREE.js Library  
 
* Fisrt attempt using Blender THREE.js Library  
  
[[File:nata_1_2.png|500px]]
+
[[File:nata_1_3.png|500px]]
[[File:nata_2_2.png|500px]]
+
[[File:nata_2_3.png|500px]]
[[File:nata_3_2.png|500px]]
+
[[File:nata_3_3.png|500px]]
[[File:nata_4_2.png|500px]]
+
[[File:nata_4_3.png|500px]]
  
 
  - [http://natasuu.com/webgl/e3/index.html 4. House and Mountain]
 
  - [http://natasuu.com/webgl/e3/index.html 4. House and Mountain]
Line 49: Line 48:
 
* Final Project "House am Horn"  
 
* Final Project "House am Horn"  
  
[[File:nata_1_3.png|500px]]
+
[[File:nata_1_4.png|500px]]
[[File:nata_2_3.png|500px]]
+
[[File:nata_2_4.png|500px]]
[[File:nata_3_3.png|500px]]
+
[[File:nata_3_4.png|500px]]
[[File:nata_4_3.png|500px]]
+
[[File:nata_4_4.png|500px]]
  
 
  - [http://natasuu.com/webgl/arquitecture_house/index.html 5. House am Horn]
 
  - [http://natasuu.com/webgl/arquitecture_house/index.html 5. House am Horn]

Revision as of 22:22, 3 March 2014

Three Dimesional Web Interfaces

Web GL is the short name of "Web Graphic Library"; is a JavaScript APIApplication Programming Interface (Application programming interface) for rendering interactive 3D graphics and 2D graphics within any compatible web browser (Firefox, Gloogle Chrome, Safari.. other browsers are not yet "totally" compatible) without the use of plug-ins.



The contents
  • The first approach to WebGl

Nata 1.png Nata 2.png Nata 3.png Nata 4.png

- 1. squares exercise


  • Music implementation

Nata 1 1.png Nata 2 1.png


- 2. Moving balls exercise


  • Music into other forms

Nata 1 2.png Nata 2 2.png 500px 500px

- 3. Blue Music exercise


  • Fisrt attempt using Blender THREE.js Library

Nata 1 3.png Nata 2 3.png Nata 3 3.png 500px

- 4. House and Mountain


  • Final Project "House am Horn"

Nata 1 4.png Nata 2 4.png Nata 3 4.png Nata 4 4.png

- 5. House am Horn