1<!doctype html> 2<html lang="en"> 3<head> 4<meta charset="utf-8" /> 5<meta name="viewport" content="width=device-width, initial-scale=1" /> 6<title>H Works Interactive</title> 7<meta name="description" content="H Works Interactive is a small independent studio crafting polished games, software and developer tools - from competitive VR shooters to Unity assets." /> 8<link rel="icon" href="assets/hworks_logo_1024.png" /> 9<link rel="preload" href="assets/fonts/inter-latin.woff2" as="font" type="font/woff2" crossorigin /> 10<link rel="preload" href="assets/fonts/spacegrotesk-latin.woff2" as="font" type="font/woff2" crossorigin /> 11<link rel="stylesheet" href="css/style.css" /> 12<link rel="stylesheet" href="assets/theme.css" /> 13</head> 14<body> 15 16<!-- fixed animated background (parallax): main image + drifting orbs, behind everything. Images set from the manifest by JS. 17 Two stacked full-screen LAYERS show the same image (sharp + pre-blurred); JS masks each with clip-path so the sharp one paints 18 only ABOVE the first section's top edge and the blurred one only BELOW it -> a hard sharp|blur cut "under the black", zero runtime blur. --> 19<div class="site-bg" id="siteBg"> 20 <div class="bg-layer bg-layer-sharp"><div class="bg-img bg-sharp" data-asset="background"></div></div> 21 <div class="bg-layer bg-layer-blur"><div class="bg-img bg-blur" data-asset="background_blur"></div></div> 22 <span class="orb o1"></span><span class="orb o2"></span><span class="orb o3"></span> 23</div> 24 25<!-- ===== header (logo -> home; three-zone nav, no Home link) ===== --> 26<header class="site-header"> 27 <div class="container nav"> 28 <a href="/" class="brand" aria-label="H Works Interactive"><span class="mark"><img data-asset="brand" alt=""></span></a> 29 <button class="burger" aria-label="Menu">☰</button> 30 <div class="nav-menu"> 31 <nav class="nav-center"> 32 <a href="#hgames"><span class="nico"><img data-asset="nav_games" alt=""></span> Games</a> 33 <a href="#hsoftware"><span class="nico"><img data-asset="nav_software" alt=""></span> Software</a> 34 <a href="#hassets"><span class="nico"><img data-asset="nav_assets" alt=""></span> Assets</a> 35 </nav> 36 <nav class="nav-right"> 37 <a href="#team"><span class="nico"><img data-asset="nav_team" alt=""></span> Team</a> 38 <a href="#contact"><span class="nico"><img data-asset="nav_contact" alt=""></span> Contact</a> 39 <a href="#" data-link="youtube" class="nav-social" title="YouTube" aria-label="YouTube"><span class="nico"><img data-asset="social_youtube" alt=""></span></a> 40 <a href="#" data-link="tiktok" class="nav-social" title="TikTok" aria-label="TikTok"><span class="nico"><img data-asset="social_tiktok" alt=""></span></a> 41 <a href="#" data-link="discord" class="nav-social" title="Discord" aria-label="Discord"><span class="nico"><img data-asset="social_discord" alt=""></span></a> 42 </nav> 43 </div> 44 </div> 45</header> 46 47<!-- ===== hero (big H Works logo, tagline, three big with-text CTA logos) ===== --> 48<section class="hero" data-fade-flag="home_hero_glow"> 49 <div class="container"> 50 <div class="hero-logo reveal"><img data-asset="hero_logo" alt="H Works Interactive"><span class="emo">H Works <span class="grad-text">Interactive</span></span></div> 51 <p class="lead" data-text="hero_desc">We’re a small studio crafting polished games, software and developer tools — from competitive VR shooters to Unity assets used by creators worldwide.</p> 52 <div class="hero-cta"> 53 <a href="#hgames" class="cta-btn"><img data-asset="cta_games" alt=""><span class="emo">H Games</span></a> 54 <a href="#hsoftware" class="cta-btn"><img data-asset="cta_software" alt=""><span class="emo">H Software</span></a> 55 <a href="#hassets" class="cta-btn"><img data-asset="cta_assets" alt=""><span class="emo">H Assets</span></a> 56 </div> 57 </div> 58</section> 59 60<!-- ===== games ===== --> 61<section class="section" id="hgames"> 62 <div class="container"> 63 <div class="section-head reveal"> 64 <span class="kicker">01 · Games</span> 65 <h2 data-text="games_title">Games we’re building</h2> 66 <p data-text="games_sub">Two titles in active development — a competitive tactical shooter and an arcade dogfighter.</p> 67 </div> 68 <div class="grid cols-2"> 69 <div class="pcard reveal">
70 <span class="ptile"><img data-asset="game_silentstrike" alt=""></span> 71 <span class="tag" data-text="ss_tag">VR + PC · Competitive Shooter</span> 72 <h3 data-text="ss_title">Silent Strike</h3> 73 <p data-text="ss_desc">A ranked tactical shooter for VR and PC. Climb the leaderboards, master your loadout, and outplay opponents across skill-based matches.</p> 74 <div class="actions"> 75 <a class="chip-link" href="hgames/silentstrike">More <span class="ic">→</span></a> 76 <a class="chip-link wishlist" href="#" data-link="steam_silentstrike"><span class="cico"><img data-asset="store_steam" alt=""></span> Wishlist on Steam</a> 77 </div> 78 </div> 79 <div class="pcard reveal d1"> 80 <span class="ptile"><img data-asset="game_copterstrike" alt=""></span> 81 <span class="tag" data-text="cs_tag">VR · Arcade</span> 82 <h3 data-text="cs_title">Copter Strike</h3> 83 <p data-text="cs_desc">A low-poly arcade helicopter dogfight set in a vibrant cartoon world. No realism — just fast, joyful aerial combat you can pick up in seconds.</p> 84 <div class="actions"> 85 <a class="chip-link" href="hgames/copterstrike">More <span class="ic">→</span></a> 86 <a class="chip-link" href="#" data-link="steam_copterstrike"><span class="cico"><img data-asset="store_steam" alt=""></span> Steam</a> 87 <a class="chip-link" href="#" data-link="meta_copterstrike"><span class="cico"><img data-asset="store_meta" alt=""></span> Meta</a> 88 </div> 89 </div> 90 </div> 91 </div> 92</section> 93 94<!-- ===== software ===== --> 95<section class="section alt" id="hsoftware"> 96 <div class="container"> 97 <div class="section-head reveal"> 98 <span class="kicker">02 · Software</span> 99 <h2 data-text="software_title">Handy software</h2> 100 <p data-text="software_sub">Small, focused Windows tools we built for ourselves — and share for free.</p> 101 </div> 102 <div class="grid cols-2"> 103 <div class="pcard reveal"> 104 <span class="ptile"><img data-asset="sw_switchoff" alt=""></span> 105 <span class="tag" data-text="switchoff_tag">Windows utility</span> 106 <h3 data-text="switchoff_title">H Switch Off</h3> 107 <p data-text="switchoff_desc">Schedule shutdowns, restarts, sleep and log-offs with a click — a lightweight power scheduler that stays out of your way.</p> 108 <div class="actions"><a class="chip-link" href="hsoftware/hswitchoff">More <span class="ic">→</span></a><a class="chip-link" href="#" data-link="store_switchoff"><span class="cico"><img data-asset="store_microsoft" alt=""></span> Microsoft Store</a></div> 109 </div> 110 <div class="pcard reveal d1"> 111 <span class="ptile"><img data-asset="sw_blankscreen" alt=""></span> 112 <span class="tag" data-text="blankscreen_tag">Windows utility</span> 113 <h3 data-text="blankscreen_title">H BlankScreen</h3> 114 <p data-text="blankscreen_desc">Instantly black out your display for a break, a presentation, or focus — one shortcut on, one tap off.</p> 115 <div class="actions"><a class="chip-link" href="hsoftware/hblankscreen">More <span class="ic">→</span></a><a class="chip-link" href="#" data-link="store_blankscreen"><span class="cico"><img data-asset="store_microsoft" alt=""></span> Microsoft Store</a></div> 116 </div> 117 </div> 118 </div> 119</section> 120 121<!-- ===== assets ===== --> 122<section class="section" id="hassets"> 123 <div class="container"> 124 <div class="section-head reveal"> 125 <span class="kicker">03 · Assets</span> 126 <h2 data-text="assets_title">Unity assets for creators</h2> 127 <p data-text="assets_sub">Tools we packaged up for other developers, available on the Unity Asset Store.</p> 128 </div> 129 <!-- horizontal, auto-scrolling strip (real draggable scrollbar; main.js drifts + pauses on hover) --> 130 <div class="assets-marquee reveal"> 131 <div class="assets-track"> 132 <div class="pcard"> 133 <span class="ptile"><img data-asset="asset_renderobjects" alt=""></span>
134 <span class="tag" data-text="renderobjects_tag">Unity · HDRP</span> 135 <h3 data-text="renderobjects_title">H Render Objects Custom Pass for HDRP</h3> 136 <p data-text="renderobjects_desc">A custom-pass helper that renders selected objects exactly the way you want in the High Definition Render Pipeline — outlines, overlays, x-ray and more.</p> 137 <div class="actions"><a class="chip-link" href="hassets/hrenderobjects">More <span class="ic">→</span></a><a class="chip-link" href="#" data-link="store_renderobjects"><span class="cico"><img data-asset="store_unity" alt=""></span> Unity Asset Store</a></div> 138 </div> 139 <div class="pcard"> 140 <span class="ptile"><img data-asset="asset_cachedshadows" alt=""></span> 141 <span class="tag" data-text="cachedshadows_tag">Unity · URP</span> 142 <h3 data-text="cachedshadows_title">H Cached Shadows URP</h3> 143 <p data-text="cachedshadows_desc">Render your URP shadow maps once and reuse them every frame. Static lights become free, and moving characters still cast live shadows on top.</p> 144 <div class="actions"><a class="chip-link" href="hassets/hcachedshadows">More <span class="ic">→</span></a><a class="chip-link" href="#" data-link="store_cachedshadows"><span class="cico"><img data-asset="store_unity" alt=""></span> Unity Asset Store</a></div> 145 </div> 146 <div class="pcard"> 147 <span class="ptile"><img data-asset="asset_fakelights" alt=""></span> 148 <span class="tag" data-text="fakelights_tag">Unity · URP</span> 149 <h3 data-text="fakelights_title">H Fake Lights URP</h3> 150 <p data-text="fakelights_desc">Convincing, ultra-cheap fake light glows for the Universal Render Pipeline — add mood and atmosphere without the performance cost of real lights.</p> 151 <div class="actions"><a class="chip-link" href="hassets/hfakelights">More <span class="ic">→</span></a><a class="chip-link" href="#" data-link="store_fakelights"><span class="cico"><img data-asset="store_unity" alt=""></span> Unity Asset Store</a></div> 152 </div> 153 <div class="pcard"> 154 <span class="ptile"><img data-asset="asset_volumetricfog" alt=""></span> 155 <span class="tag" data-text="volumetricfog_tag">Unity · URP</span> 156 <h3 data-text="volumetricfog_title">H Volumetric Fog URP</h3> 157 <p data-text="volumetricfog_desc">Froxel-based volumetric fog for URP — real light shafts from the sun and your point & spot lights, animated 3D noise, height and distance fog, all driven from a Volume.</p> 158 <div class="actions"><a class="chip-link" href="hassets/hvolumetricfog">More <span class="ic">→</span></a><a class="chip-link" href="#" data-link="store_volumetricfog"><span class="cico"><img data-asset="store_unity" alt=""></span> Unity Asset Store</a></div> 159 </div> 160 <div class="pcard"> 161 <span class="ptile"><img data-asset="asset_autoexposure" alt=""></span> 162 <span class="tag" data-text="autoexposure_tag">Unity · URP</span> 163 <h3 data-text="autoexposure_title">H Auto Exposure URP</h3> 164 <p data-text="autoexposure_desc">Automatic eye-adaptation exposure for URP — the camera measures scene brightness and eases its exposure, so dark rooms brighten and bright exteriors don’t blow out.</p> 165 <div class="actions"><a class="chip-link" href="hassets/hautoexposure">More <span class="ic">→</span></a><a class="chip-link" href="#" data-link="store_autoexposure"><span class="cico"><img data-asset="store_unity" alt=""></span> Unity Asset Store</a></div> 166 </div> 167 <div class="pcard"> 168 <span class="ptile"><img data-asset="asset_sdfuioutline" alt=""></span> 169 <span class="tag" data-text="sdfuioutline_tag">Unity · URP + HDRP · Free</span> 170 <h3 data-text="sdfuioutline_title">H SDF UI Outline</h3> 171 <p data-text="sdfuioutline_desc">A crisp SDF-based outline for Unity UI that works in both URP and HDRP — clean, resolution-independent edges on your UI elements. Free.</p> 172 <div class="actions">
172<a class="chip-link" href="hassets/hsdfuioutline">More <span class="ic">→</span></a><a class="chip-link" href="#" data-link="store_sdfuioutline"><span class="cico"><img data-asset="store_unity" alt=""></span> Unity Asset Store</a></div> 173 </div> 174 </div> 175 </div> 176 </div> 177</section> 178 179<!-- ===== partners (white logos, animated left-to-right marquee) ===== --> 180<section class="section alt" id="partners"> 181 <div class="container"> 182 <div class="section-head reveal"> 183 <span class="kicker">04 · Partners</span> 184 <h2 data-text="partners_title">Trusted by our partners</h2> 185 </div> 186 <div class="partners-marquee reveal"> 187 <div class="partners-track"> 188 <div class="partner"><img data-asset="partner_unity" alt="Unity"><span class="emo">Unity</span></div> 189 <div class="partner"><img data-asset="partner_steam" alt="Steam"><span class="emo">Steam</span></div> 190 <div class="partner"><img data-asset="partner_meta" alt="Meta Quest"><span class="emo">Meta Quest</span></div> 191 <div class="partner"><img data-asset="partner_xsolla" alt="Xsolla"><span class="emo">Xsolla</span></div> 192 <div class="partner"><img data-asset="partner_unity" alt="Unity"><span class="emo">Unity</span></div> 193 <div class="partner"><img data-asset="partner_steam" alt="Steam"><span class="emo">Steam</span></div> 194 <div class="partner"><img data-asset="partner_meta" alt="Meta Quest"><span class="emo">Meta Quest</span></div> 195 <div class="partner"><img data-asset="partner_xsolla" alt="Xsolla"><span class="emo">Xsolla</span></div> 196 </div> 197 </div> 198 </div> 199</section> 200 201<!-- ===== team ===== --> 202<section class="section" id="team"> 203 <div class="container"> 204 <div class="section-head reveal"> 205 <span class="kicker">05 · Team</span> 206 <h2 data-text="team_title">The people behind H Works Interactive</h2> 207 <p data-text="team_sub">A tight-knit, remote-first team spread across Europe.</p> 208 </div> 209 <div class="team-marquee reveal"> 210 <div class="team-track" data-team> 211 <div class="tcard"> 212 <span class="tavatar">MN<img data-asset="team_marian" alt=""></span> 213 <h3>Marian Nastase</h3> 214 <div class="role">Founder and Lead Developer</div> 215 <div class="loc">Based in Romania</div> 216 </div> 217 <div class="tcard"> 218 <span class="tavatar">MD<img data-asset="team_madalina" alt=""></span> 219 <h3>Madalina Dobre</h3> 220 <div class="role">Founder and Lead Developer</div> 221 <div class="loc">Based in Romania</div> 222 </div> 223 <div class="tcard"> 224 <span class="tavatar">SK<img data-asset="team_slawomir" alt=""></span> 225 <h3>Sławomir Kozak</h3> 226 <div class="role">3D Modeler and 3D Texture Artist</div> 227 <div class="loc">Based in Poland</div> 228 </div> 229 <div class="tcard"> 230 <span class="tavatar">RS<img data-asset="team_raphael" alt=""></span> 231 <h3>Raphaël Sente</h3> 232 <div class="role">Web and Backend Developer</div> 233 <div class="loc">Based in Belgium</div> 234 </div> 235 <!-- duplicate set for the seamless loop (same as the partners marquee) --> 236 <div class="tcard" aria-hidden="true"> 237 <span class="tavatar">MN<img data-asset="team_marian" alt=""></span> 238 <h3>Marian Nastase</h3> 239 <div class="role">Founder and Lead Developer</div> 240 <div class="loc">Based in Romania</div> 241 </div> 242 <div class="tcard" aria-hidden="true"> 243 <span class="tavatar">MD<img data-asset="team_madalina" alt=""></span> 244 <h3>Madalina Dobre</h3> 245 <div class="role">Founder and Lead Developer</div> 246 <div class="loc">Based in Romania</div> 247 </div> 248 <div class="tcard" aria-hidden="true"> 249 <span class="tavatar">SK<img data-asset="team_slawomir" alt=""></span> 250 <h3>Sławomir Kozak</h3> 251 <div class="role">3D Modeler and 3D Texture Artist</div> 252 <div class="loc">Based in Poland</div> 253 </div> 254 <div class="tcard" aria-hidden="true">
255 <span class="tavatar">RS<img data-asset="team_raphael" alt=""></span> 256 <h3>Raphaël Sente</h3> 257 <div class="role">Web and Backend Developer</div> 258 <div class="loc">Based in Belgium</div> 259 </div> 260 </div> 261 </div> 262 </div> 263</section> 264 265<!-- ===== contact ===== --> 266<section class="section" id="contact"> 267 <div class="container"> 268 <div class="contact-box reveal"> 269 <span class="kicker" style="color:var(--accent);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:13px;">06 · Contact</span> 270 <h2 data-text="contact_title">Let’s build something</h2> 271 <p data-text="contact_sub">Questions, collaborations, or just want to say hi? We’d love to hear from you.</p> 272 <!-- one card per kind of question, each a mailto link. The addresses are deploy-console text fields (contact_email, business_email, 273 support_email, assetsupport_email): data-mailto builds the link, data-text shows the address, both from the same field. --> 274 <div class="contact-grid"> 275 <a class="contact-card" href="mailto:[email protected]" data-mailto="contact_email"> 276 <span class="cc-ico"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M21 11.5a8.5 8.5 0 0 1-12.4 7.6L3.5 20.5l1.4-4.8A8.5 8.5 0 1 1 21 11.5z"/></svg></span> 277 <span class="cc-label">General</span> 278 <span class="cc-title">Just want to say hi?</span> 279 <span class="cc-desc">Questions, feedback, press or anything else about the studio.</span> 280 <span class="cc-email"><span data-text="contact_email">[email protected]</span>
280<svg class="cc-arrow" viewBox="0 0 24 24" aria-hidden="true"><path d="M7 17 17 7M9 7h8v8"/></svg></span> 281 </a> 282 <a class="contact-card" href="mailto:[email protected]" data-mailto="business_email"> 283 <span class="cc-ico"><svg viewBox="0 0 24 24" aria-hidden="true"><rect x="3" y="7" width="18" height="13" rx="2"/><path d="M8.5 7V5.5A1.5 1.5 0 0 1 10 4h4a1.5 1.5 0 0 1 1.5 1.5V7M3 12.5h18"/></svg></span> 284 <span class="cc-label">Business</span> 285 <span class="cc-title">Have a game idea you want built?</span> 286 <span class="cc-desc">Client projects, publishing, partnerships and every other business inquiry.</span> 287 <span class="cc-email"><span data-text="business_email">[email protected]</span><svg class="cc-arrow" viewBox="0 0 24 24" aria-hidden="true"><path d="M7 17 17 7M9 7h8v8"/></svg></span> 288 </a> 289 <a class="contact-card" href="mailto:[email protected]" data-mailto="support_email"> 290 <span class="cc-ico"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M7.5 5h9a4 4 0 0 1 3.9 3.1l1 4.9a2.8 2.8 0 0 1-4.7 2.6L15 14H9l-1.7 1.6a2.8 2.8 0 0 1-4.7-2.6l1-4.9A4 4 0 0 1 7.5 5z"/><path d="M7.5 8.5v3M6 10h3M15.5 9.5h.01M17.5 11h.01"/></svg></span> 291 <span class="cc-label">Game support</span> 292 <span class="cc-title">Stuck in one of our games?</span> 293 <span class="cc-desc">Silent Strike and Copter Strike VR: bugs, account help and anything in-game.</span> 294 <span class="cc-email"><span data-text="support_email">[email protected]</span>
294<svg class="cc-arrow" viewBox="0 0 24 24" aria-hidden="true"><path d="M7 17 17 7M9 7h8v8"/></svg></span> 295 </a> 296 <a class="contact-card" href="mailto:[email protected]" data-mailto="assetsupport_email"> 297 <span class="cc-ico"><svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3l8 4.5v9L12 21l-8-4.5v-9L12 3z"/><path d="M12 12l8-4.5M12 12L4 7.5M12 12v9"/></svg></span> 298 <span class="cc-label">Asset support</span> 299 <span class="cc-title">Using one of our Unity tools?</span> 300 <span class="cc-desc">Setup help and bug reports for our Unity Asset Store tools.</span> 301 <span class="cc-email"><span data-text="assetsupport_email">[email protected]</span><svg class="cc-arrow" viewBox="0 0 24 24" aria-hidden="true"><path d="M7 17 17 7M9 7h8v8"/></svg></span> 302 </a> 303 </div> 304 <div class="socials"> 305 <a href="#" data-link="youtube" aria-label="YouTube" title="YouTube"><img data-asset="social_youtube" alt=""><span class="emo">▶</span></a> 306 <a href="#" data-link="tiktok" aria-label="TikTok" title="TikTok"><img data-asset="social_tiktok" alt=""><span class="emo">♪</span></a> 307 <a href="#" data-link="discord" aria-label="Discord" title="Discord"><img data-asset="social_discord" alt=""><span class="emo">💬</span></a> 308 </div> 309 </div> 310 </div> 311</section> 312 313<!-- ===== footer ===== --> 314<footer class="site-footer"> 315 <div class="container"> 316 <div class="footer-main"> 317 <div class="footer-brand"> 318 <a href="/" class="footer-logo"><img data-asset="hero_logo" alt="H Works Interactive"><span class="emo">H Works <span class="grad-text">Interactive</span></span></a> 319 <p data-text="footer_desc">A small independent studio building games, software and developer tools.</p> 320 </div> 321 <div class="footer-logos"> 322 <a href="#hgames" class="footer-cta"><img data-asset="cta_games" alt=""><span class="emo">H Games</span></a> 323 <a href="#hsoftware" class="footer-cta"><img data-asset="cta_software" alt=""><span class="emo">H Software</span></a> 324 <a href="#hassets" class="footer-cta"><img data-asset="cta_assets" alt=""><span class="emo">H Assets</span></a> 325 </div> 326 <div class="footer-links"> 327 <a href="#team"><span class="nico"><img data-asset="nav_team" alt=""></span> Team</a> 328 <a href="#contact"><span class="nico"><img data-asset="nav_contact" alt=""></span> Contact</a> 329 </div> 330 </div> 331 <div class="copyright"> 332 <span>© <span data-year>2026</span> <span data-text="footer_copyright">H Works Interactive. All rights reserved.</span></span> 333 <a href="privacy" class="footer-privacy">Privacy notice</a> 334 <span data-text="footer_note">Made with care in Europe.</span> 335 </div> 336 </div> 337</footer> 338
339<script src="assets/manifest.js"></script>
vendor: 1 bytes, line 339
339
340<script src="js/main.js"></script>
340 341</body> 342</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.