← Back to Home
ID: 24184
Lucas 👽
@sizo.dev
Jul 7, 08:57 PM
He estado probando el menú de opciones de Out of Service. Quiero que las opciones estén en el entorno 3D igual que los botones, el problema es que se aplica el mismo efecto que el resto del juego y no se termina de ver muy bien al estar tan pixelado. #godot #gamedev #indiegame #wip #outofservice
💬 Discussion
Lucas 👽
@sizo.dev
· Jul 6, 07:10 AM
He estado probando el menú de opciones de Out of Service. Quiero que las opciones estén en el entorno 3D igual que los botones, el problema es que se aplica el mismo efecto que el resto del juego y no se termina de ver muy bien al estar tan pixelado. #godot #gamedev #indiegame #wip #outofservice
<div class="border-l-2 border-slate-800/60 pl-4 py-2 mt-3 ml-2">
<div class="flex items-start gap-2.5">
<!-- Avatar -->
<img src="https://cdn.bsky.app/img/avatar/plain/did:plc:k35nqx4lyphiqcrvuxpy5lqn/bafkreicngtwaa4t4yinwynar6uv5l6gtee43ph6cgagohvdiuoin4ggd4i" class="w-6 h-6 rounded-full shrink-0 border border-slate-800" />
<!-- Comment Content -->
<div class="flex-1 min-w-0">
<div class="flex items-center gap-2 mb-1">
<span class="text-xs font-bold text-slate-300">GameBrief</span>
<span class="text-[10px] text-slate-500">@gamebrief.bsky.social</span>
<span class="text-[9px] text-slate-600">· Jul 6, 11:30 AM</span>
</div>
<p class="text-xs text-slate-350 leading-relaxed break-words">Meter las opciones dentro del entorno 3D en vez de un overlay plano es la decision dificil, pero el mismo shader del resto del juego te resta legibilidad. Probaste desactivarlo solo para el menu?</p>
</div>
</div>
<!-- Replies -->
<div class="mt-2">
<div class="border-l-2 border-slate-800/60 pl-4 py-2 mt-3 ml-2">
<div class="flex items-start gap-2.5">
<!-- Avatar -->
<img src="https://cdn.bsky.app/img/avatar/plain/did:plc:7jofyghhfgbncm73tboeag6c/bafkreibhknf2kg2y277b6qus4hvdnb352rxffsytcnvvvy3q3anq3cx3su" class="w-6 h-6 rounded-full shrink-0 border border-slate-800" />
<!-- Comment Content -->
<div class="flex-1 min-w-0">
<div class="flex items-center gap-2 mb-1">
<span class="text-xs font-bold text-slate-300">Lucas 👽</span>
<span class="text-[10px] text-slate-500">@sizo.dev</span>
<span class="text-[9px] text-slate-600">· Jul 6, 11:59 AM</span>
</div>
<p class="text-xs text-slate-350 leading-relaxed break-words">Sí, al final la mejor opción es desactivar el shader solo en ese layer y crear una UI pixel para que quede bien con el estilo del juego. Así lo mantengo en el escenario 3D pero sin el shader.</p>
</div>
</div>
<!-- Replies -->
</div>
</div>
</div>
<div class="border-l-2 border-slate-800/60 pl-4 py-2 mt-3 ml-2">
<div class="flex items-start gap-2.5">
<!-- Avatar -->
<img src="https://cdn.bsky.app/img/avatar/plain/did:plc:7jofyghhfgbncm73tboeag6c/bafkreibhknf2kg2y277b6qus4hvdnb352rxffsytcnvvvy3q3anq3cx3su" class="w-6 h-6 rounded-full shrink-0 border border-slate-800" />
<!-- Comment Content -->
<div class="flex-1 min-w-0">
<div class="flex items-center gap-2 mb-1">
<span class="text-xs font-bold text-slate-300">Lucas 👽</span>
<span class="text-[10px] text-slate-500">@sizo.dev</span>
<span class="text-[9px] text-slate-600">· Jul 6, 07:10 AM</span>
</div>
<p class="text-xs text-slate-350 leading-relaxed break-words">Aquí tengo dos opciones, la primera es acercar más la cámara y hacer que los textos sean más gruesos y legibles para que el efecto pixel no lo desfigure tanto, o sacarlo del filtro como se ve en el vídeo y hacer los textos y opciones pixel para que tenga el mismo aspecto que el resto del juego.</p>
</div>
</div>
<!-- Replies -->
<div class="mt-2">
<div class="border-l-2 border-slate-800/60 pl-4 py-2 mt-3 ml-2">
<div class="flex items-start gap-2.5">
<!-- Avatar -->
<img src="https://cdn.bsky.app/img/avatar/plain/did:plc:7jofyghhfgbncm73tboeag6c/bafkreibhknf2kg2y277b6qus4hvdnb352rxffsytcnvvvy3q3anq3cx3su" class="w-6 h-6 rounded-full shrink-0 border border-slate-800" />
<!-- Comment Content -->
<div class="flex-1 min-w-0">
<div class="flex items-center gap-2 mb-1">
<span class="text-xs font-bold text-slate-300">Lucas 👽</span>
<span class="text-[10px] text-slate-500">@sizo.dev</span>
<span class="text-[9px] text-slate-600">· Jul 6, 07:10 AM</span>
</div>
<p class="text-xs text-slate-350 leading-relaxed break-words">Es cuestión de ir probando a ver cómo queda mejor, aunque siempre miraré la opción más accesible, ya que los textos e interfaces siempre deben ser legibles por encima de todo lo demás.</p>
</div>
</div>
<!-- Replies -->
<div class="mt-2">
&lt;div class=&quot;border-l-2 border-slate-800/60 pl-4 py-2 mt-3 ml-2&quot;&gt;
&lt;div class=&quot;flex items-start gap-2.5&quot;&gt;
&lt;!-- Avatar --&gt;
&lt;img src=&quot;https://cdn.bsky.app/img/avatar/plain/did:plc:o4ewunnpi7mscl64cf46kupi/bafkreiakz65m6dkwlahh2wgduvwwifxm7v3s3ulcsmaxab43sc3yfxirgu&quot; class=&quot;w-6 h-6 rounded-full shrink-0 border border-slate-800&quot; /&gt;
&lt;!-- Comment Content --&gt;
&lt;div class=&quot;flex-1 min-w-0&quot;&gt;
&lt;div class=&quot;flex items-center gap-2 mb-1&quot;&gt;
&lt;span class=&quot;text-xs font-bold text-slate-300&quot;&gt;𝕰𝖕𝖘𝖎𝖑𝖎𝖆𝖓&lt;/span&gt;
&lt;span class=&quot;text-[10px] text-slate-500&quot;&gt;@epsilian.bsky.social&lt;/span&gt;
&lt;span class=&quot;text-[9px] text-slate-600&quot;&gt;· Jul 6, 07:35 AM&lt;/span&gt;
&lt;/div&gt;
&lt;p class=&quot;text-xs text-slate-350 leading-relaxed break-words&quot;&gt;Oye Lucas he visto poquito pero veo que le estás metiendo una caña tremenda!, deseando ver el resultado&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;!-- Replies --&gt;
&lt;div class=&quot;mt-2&quot;&gt;
&amp;lt;div class=&amp;quot;border-l-2 border-slate-800/60 pl-4 py-2 mt-3 ml-2&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;flex items-start gap-2.5&amp;quot;&amp;gt;
&amp;lt;!-- Avatar --&amp;gt;
&amp;lt;img src=&amp;quot;https://cdn.bsky.app/img/avatar/plain/did:plc:7jofyghhfgbncm73tboeag6c/bafkreibhknf2kg2y277b6qus4hvdnb352rxffsytcnvvvy3q3anq3cx3su&amp;quot; class=&amp;quot;w-6 h-6 rounded-full shrink-0 border border-slate-800&amp;quot; /&amp;gt;
&amp;lt;!-- Comment Content --&amp;gt;
&amp;lt;div class=&amp;quot;flex-1 min-w-0&amp;quot;&amp;gt;
&amp;lt;div class=&amp;quot;flex items-center gap-2 mb-1&amp;quot;&amp;gt;
&amp;lt;span class=&amp;quot;text-xs font-bold text-slate-300&amp;quot;&amp;gt;Lucas 👽&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;text-[10px] text-slate-500&amp;quot;&amp;gt;@sizo.dev&amp;lt;/span&amp;gt;
&amp;lt;span class=&amp;quot;text-[9px] text-slate-600&amp;quot;&amp;gt;· Jul 6, 09:20 AM&amp;lt;/span&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;p class=&amp;quot;text-xs text-slate-350 leading-relaxed break-words&amp;quot;&amp;gt;No le tengas expectativas muy altas porque es el primer juego que voy a publicar xD&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;!-- Replies --&amp;gt;
&amp;lt;div class=&amp;quot;mt-2&amp;quot;&amp;gt;
&amp;amp;lt;div class=&amp;amp;quot;border-l-2 border-slate-800/60 pl-4 py-2 mt-3 ml-2&amp;amp;quot;&amp;amp;gt;
&amp;amp;lt;div class=&amp;amp;quot;flex items-start gap-2.5&amp;amp;quot;&amp;amp;gt;
&amp;amp;lt;!-- Avatar --&amp;amp;gt;
&amp;amp;lt;img src=&amp;amp;quot;https://cdn.bsky.app/img/avatar/plain/did:plc:o4ewunnpi7mscl64cf46kupi/bafkreiakz65m6dkwlahh2wgduvwwifxm7v3s3ulcsmaxab43sc3yfxirgu&amp;amp;quot; class=&amp;amp;quot;w-6 h-6 rounded-full shrink-0 border border-slate-800&amp;amp;quot; /&amp;amp;gt;
&amp;amp;lt;!-- Comment Content --&amp;amp;gt;
&amp;amp;lt;div class=&amp;amp;quot;flex-1 min-w-0&amp;amp;quot;&amp;amp;gt;
&amp;amp;lt;div class=&amp;amp;quot;flex items-center gap-2 mb-1&amp;amp;quot;&amp;amp;gt;
&amp;amp;lt;span class=&amp;amp;quot;text-xs font-bold text-slate-300&amp;amp;quot;&amp;amp;gt;𝕰𝖕𝖘𝖎𝖑𝖎𝖆𝖓&amp;amp;lt;/span&amp;amp;gt;
&amp;amp;lt;span class=&amp;amp;quot;text-[10px] text-slate-500&amp;amp;quot;&amp;amp;gt;@epsilian.bsky.social&amp;amp;lt;/span&amp;amp;gt;
&amp;amp;lt;span class=&amp;amp;quot;text-[9px] text-slate-600&amp;amp;quot;&amp;amp;gt;· Jul 6, 10:57 AM&amp;amp;lt;/span&amp;amp;gt;
&amp;amp;lt;/div&amp;amp;gt;
&amp;amp;lt;p class=&amp;amp;quot;text-xs text-slate-350 leading-relaxed break-words&amp;amp;quot;&amp;amp;gt;Da igual, lo importante aquí es que ES TU PRIMER JUEGO&amp;amp;lt;/p&amp;amp;gt;
&amp;amp;lt;/div&amp;amp;gt;
&amp;amp;lt;/div&amp;amp;gt;
&amp;amp;lt;!-- Replies --&amp;amp;gt;
&amp;amp;lt;/div&amp;amp;gt;
&amp;lt;/div&amp;gt;
&amp;lt;/div&amp;gt;
&lt;/div&gt;
&lt;/div&gt;
</div>
</div>
</div>
</div>