{"id":220,"date":"2026-10-06T11:02:19","date_gmt":"2026-10-06T09:02:19","guid":{"rendered":"https:\/\/www.noocturnalgamesstudio.com\/blog\/2026\/10\/06\/enfoque-cinematografico-como-animar-el-depth-of-field-en-tus-cinematicas-de-unity-para-guiar-la-mirada-del-jugador\/"},"modified":"2026-10-06T11:02:19","modified_gmt":"2026-10-06T09:02:19","slug":"enfoque-cinematografico-como-animar-el-depth-of-field-en-tus-cinematicas-de-unity-para-guiar-la-mirada-del-jugador","status":"publish","type":"post","link":"https:\/\/www.noocturnalgamesstudio.com\/blog\/2026\/10\/06\/enfoque-cinematografico-como-animar-el-depth-of-field-en-tus-cinematicas-de-unity-para-guiar-la-mirada-del-jugador\/","title":{"rendered":"Enfoque Cinematogr\u00e1fico: C\u00f3mo animar el &#8216;Depth of Field&#8217; en tus cinem\u00e1ticas de Unity para guiar la mirada del jugador"},"content":{"rendered":"<div style='font-family: system-ui, -apple-system, sans-serif; line-height: 1.8; color: #e2e8f0; font-size: 16px;'>\n<p style='margin-bottom: 15px;'> Uno de los errores m\u00e1s comunes en las producciones indie es ignorar la profundidad de campo. Sin ella, nuestras escenas se ven planas, digitales y, lo m\u00e1s grave, no le dicen al jugador qu\u00e9 es lo importante en pantalla. En el cine, el &#8216;Focus Pulling&#8217; o cambio de foco es una herramienta narrativa vital. Hoy aprender\u00e1s a dominar esta t\u00e9cnica en Unity usando CineGraph. <\/p>\n<h3 style='color: #39FF14; margin-top: 30px; font-weight: 700; letter-spacing: 0.5px;'> El lenguaje del enfoque: \u00bfPor qu\u00e9 usar Depth of Field? <\/h3>\n<p style='margin-bottom: 15px;'> El &#8216;Depth of Field&#8217; (DoF) simula las propiedades f\u00edsicas de una lente de c\u00e1mara real. Al desenfocar el fondo o el primer plano, obligamos al ojo del espectador a centrarse en un punto espec\u00edfico. Si un personaje est\u00e1 hablando de un objeto misterioso sobre una mesa, un cambio de foco suave desde el rostro del personaje hacia el objeto crea una conexi\u00f3n visual inmediata sin necesidad de di\u00e1logos extra. <\/p>\n<div style='background-color: rgba(255, 255, 255, 0.05); border-left: 3px solid #f687b3; padding: 15px; margin-bottom: 20px; border-radius: 0 8px 8px 0;'>\n<p style='margin-bottom: 0;'> &#8216;Tip Pro&#8217;: En escenas de tensi\u00f3n, un desenfoque selectivo puede ocultar amenazas en el fondo, revel\u00e1ndolas solo cuando el foco cambia dr\u00e1sticamente. <\/p>\n<\/p><\/div>\n<h3 style='color: #39FF14; margin-top: 30px; font-weight: 700; letter-spacing: 0.5px;'> Paso 1: Configuraci\u00f3n del Post-Procesado en Unity <\/h3>\n<p style='margin-bottom: 15px;'> Antes de animar nada, necesitamos que nuestra escena est\u00e9 preparada para el post-procesado (URP o HDRP). <\/p>\n<ul style='color: #cbd5e0; margin-bottom: 15px;'>\n<li> Crea un &#8216;Global Volume&#8217; o un &#8216;Local Volume&#8217; en tu escena. <\/li>\n<li> A\u00f1ade el override de &#8216;Depth of Field&#8217;. <\/li>\n<li> Nombra el GameObject del volumen de forma clara, por ejemplo: &#8216;Volume_Cinematic_Focus&#8217;. Esto es CR\u00cdTICO para que CineGraph lo encuentre. <\/li>\n<\/ul>\n<h3 style='color: #39FF14; margin-top: 30px; font-weight: 700; letter-spacing: 0.5px;'> Paso 2: Animando el Foco con CineGraph (Sin C\u00f3digo) <\/h3>\n<p style='margin-bottom: 15px;'> Olvida las corrutinas complejas. Con CineGraph, el cambio de foco es un nodo m\u00e1s en tu flujo visual. Utilizaremos el nodo &#8216;Camera Post-Process &#038; Depth Of Field&#8217;. <\/p>\n<h4 style='color: #fff; margin-top: 30px; font-weight: 600;'> Configuraci\u00f3n del Nodo: <\/h4>\n<ul style='color: #cbd5e0; margin-bottom: 15px;'>\n<li> <b>Dof Volume Object Name:<\/b> Escribe &#8216;Volume_Cinematic_Focus&#8217;. <\/li>\n<li> <b>Target Focus Weight:<\/b> Establece 1 para activar el foco\/desenfoque configurado o 0 para desactivarlo. <\/li>\n<li> <b>Duration:<\/b> Define cu\u00e1nto tiempo tardar\u00e1 la transici\u00f3n (ej: 1.5 segundos para un cambio cinematogr\u00e1fico elegante). <\/li>\n<li> <b>Async:<\/b> Act\u00edvalo si quieres que el foco cambie mientras otros nodos (como un di\u00e1logo) se ejecutan. <\/li>\n<\/ul>\n<p> <code style='display:block; background: #1a202c; color: #68d391; padding: 10px; border-radius: 5px; margin: 5px 0; font-family: monospace; border: 1px solid #2d3748;'> \/\/ CineGraph se encarga de la interpolaci\u00f3n matem\u00e1tica \/\/ Solo necesitas definir el destino y el tiempo. <\/code> <\/p>\n<h3 style='color: #39FF14; margin-top: 30px; font-weight: 700; letter-spacing: 0.5px;'> El truco maestro: Combinaci\u00f3n con Camera LookAt <\/h3>\n<p style='margin-bottom: 15px;'> Para un efecto AAA real, combina el nodo de DoF con un nodo &#8216;Camera Look At&#8217;. Mientras la c\u00e1mara gira suavemente para encuadrar al antagonista que entra en escena, el nodo de Depth of Field as\u00edncrono debe ir reduciendo el desenfoque sobre \u00e9l. Esta coordinaci\u00f3n es lo que separa un juego amateur de una experiencia inmersiva profesional. <\/p>\n<hr style='border: 0; border-top: 1px solid #4a5568; margin: 30px 0;'>\n<p style='margin-bottom: 15px;'> Dominar la mirada del jugador es dominar la narrativa de tu juego. Con las herramientas adecuadas, como CineGraph, estas t\u00e9cnicas dejan de ser un dolor de cabeza t\u00e9cnico para convertirse en puro dise\u00f1o creativo. <\/p>\n<div style='background: linear-gradient(145deg, #1a202c, #2d3748); border: 1px solid #4a5568; padding: 25px; border-radius: 12px; margin-top: 40px; text-align: center; box-shadow: 0 4px 6px rgba(0,0,0,0.3);'>\n<p style='margin-bottom: 10px; font-weight: bold; color: #fff; font-size: 1.1em;'>Mejora tu juego hoy<\/p>\n<p style='margin-bottom: 0; color: #cbd5e0;'>Consigue este asset en la <a href='#' style='color: #39FF14; text-decoration: underline; font-weight: bold;'>Unity Asset Store<\/a>.<\/p>\n<\/p><\/div>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Uno de los errores m\u00e1s comunes en las producciones indie es ignorar la profundidad de campo. Sin ella, nuestras escenas se ven planas, digitales y, lo m\u00e1s grave, no le dicen al jugador qu\u00e9 es lo importante en pantalla. En el cine, el &#8216;Focus Pulling&#8217; o cambio de foco es una herramienta narrativa vital. Hoy [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-220","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"_links":{"self":[{"href":"https:\/\/www.noocturnalgamesstudio.com\/blog\/wp-json\/wp\/v2\/posts\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.noocturnalgamesstudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.noocturnalgamesstudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.noocturnalgamesstudio.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.noocturnalgamesstudio.com\/blog\/wp-json\/wp\/v2\/comments?post=220"}],"version-history":[{"count":0,"href":"https:\/\/www.noocturnalgamesstudio.com\/blog\/wp-json\/wp\/v2\/posts\/220\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.noocturnalgamesstudio.com\/blog\/wp-json\/wp\/v2\/media?parent=220"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.noocturnalgamesstudio.com\/blog\/wp-json\/wp\/v2\/categories?post=220"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.noocturnalgamesstudio.com\/blog\/wp-json\/wp\/v2\/tags?post=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}