Code Monkey home page Code Monkey logo

vfx's Introduction

VFXs

1. Tipos de VFX

  1. Particle system
  2. Mesh
  3. Flipbook
  4. Shader
  5. Híbridos

2. Principios de VFX

  1. Gameplay

    • Se refiere a saber el propósito del VFX antes de crearlo, o sea, para qué será, ¿será un proyectil? ¿Un AOE de daño o de curación? ¿Uno ambiental? ¿De un personaje? También es importante saber sobre el juego para el que se hará, cómo funciona, sus mecánicas, el personaje que lo llevará, etc. En resumen, se necesitará extraer la mayor cantidad de información posible del juego.
  2. Timing

    • Anticipación: Carga 🔄
      • Si tarda poco en cargar, da la sensación de que no hay manera de evitarlo, pero si tarda mucho, es lo contrario.
    • Clímax: Explosión 💥
    • Disipación: Desvanecimiento de las secuelas ✨
      • Si tarda en disiparse, da la sensación de aturdimiento o de que el ataque tarda en hacer efecto.
  3. Shape

    • Comunica la intención del VFX, o sea, determina si el ataque es peligroso o no y ¿qué tipo de daño hace?, ¿daña?, ¿cura?, ¿envenena?, ¿es un potenciador?
      • =▶ Es peligroso
      • =O No es peligroso o causa un estado alterado como aturdimiento o congelamiento
    • Por ejemplo, si el VFX es un orbe verde flotando tranquilamente, no es dañino y sirve para recuperar HP.
    • La paleta de colores da más significado.
  4. Contrast

    • El contraste crea un punto focal que atrae la atención del jugador en cuestión de milisegundos, por ejemplo, en un proyectil, la parte más llamativa será la cabeza de este.
    • También se usa para describir la importancia de las habilidades de un personaje, es decir, sus ataques más básicos tienen menos contraste (menos brillantes) y los poderosos más (más brillantes). 2 Gray Scale Contrast 3 Color contrast
  5. Color / Theme

    • Una buena paleta de colores funciona porque los colores tienen contraste entre sí.
    • Se ordenan del más oscuro al más claro. 4 Linear Palettes 5 Combined Palettes

3. Preproducción

  1. Saber el objetivo del VFX

    • Saber que hará el VFX en el juego.
  2. Donde obtener referencias

    • Artstation
    • Pinterest
    • YouTube
    • Real-Time VFX
  3. Tecnical Research

    • Investigar técnicas de cómo crear VFXs
  4. Sketching

    • Hacer sketches de como será el VFX, (no es necesario ser un ilustrador pro).

4. Producción de VFXs

5. Performance

BatchesCall_Graphic_BadExample BatchesCall_Graphic_GoodExample

  • La optimización de Batches (draw calls) se puede hacer solo cuando los particle systems tienen el mismo material.

  • Para reducir más los batches los particle systems que usen meshes deben ir en un order layer diferente de los demás que no usan meshes y así no se rompan los draw call.

6. VFX Graph

PARTICLE SYSTEM (CPU) VFX GRAPH (GPU)
PROS CONS PROS CONS

- Buenas colisiones en físicas

- Generación y control de luces

- Funciona en cualquier plataforma

- Workflow rápido

- Miles de partículas

- Propiedades de shaders (No muy sencillo)

- Millones de partículas

- Procesamiento paralelo

- Propiedades de shaders (Sencillo)

- Crear decals fácilmente

- Heat distortion (HDRP only ?)

- Parámetros modificables

- Modular

- Malas colisiones en físicas

- No tiene luces (por ahora)

- No funciona en cualquier plataforma (aun)

- Workflow lento

7. Partes de VFX Graph

  1. Spawn: Maneja la cantidad de partículas por segundo y si se generaran constantemente o como una ráfaga, etc.

  2. Initialize Particle: Maneja la capacidad del sistema de partículas, y como se inicializa CADA una, además de su velocidad, lifetime, etc.

  3. Udate Particle: Actualiza constantemente los atributos de la partícula después de inicializarla, etc. Funciona como el Update() de C# en Unity.

  4. Output Particle Quad: Renderiza la partícula y controla su apariencia, como su orientación, tamaño y color a travéz del tiempo, y da control directo en las propiedades del shader, etc.

VFX Graph

Unity 2021.3.4f1

vfx's People

Contributors

bryantchacon avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.