Cómo Hacer una Web 3D: 5 Métodos Fáciles (Con CSS, HTML y JS)

No video

Cómo Hacer una Web 3D: 5 Métodos Fáciles (Con CSS, HTML y JS)

Рет қаралды 31,494

Күн бұрын

¿Quieres añadir elementos 3D a tu web? Descubre 5 maneras de conseguirlo usando CSS, HTML y JS. Además explicaré cada una de estas técnicas con ejemplos y hablaré de sus ventajas y desventajas.
Web 3D de Citibox (usa vídeo como fondo)
citibox.com/
Tutorial en inglés sobre animaciones 3D básicas con CSS
3dtransforms.d...
Demo del web component model-viewer de Google
model-viewer.g...
Buscador de modelos 3D
sketchfab.com
Guía oficial del framework A-Frame
aframe.io/
Guía oficial de Three.js
threejs.org/
___
❇️Vídeos, experimentos y tienda oficial ❇️
👉 www.webpunk.dev
___
✊ ¡Suscríbete al canal!
kzfaq.info...
___
🤘😬 ¡Sígueme en redes!
Instagram: / webpunk.dev
Facebook: / webpunk.dev
Twitter: / webpunkdev
Twitch: / webpunkdev
___
Música sampleada en el vídeo
🎵 Introducción
Teching - Los Piratas
open.spotify.c...
🎵 Final
Interludio Breakmecanix - Toteking y Shotta
open.spotify.c...

Пікірлер: 46

@webpunkdev 5 жыл бұрын

¿Quieres añadir elementos 3D a tu web? Descubre 5 maneras de conseguirlo usando CSS, HTML y JS. Además explicaré cada una de estas técnicas con ejemplos y hablaré de sus ventajas y desventajas.

@rottweilercraft8115 10 ай бұрын

Este video me dio un conocimiento brutal!

@dianamarializcanocastillo581 2 жыл бұрын

Muchas Gracias por compartir tú conocimiento un abrazo desde Colombia.

@rogerespiriturojas 2 жыл бұрын

Mil gracias por tu video, eres lo máximo, por favor sigue subiendo contenido saludos desde Perú.

@rafaelferrufino9085 3 жыл бұрын

Gracias por una exposicion tan clara

@MiguelLopez-ps3nx 2 жыл бұрын

Muy interesante. Gracias

@oscardariorendonzuluaga1318 Жыл бұрын

Genial

@digitalinnout 4 жыл бұрын

me encanto el video con todos estos tips, muchas gracias..

@webpunkdev 4 жыл бұрын

Gracias a ti, salá!

@marcosramos8827 3 жыл бұрын

Me encanto el video , gracias! por si acaso no sabes o no tienes por ahi otro video acerca de como se realiza las paginas super dinamicas o interactivas? donde con el mouse over suceden animaciones, o cambian figuras y formas o dibujas formas... gracias de antemano

@davidchavarriamendez9091 2 жыл бұрын

Es con la última tecnología que menciona: Threejs hace eso

@trucosweb2793 4 жыл бұрын

MADURASTE MONTON UN SALUDO

@world_of_ozi 3 жыл бұрын

Pregunta Es posible crear animaciones y modelos 3d en blender y moverlo a paguina web con three js? O todo el modelado y animación tiene que crearse desde three?

@webpunkdev 3 жыл бұрын

Parece que el formato gltf sí lo sorporta, checkea esta respuesta: blender.stackexchange.com/questions/119145/export-a-keyframed-animation-made-in-blender-to-three-js-no-bones-involved

@socialdata3918 4 жыл бұрын

Muy buen video!

@IAVIC 4 жыл бұрын

Muy interesante

@sheidyyilmararamirezdaza7919 2 жыл бұрын

Tengo que crear un pagina web html interactiva en 3D ya tengo las 3D hechas de belnder, quiero saber que tipo de formato extension (stl obj etc) me permite cargar, como hacerlo y como hago que estos giren y se pueda acercarse etc, agradeceria la ayuda

@MsMixander 4 жыл бұрын

Revisé páginas en three js y son de otro nivel, con efecto wow.. No se si la pueda ocupar.. Algún tuto de three js???

@webpunkdev 3 жыл бұрын

Me lo pienso... 😀

@videoscurriculumvitae2154 Жыл бұрын

Muchas gracias por el Vídeo. Me pregunto si lo que crees con "A Frame" se podrá optimizar para Wordpress?

@webpunkdev Жыл бұрын

Debería funcionar independientemente del backend, sí

@linalarrearodriguez3440 2 жыл бұрын

Wow. Muchos los conocía, a excepción de A-Frame y View Frame. Tengo una duda: Si dominas (más o menos) ThreeJs, ¿recomendaría utilizar A-Frame o no?

@webpunkdev 2 жыл бұрын

A-frame solo lo recomiendo para cosas que tengan realidad aumentada (no solo VR). Para todo lo demás es casi más práctico usar directamente ThreeJS (o react-three-fiber si usas react)

@paoalcaraz3642 Жыл бұрын

Esto mismo se puede poner pero de forma que el espectador lo pueda manipular?

@webpunkdev Жыл бұрын

Por supuesto! Con React Three Fiber es bastante sencillo añadir event handlers para implementar interacciones con el mouse o pantalla táctil

@gabrielisidroskate9397 4 жыл бұрын

PREGUNTA existiría alguna forma de crear mis modelos 3D usando solid works para luego ser utilizados en una página web donde el usuario pueda ver la pieza y rotarla para observarla?

@webpunkdev 4 жыл бұрын

Claro! El web component está pensado justo para eso!

@sheidyyilmararamirezdaza7919 2 жыл бұрын

@@webpunkdev tienes un video de como se utiliza? Yo tengo que para proyecto de grado cargar modelados 3D de ese modo pero no los e podido cargar, me podrias dar recomendaciones o si ya hiciste un video de esto