Data sheet

🗓️ Última actualización hace 1 semana

More info

We will learn

1. How to hook a built-in Three.js material to modify it to our liking: Discover the basics of how to intercept and modify pre-existing materials in Three.js, allowing you to customize them to fit your specific projects.

2. How to move the vertices of a mesh to get a stunning shape: Dive into advanced geometry manipulation techniques, where you can move the vertices of a mesh to create dynamic and visually appealing shapes.

3. How to make the lighting respect this new shape: Learn how to adjust the lighting so that it correctly adapts to the new geometries created, ensuring that your rendered objects look realistic and well integrated into the scene.

4. Bonus - How to fix shadows after geometry displacement: As a bonus, we will teach you how to correct shadows so that they are cast properly on the displaced geometries, maintaining visual coherence and immersion in your projects.

With this tutorial, you will not only gain technical knowledge about customizing materials and geometries in Three.js, but you will also learn how to integrate these concepts within the React Three Fiber framework. Get ready to take your 3D graphics development skills to the next level with innovative techniques and amazing results.

Playground

Animated Displaced

Referencia: #Animated

Agencia:

In this tutorial, we will guide you through a fascinating journey to discover how to create custom materials using shaders in Three.js, all integrating React Three Fiber. 

More information

Open Access 🔓

Quick buy

Quick buy

Animated Displaced (ref. #Animated)

Send a request to buy this product. We will call you soon.

Loading...

9 other products in the same category:

P&Rs

  • ¿Qué es un proyecto digital?

    Un proyecto digital es una iniciativa que utiliza tecnologías digitales para alcanzar un objetivo específico. Esto puede incluir el desarrollo y la implementación de plataformas, aplicaciones, sitios web, campañas de marketing digital, sistemas de gestión de información, y más. Los proyectos digitales se caracterizan por su uso de herramientas y recursos tecnológicos para mejorar procesos, servicios, o productos, y pueden aplicarse en diversos sectores como la educación, la salud, el comercio, y la comunicación.

    Los objetivos comunes de un proyecto digital pueden ser:

    1. Mejorar la Eficiencia: Automatizar y optimizar procesos para ahorrar tiempo y recursos.

    2. Incrementar la Visibilidad: Utilizar el marketing digital para llegar a una audiencia más amplia y aumentar la presencia en línea.

    3. Fomentar la Innovación: Desarrollar nuevas tecnologías o mejorar las existentes para ofrecer mejores servicios o productos.

    4. Facilitar el Acceso a la Información: Crear plataformas que permitan un acceso más fácil y rápido a datos y recursos importantes.

    5. Mejorar la Experiencia del Usuario: Diseñar interfaces y servicios que sean más intuitivos y agradables para los usuarios.