Frontend Developer

This role is best suited for a Frontend Developer with strong skills in Svelte (or React/Vue/Angular), JavaScript/TypeScript, and WebGL (PixiJS) with custom GLSL shaders. The position focuses on building interactive game features, animations, visual effects, and integrating APIs to ensure smooth gameplay and client onboarding. It suits someone with a blend of frontend engineering and tech art skills, who enjoys creating polished, responsive UIs and optimizing performance across platforms.

1. How does Svelte’s reactivity work, and what are common pitfalls?
   Assignments trigger updates (count = count + 1), not mutations in place; for nested data use $: or stores, and remember to reassign arrays/objects to update.

2. How do you integrate a custom GLSL shader into PixiJS?
   Create a PIXI.Filter (or Mesh with custom shaders), pass uniforms from JS, and apply it to a Container/Sprite; update uniforms each tick for dynamic effects.

3. What’s the difference between vertex and fragment shaders in our use case?
   Vertex shaders transform geometry (position/UVs), while fragment shaders compute per-pixel color; most 2D VFX (blur, glow, color grading) live in fragment shaders.

4. How do you optimize shader performance for the web?
   Minimize branches/loops, prefer mediump precision on mobile, pack lookups into atlases, precompute constants in uniforms, and reduce render passes by batching filters.

5. Describe a robust game loop strategy in the browser.
   Use requestAnimationFrame/PIXI.Ticker with delta-time updates for deterministic motion, separate simulation from rendering, and throttle heavy work across frames.

6. How do you structure a PixiJS scene for complex UI and effects?
   Use a layered scene graph (background → gameplay → UI), isolate effects with nested containers/filters, and batch sprites sharing textures to limit state changes.

7. What’s your approach to asset loading and resolution handling?
   Load via Assets/Loader, spritesheet/atlas for fewer requests, show progress/fallbacks, and scale by devicePixelRatio with mipmaps while capping for low-end devices.

8. How would you implement smooth, accessible UI animations?
   Drive animations with CSS transitions/WAAPI/GSAP where appropriate, prefer transform/opacity, respect prefers-reduced-motion, and synchronize with layout using FLIP.

9. How do you integrate backend APIs for realtime and request/response flows?
   Use fetch with AbortController and exponential backoff for REST, WebSockets/SSE for realtime, validate payloads (e.g., Zod), and handle auth with secure tokens/refresh.

10. How do you debug and prevent performance leaks in WebGL/PixiJS apps?
    Profile with Chrome Performance + Spector.js, track FPS/CPU/GPU, destroy textures/filters/listeners on unmount, reuse buffers where possible, and watch for GC thrash from per-frame allocations.

A remote game studio is hiring a Frontend Developer to craft visually rich, interactive web-based games using Svelte (or similar frameworks), WebGL (PixiJS), and GLSL shaders. You'll collaborate with art and backend teams to build polished UI/UX, implement animations and effects, and integrate APIs for game systems and client onboarding. Ideal for developers with strong HTML/CSS/JS/TypeScript skills, shader experience, and a passion for both aesthetics and performance. Join a team where frontend meets tech art in a fast-paced, creative environment.