القائمة
Display a pulsing red vignette overlay when the player's health is low.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
Poll for changes to any value and trigger React re-renders when it changes.
Day-to-day coding style and patterns for R3F game development with Miniplex ECS.
Verekia's preferred project setup with Next.js Pages Router, Tailwind 4, oxfmt, oxlint, and TypeScript.
Use Zustand as a simple state store for entity management (not a true ECS).
Attach meshes to bones of a skinned mesh, such as attaching a sword to a character's hand.
Shake the camera when the player takes damage or on impacts for visual feedback.
| name | low-health |
| description | Display a pulsing red vignette overlay when the player's health is low. |
Display a pulsing red vignette overlay when the player's health is low.
Use a full-screen fixed div with box-shadow: inset to create a red vignette effect. Animate the opacity with CSS keyframes for a pulsing effect.
inset-0 to cover the entire screenpointer-events-none to allow clicking through the overlayinset 0 0 160px 40px redanimate-[low-health-opacity_0.5s_ease-in-out_infinite_alternate]<div
className="pointer-events-none fixed inset-0 animate-[low-health-opacity_0.5s_ease-in-out_infinite_alternate]"
style={{ boxShadow: 'inset 0 0 160px 40px red' }}
/>
This skill is part of verekia's r3f-gamedev.