reverse-developer / threejs-scroll-animation-demo

Portafolio 3D🤩 : Animate Threejs

Web Site Demo https://portafolio3d.netlify.app/

English

Author inspirate @Fireship https://www.youtube.com/watch?v=Q7AOvWpIVHU

Build a Mindblowing 3D Portfolio Website😇:

• ▶️ Mindblowing 3D Websites
• ▶️ What we’re building
• ▶️ Project Setup
• ▶️ Scene
• ▶️ Camera
• ▶️ Renderer
• ▶️ Geometry
• ▶️ Material
• ▶️ Mesh
• ▶️ Animation Loop

---

Español

Sitio web portafio 3D😇:

• ▶ ️ Sitios web 3D
• ▶ ️ Three.js
• ▶ ️ Configuracion del proyecto
• ▶ ️ Escenas
• ▶ ️ Cámara
• ▶ ️ Renderizador
• ▶ ️ Geometría
• ▶ ️ Material
• ▶ ️ Bucle de animación
• ▶ ️ Controles de órbita
• ▶ ️ Bucle de animación
• ▶ ️ Generación aleatoria
• ▶ ️ Fondo de la escena
• ▶ ️ Fondo de la escena
• ▶ Mapeado de texturas
• ▶ Animación de desplazamiento

Demo 1

Demo 2

Demo 2

Video demostración:

Youtube

Mi canal de youtube

Youtube

Mis articulos en medium

medium

Mi twitter por si quieres contacterme

medium

❤️ ¿Te gusto este proyecto?

Si te gusto este proyecto comparte y dale una estrella ⭐ en Github y no dudes en contactarme.

Scrollable 3D Animation with Three.js

• Watch the full tutorial on YouTube
• Scrollable Three.js Animation Snippet

Usage

git clone <this-repo>
yarn install
yarn dev