programacion juegos 3d combinada

32
Juegos 3D multijugador en tiempo real

Upload: miguel-angel-garcia

Post on 10-Aug-2015

71 views

Category:

Internet


1 download

TRANSCRIPT

  1. 1. Juegos 3D multijugador en tiempo real
  2. 2. three.js Nosotros Miguel Angel Garca @miguelagg [email protected] Daniel Pallars @dani_extremanet [email protected]
  3. 3. three.js Y esto qu es ?
  4. 4. three.js Informtica es la carrera con ms salida
  5. 5. three.js Los videojuegos generan 1.900 millones en Espaa
  6. 6. three.js Innovacin y aprendizaje contnuos.
  7. 7. three.js Sal de tu zona de confort
  8. 8. three.js Lo que aprendiste ayer ya est obsoleto
  9. 9. three.js De dnde venimos ? Web estticas Web dinmicas Lenguajes de servidor, php .net , jsp, netbeans, webservice Lenguaje de etiquetas html
  10. 10. three.js Qu haba en el pasado?
  11. 11. three.js .. Pincha para abrir El pasado era Javascript
  12. 12. three.js Qu tenemos en el pres
  13. 13. three.js $.ajax({ url: pagina.aspx", type: "GET", success: function(respuesta){ $(#lblResultado).html(Esto me llega: +respuesta); }, error: function(){ $(#lblResultado).html(Error en la peticin) } El presente es Javascript
  14. 14. three.js Cul es el futuro?
  15. 15. three.js var http = require('http') , fs = require('fs') , request1 = require(request) , fs = require(fs'), url = require("url"); http.createServer(function(request, response) { response.writeHead(200, {"Content-Type": "text/plain"}); response.end(); }).listen(9000); console.log("Servidor escuchando en el 9000...."); El futuro es Javascript
  16. 16. three.js Esto es para mi ?
  17. 17. three.js Qu tengo que saber? three.js HTML5 javascript CSS3
  18. 18. three.js Qu necesito ? Editor de Texto Browser web WebGL Google Chrome y Mozilla Firefox tienen excelente soporte WebGL Sublime para Mac y Notepad++ para Windows * chromeexperiments.com/webgl API para grficos 3D.
  19. 19. three.js Qu ms necesito ? Diseo grfico Imaginacin Modelado 3D con Blender Esto no se aprende
  20. 20. three.js HTML5 y CSS3 el HTML con superpoderes Cientos de etiquetas nuevas y mejor organizacin de la web
  21. 21. three.js Node JS
  22. 22. three.js Qu es NodeJS Javascript de Servidor Creado por Ryan Dahl en 2009 para facilitar los procesos multitarea Basado en V8 Entorno Javascript de Google para us navegador Chrome
  23. 23. Javascript Lenguaje de programacin orientado a objetos. - Tipado dinmico - Prototpico - Arrays base formato JSON - Javascript Java ThreeJS Librera para renderizar entornos 3D en navegadores web a travs de la etiqueta canvas de HTML5 (WebGL). No necesita instalacin de plugins en el navegador. NodeJS Entorno de programacin en el lado de servidor en lenguaje Javascript Blender Programa para el renderizado, iluminacin y creacin de grficos 3D
  24. 24. 2006 20112009 Canvas 3D WebGL WebGL 1.0 Mozilla Opera Mozilla Opera Chrome Safari Flash 3D API Adobe
  25. 25. Navegadores que soportan WebGL
  26. 26. Conceptos bsicos del 3D Geometry Material + Textures Mesh
  27. 27. Escena y cmara
  28. 28. https://www.ludei.com/cocoonjs/ Exportacin a dispositivos mviles
  29. 29. https://nodejs.org
  30. 30. Instalacin de mdulos $ npm install nombre_modulo $ npm install engine.io $ npm install express $ npm install eureca.io
  31. 31. client.js server.js $ node server.js EurecaServer .onConnect .onDisconnect client.js client.js