https://abhishtagatya.github.io/tags/c%23-programming/Recent content in C# Programming on AbhishtaHugoen-USSun, 14 Sep 2025 00:00:00 +0100https://abhishtagatya.github.io/posts/generic-keyboard-mouse-sprite-animation-library/Sun, 14 Sep 2025 00:00:00 +0100https://abhishtagatya.github.io/posts/generic-keyboard-mouse-sprite-animation-library/<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"> <iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube.com/embed/7BmosOk9iag?autoplay=0&amp;controls=1&amp;end=0&amp;loop=0&amp;mute=0&amp;start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"></iframe> </div> <h3 id="tldr">TL;DR</h3> <p><a href="https://u3d.as/3DJ2"target="_blank" class="relative inline-flex items-center" >Unity Asset Store <svg id="external-link" class="h-3 w-3 ml-1 absolute top-0 right-0 transform translate-x-2/5 -translate-y-1/3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a></p> <p><a href="https://abhishta.itch.io/generick-kbm"target="_blank" class="relative inline-flex items-center" >Itch Sprite Only Version <svg id="external-link" class="h-3 w-3 ml-1 absolute top-0 right-0 transform translate-x-2/5 -translate-y-1/3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/></svg> </a></p>https://abhishtagatya.github.io/posts/photo-tagging-system-in-unity-6-urp/Tue, 05 Aug 2025 00:00:00 +0100https://abhishtagatya.github.io/posts/photo-tagging-system-in-unity-6-urp/<p> <figure class="image-figure not-prose my-8" data-lightbox-enabled="true" data-gallery-type="auto"> <div class="image-container"> <img src="https://abhishtagatya.github.io/posts/photo-tagging-system-in-unity-6-urp/pot.png" alt="" title="Photo Tagging System Demo" width="1440" height="900" loading="lazy" decoding="async" data-gallery-src="https://abhishtagatya.github.io/posts/photo-tagging-system-in-unity-6-urp/pot.png" data-gallery-alt="" data-gallery-title="Photo Tagging System Demo" /></div> <figcaption class="image-caption"> Photo Tagging System Demo </figcaption></figure></p> <h3 id="introduction">Introduction</h3> <p>In my game <em>Quality Assurance</em>, I needed a system to <strong>tag objects with colors</strong> and later sample that information for gameplay mechanics. Crucially, this information needed to be <strong>hidden from the player</strong>, so it must be rendered off-screen.</p> <p>This article describes how I implemented a <strong>custom color tag encoding pass</strong> in Unity URP, using <code>ScriptableRendererFeature</code> and <code>MaterialPropertyBlock</code>.</p>https://abhishtagatya.github.io/posts/visualizing-brno-in-unity/Thu, 15 May 2025 00:00:00 +0100https://abhishtagatya.github.io/posts/visualizing-brno-in-unity/<style> #masonry-0b8f0d8456b9e4543b946041e42eaca9-1 { width: 100%; } #masonry-0b8f0d8456b9e4543b946041e42eaca9-1 .masonry-container { width: 100%; position: relative; } #masonry-0b8f0d8456b9e4543b946041e42eaca9-1 .masonry-item { display: inline-block; width: 100%; margin-bottom: 15px; break-inside: avoid; box-sizing: border-box; } #masonry-0b8f0d8456b9e4543b946041e42eaca9-1 .masonry-item img { width: 100%; height: auto; display: block; transition: transform 0.3s ease-in-out; border-radius: 0.5rem; } #masonry-0b8f0d8456b9e4543b946041e42eaca9-1 .glightbox { display: block; text-decoration: none; overflow: hidden; cursor: pointer; border-radius: 0.5rem; } #masonry-0b8f0d8456b9e4543b946041e42eaca9-1 .glightbox:hover, #masonry-0b8f0d8456b9e4543b946041e42eaca9-1 .glightbox:focus { text-decoration: none; outline: none; } #masonry-0b8f0d8456b9e4543b946041e42eaca9-1 .masonry-item:hover img { transform: scale(1.05); } #masonry-0b8f0d8456b9e4543b946041e42eaca9-1 .masonry-item { overflow: hidden; border-radius: 0.5rem; } </style> <div class="masonry-gallery" id="masonry-0b8f0d8456b9e4543b946041e42eaca9-1" data-columns="3" data-gutter="15" data-animate="true" data-use-transform="true" data-center="true" data-max-columns="5" data-lightbox="true"> <div class="masonry-container"> <div class="masonry-item"><a href="https://abhishtagatya.github.io/posts/visualizing-brno-in-unity/preview.png" class="glightbox" data-gallery="masonry-0b8f0d8456b9e4543b946041e42eaca9-1"data-description="<h4>GISMU Snapshot #1</h4>"> <img src="https://abhishtagatya.github.io/posts/visualizing-brno-in-unity/preview.png" alt="" title="GISMU Snapshot #1" width="1919" height="1079" loading="lazy" decoding="async" data-gallery-src="https://abhishtagatya.github.io/posts/visualizing-brno-in-unity/preview.png" data-gallery-alt="" data-gallery-title="GISMU Snapshot #1" /></a></div><div class="masonry-item"><a href="https://abhishtagatya.github.io/posts/visualizing-brno-in-unity/snapshot-a.png" class="glightbox" data-gallery="masonry-0b8f0d8456b9e4543b946041e42eaca9-1"data-description="<h4>GISMU Snapshot #2</h4>"> <img src="https://abhishtagatya.github.io/posts/visualizing-brno-in-unity/snapshot-a.png" alt="" title="GISMU Snapshot #2" width="1919" height="1079" loading="lazy" decoding="async" data-gallery-src="https://abhishtagatya.github.io/posts/visualizing-brno-in-unity/snapshot-a.png" data-gallery-alt="" data-gallery-title="GISMU Snapshot #2" /></a></div><div class="masonry-item"><a href="https://abhishtagatya.github.io/posts/visualizing-brno-in-unity/snapshot-b.png" class="glightbox" data-gallery="masonry-0b8f0d8456b9e4543b946041e42eaca9-1"data-description="<h4>GISMU Snapshot #3</h4>"> <img src="https://abhishtagatya.github.io/posts/visualizing-brno-in-unity/snapshot-b.png" alt="" title="GISMU Snapshot #3" width="1919" height="1079" loading="lazy" decoding="async" data-gallery-src="https://abhishtagatya.github.io/posts/visualizing-brno-in-unity/snapshot-b.png" data-gallery-alt="" data-gallery-title="GISMU Snapshot #3" /></a></div></div> </div> <script> (function() { const containerId = 'masonry-0b8f0d8456b9e4543b946041e42eaca9-1'; const config = { columns: 3 , gutter: 15 , maxColumns: 5 , lightbox: true , animate: "true", useTransform: "true", center: "true" }; console.log('Initializing masonry gallery:', containerId, config); function initMasonryGallery() { const container = document.getElementById(containerId); if (!container) { console.error('Masonry container not found:', containerId); return; } const masonryContainer = container.querySelector('.masonry-container'); if (!masonryContainer) { console.error('Masonry inner container not found'); return; } if (typeof Macy === 'undefined') { console.error('Macy.js not loaded'); return; } console.log('Found container and Macy, initializing...'); try { const macyInstance = Macy({ container: masonryContainer, trueOrder: false, waitForImages: true, useOwnImageLoader: false, debug: false, mobileFirst: true, columns: config.columns, margin: { x: config.gutter, y: config.gutter }, breakAt: { 1400: Math.min(config.maxColumns, config.columns), 1200: Math.min(config.maxColumns, config.columns), 940: Math.min(config.maxColumns, config.columns), 768: Math.min(3, config.columns), 520: Math.min(2, config.columns), 400: 1 } }); console.log('Macy initialized successfully for', containerId); const images = masonryContainer.querySelectorAll('img'); let loadedImages = 0; const totalImages = images.length; function onImageLoad() { loadedImages++; console.log(`Image ${loadedImages}/${totalImages} loaded`); if (loadedImages === totalImages) { setTimeout(() => { if (macyInstance && macyInstance.reCalculate) { macyInstance.reCalculate(true); console.log('Macy layout recalculated after all images loaded'); } }, 100); } } images.forEach(img => { if (img.complete) { onImageLoad(); } else { img.addEventListener('load', onImageLoad); img.addEventListener('error', onImageLoad); } }); } catch (error) { console.error('Error initializing Macy:', error); } if (config.lightbox) { if (typeof GLightbox !== 'undefined') { try { let globalLightboxConfig = window.HUGO_GALLERY_CONFIG?.lightbox_options || {}; if (typeof globalLightboxConfig === 'string') { try { globalLightboxConfig = JSON.parse(globalLightboxConfig); } catch (e) { console.error('Error parsing masonry GLightbox config:', e); globalLightboxConfig = {}; } } const lightbox = GLightbox({ selector: `#${containerId} .glightbox`, touchNavigation: globalLightboxConfig.touchnavigation ?? globalLightboxConfig.touchNavigation ?? true, loop: globalLightboxConfig.loop ?? true, draggable: globalLightboxConfig.draggable ?? true, zoomable: globalLightboxConfig.zoomable ?? true, preload: globalLightboxConfig.preload ?? true, width: globalLightboxConfig.width || '90vw', height: globalLightboxConfig.height || '90vh', descPosition: globalLightboxConfig.descposition || globalLightboxConfig.descPosition || 'bottom', onOpen: () => { console.log('GLightbox opened for', containerId); } }); console.log('GLightbox initialized successfully for', containerId, 'with global config'); } catch (error) { console.error('Error initializing GLightbox:', error); } } else { console.error('GLightbox not loaded but lightbox is enabled'); } } } function waitForLibraries() { let attempts = 0; const maxAttempts = 50; function check() { attempts++; const macyReady = typeof Macy !== 'undefined'; const lightboxReady = !config.lightbox || typeof GLightbox !== 'undefined'; if (macyReady && lightboxReady) { initMasonryGallery(); } else if (attempts < maxAttempts) { setTimeout(check, 100); } else { console.error('Timeout waiting for libraries. Macy:', macyReady, 'GLightbox:', lightboxReady); } } check(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', waitForLibraries); } else { setTimeout(waitForLibraries, 50); } })(); </script> <h3 id="introduction">Introduction</h3> <p>During my time at <strong>HCILab</strong>, under the supervision of <strong>Jonas Rosecký</strong>, I developed <strong>GISMU</strong>, a Unity-based system for visualizing geospatial data in 3D. The project focused on Brno, CZ, exploring how terrain, transport, and infrastructure data could be transformed into an interactive environment — with future potential for VR exploration.</p>