3D Models

Clase 15 de 44 • Curso de Realidad Virtual para Web 2017

Clase anteriorSiguiente clase

Sergio Antonio Ochoa Martinez

student•

No se puede reproducir este video solo se cargar y carga pueden revisarlo

Ivan Robles

student•

Si se puede ver vía web, pero no bajar el video a la Aplicación, por lo menos no en IOS

Thomas Cardenas

student•

Sería genial que Platzi tuviera un curso de Blender.

Cesar Oniel Azpilcueta Najera

student•

Sigo sin ver el Video 😦

Belen Ceballos

student•

Prueba desde el engranaje en el Servidor alternativo.

Jhon Edison Lozano Montenegro

student•

yo pude ver le video, donde puedo hacer mas modelos 3d ?

Belen Ceballos

student•

Para hacer modelos está Blender, que es open source y gratuito. Después hay otros más robustos y pagos como Maya o 3DMax. Comparte tus modelos 😃

Jhon Edison Lozano Montenegro

student•

como guardo el 3d de magicavoxel para insertarlo en codepen? por favor ayudeneme

Belen Ceballos

student•

Hola! Disculpa la demora. Aquí la respuesta de Dan:

Acá la explicación para exportart el .ply:

Y después, para codepen necesitas subir el .ply a una cdn, podes usar la de aframe:

Cuéntanos cómo te fue! 😃

Vic Rivas

student•

Este video aun persiste con fallas para poder reproducirse, he intentado verlo modo web o descargarlo desde la app android y no he podido 😦

Ricardo Celis

teacher•

Hola Beatjumper voy a revisarlo y en cuanto esté te aviso

Cesar Oniel Azpilcueta Najera

student•

Muy interesante el video.
una duda con aframe se puede utilizar un ServiceWorker para tener Offline los modelos y recursos ? y asi aprovechar las tecnologias de WebApp

Dan Zajdband

teacher•

Sí, es un gran punto. De hecho el equipo de A-Frame está trabajando en una solución para eso

Cesar Oniel Azpilcueta Najera

student•

Cuando utilizo los a-asset-item me aparece un error :“aframe.min.js:284 Uncaught TypeError: Cannot read property ‘lastIndexOf’ of null”.

pero esa misma url la utilizo directamente en el collada-model si me lo carga.

nota estoy usando angular 2

saben por que el error.?

AgroMundo Cali

student•

No me permite reproducir el Video en Ninguno de los 2 servidores, hay otra copia que funcione?

Ricardo Celis

teacher•

Hola Agromundo muy buenas tardes! voy a revisare que puede ser y te respondo en cuanto esté corregido =)

Ricardo Celis

teacher•

Agromundo! el Servidor B ya te debería funcionar sin ningún problema, aprovecho a mandarte un saludo =)!

Cesar Oniel Azpilcueta Najera

student•

al importar un a-asset-item me marca el siguiente error “Cannot read property ‘lastIndexOf’ of null at inferResponseType (a-assets.js:247)”

Si uso la URL directo en el src de un a-collada-model si me deja visualizar,

Alguien sabe que pudiera ser ?
Nota: estoy realizando el proyecto en angular 4

gracias.

GAL

student•

falto el .obj?

Héctor Revelo Herrera

student•

Hola, no me funciona, me pueden ayudar

Alberto elizalde

student•

Hola a mí me funciono de esta manera

<script src="http://aframe.io/releases/0.5.0/aframe.min.js">
</script>

<script src="https://rawgit.com/donmccurdy/aframe-extras/v2.1.1/dist/aframe-extras.loaders.min.js"></script>

<a-scene>
  <a-assets>
    <a-asset-item id="bosque" src="https://s3.amazonaws.com/gurivr/23f1972f-99c6-4f68-a0f0-392c16a02333-trees.dae"></a-asset-item>
    
  
  <a-asset-item id="caballero" src="https://ucarecdn.com/60ae4595-d948-4d17-abba-3bcfb3040bb9/"></a-asset-item>
      </a-assets>

   <a-entity collada-model="#bosque"></a-entity>
  
  <a-entity ply-model="src: #caballero" rotation="-90 0 0" position="0 0 -10"> </a-entity>
  <a-sky color="skyblue"></a-sky>
</a-scene>```

Fabio Cortés

student•

Descargué un par de modelos 3D de pero me salen sin textura, sin color. Alguien tuvo el mismo problema?

<script src="http://aframe.io/releases/0.5.0/aframe.min.js">
</script>

<script src="https://rawgit.com/donmccurdy/aframe-extras/v2.1.1/dist/aframe-extras.loaders.min.js"></script>

<a-scene>
  <a-assets>
    <a-asset-item id="bosque" src="https://s3.amazonaws.com/gurivr/23f1972f-99c6-4f68-a0f0-392c16a02333-trees.dae"></a-asset-item>
    
  
  <a-asset-item id="caballero" src="https://ucarecdn.com/60ae4595-d948-4d17-abba-3bcfb3040bb9/"></a-asset-item>
      </a-assets>

   <a-entity collada-model="#bosque"></a-entity>
  
  <a-entity ply-model="src: #caballero" rotation="-90 0 0" position="0 0 -10"> </a-entity>
  <a-sky color="skyblue"></a-sky>
</a-scene>```

3D Models

Introducción

Bienvenidos al curso

Por qué VR en la web

El estado del arte de WebVR

El estándar WebVR

El mundo en 3 dimensiones

A-Frame

Introducción al Framework (A-Frame)

Cómo funciona A-Frame (Entity-Component System)

Primeros pasos con A-Frame

Primitivas

La escena y la cámara

Modificando componentes

Animaciones y texto

Assets

Imágenes

3D Models

Vídeos y audio

Configuraciones avanzadas en A-Frame

Manejo de eventos

El cursor y su uso

Manejo de eventos

Primer proyecto: Tour Virtual

Introducción al primer proyecto

Creando el guión y recabando assets

La primera vista del proyecto

Cambios de vista en el proyecto

Deploy del proyecto

Controles

Tipos de controles

Componentes externos

Showcase de componentes y cómo usar

Ejemplo de Charts con 3D

Física

Introducción a física en 3D

Utilizando librerías

Colisiones

Segundo proyecto: Búsqueda del tesoro

Introducción al segundo proyecto

Creando el entorno del juego

Agregar física al proyecto

Creando el laberinto del juego

Agregando muros en el juego

Agregando los premios y el ganador

Agregando interactividad en el juego

Deploy con Git

Comandos de voz

Speech Recognition API

Comandos de voz en A-Frame

Cierre del curso

Desafíos

Creando una ciudad

Utilizar el API de moviedb

Usando la cámara para arrastrar un balón