Menü
Create a React Three Fiber ribbon trail effect that follows a weapon's movement.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
| name | r3f-weapon-trail |
| description | Create a React Three Fiber ribbon trail effect that follows a weapon's movement. |
Create a ribbon trail effect that follows a weapon's movement.
Build a custom BufferGeometry that stores a history of positions in a ring buffer. Each frame, record the current world positions of trail points and update the geometry vertices to create a ribbon connecting all historical positions.
positions.needsUpdate = truelocalToWorld() to get world positions from the target objectconst trailPoints = [new Vector3(0, 0, 0), new Vector3(0, 1.5, 0)]
<group ref={weaponRef}>
<mesh>{/* weapon mesh */}</mesh>
</group>
<Trail target={weaponRef} points={trailPoints} enabled={isAttacking} />
This skill is part of verekia's r3f-gamedev.
Use React Three Fiber camera shake when a player takes damage or on impacts for visual feedback.
Display React Three Fiber floating damage numbers that animate upward and fade out, with support for critical hits.
Display React Three Fiber health bars above characters using Drei Html and CSS styling.
Display a React Three Fiber pulsing red vignette overlay when the player's health is low.
Make React Three Fiber enemies flash white and rock back and forth when receiving damage.
Poll for React Three Fiber value changes and trigger React re-renders when needed.