PageSourceSearch

https://hworksinteractive.com/

html hworksinteractive.com collected 2026-10-04 10:02:25 UTC 22,978 bytes, 342 lines download raw bytes

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">&#9776;</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&rsquo;re a small studio crafting polished games, software and developer tools &mdash; 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 &middot; Games</span>
65      <h2 data-text="games_title">Games we&rsquo;re building</h2>
66      <p data-text="games_sub">Two titles in active development &mdash; 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 &middot; 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">&rarr;</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 &middot; 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 &mdash; 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">&rarr;</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 &middot; 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 &mdash; 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 &mdash; 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">&rarr;</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 &mdash; one shortcut on, one tap off.</p>
115        <div class="actions"><a class="chip-link" href="hsoftware/hblankscreen">More <span class="ic">&rarr;</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 &middot; 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 &middot; 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 &mdash; outlines, overlays, x-ray and more.</p>
137        <div class="actions"><a class="chip-link" href="hassets/hrenderobjects">More <span class="ic">&rarr;</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 &middot; 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">&rarr;</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 &middot; 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 &mdash; 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">&rarr;</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 &middot; 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 &mdash; real light shafts from the sun and your point &amp; 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">&rarr;</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 &middot; 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 &mdash; the camera measures scene brightness and eases its exposure, so dark rooms brighten and bright exteriors don&rsquo;t blow out.</p>
165        <div class="actions"><a class="chip-link" href="hassets/hautoexposure">More <span class="ic">&rarr;</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 &middot; URP + HDRP &middot; 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 &mdash; 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">&rarr;</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 &middot; 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&nbsp;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&nbsp;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 &middot; 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&#322;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&#235;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&#322;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&#235;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 &middot; Contact</span>
270      <h2 data-text="contact_title">Let&rsquo;s build something</h2>
271      <p data-text="contact_sub">Questions, collaborations, or just want to say hi? We&rsquo;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">&#9654;</span></a>
306        <a href="#" data-link="tiktok" aria-label="TikTok" title="TikTok"><img data-asset="social_tiktok" alt=""><span class="emo">&#9834;</span></a>
307        <a href="#" data-link="discord" aria-label="Discord" title="Discord"><img data-asset="social_discord" alt=""><span class="emo">&#128172;</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>&copy; <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.