Embeber un modelo 3D de Sketch Up utilizando el visualizador Sketchfab

Post on 05-Jul-2015

304 views 2 download

description

Paso a paso de cómo publicar en blogger nuestro modelo 3D realizado con Sketch Up utilizando la plataforma Sketchfab donde lo alojaremos y que nos facilitará el código embed.

Transcript of Embeber un modelo 3D de Sketch Up utilizando el visualizador Sketchfab

SKETCHFABEmbebiendo un objeto tridimensional en tu blogger

Exportamos el modelo 3d de nuestro Sketch Up (formato .dae)

Vamos a Sketchfab y nos registramos

Elegimos nuestro nombre de usuario, introducimos nuestra cuenta de correo y

una contraseña para la plataforma Sketchfab

Una vez registrados podemos personalizar nuestro perfil

Elegimos nuestro fichero .dae procedente de

Sketch Up

Una vez cargado continuamos

Describimos el modelo 3D y lo etiquetamos para facilitar su búsqueda.

Ya tenemos nuestro primer modelo 3D

Podemos copiar el código HTML para embeberlo en nuestro blog

O promocionarlo a nuestras RRSS como G+, Facebook, Twitter,

Pinterest.

Diferentes formas de visionarlo

A la hora de compartir nuestro modelo 3D podemos:

Compartir la url o dirección

Promocionarlo en nuestra red social

Copiar el código HTML

<iframe width="640" height="480" src="https://sketchfab.com/models/303c7ea62f0547bfb817ce091a9182cc/embed" frameborder="0" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel=""></iframe>

<p style="font-size: 13px; font-weight: normal; margin: 5px; color: #4A4A4A;"> <a href="https://sketchfab.com/models/303c7ea62f0547bfb817ce091a9182cc?utm_source=oembed&utm_medium=embed&utm_campaign=303c7ea62f0547bfb817ce091a9182cc" target="_blank" style="font-weight: bold; color: #1CAAD9;">I E S E B A</a> by <a href="https://sketchfab.com/accionangel?utm_source=oembed&utm_medium=embed&utm_campaign=303c7ea62f0547bfb817ce091a9182cc" target="_blank" style="font-weight: bold; color: #1CAAD9;">accionangel</a> on <a href="https://sketchfab.com?utm_source=oembed&utm_medium=embed&utm_campaign=303c7ea62f0547bfb817ce091a9182cc" target="_blank" style="font-weight: bold; color: #1CAAD9;">Sketchfab</a></p>

Redactamos nuestra entrada en el blog

Cambiamos a formato HTML

y pegamos el código procedente de

Sketchfab en el lugar adecuado.

Aquí comienza el código insertado