Coin Effects
Voeg rotatie animatie en sparkle particles toe aan coins
Overzicht
Voeg visuele effecten toe aan de coin:
Rotatie animatie met AnimationPlayer
Sparkle particles met GPUParticles3D
Coin Rotation Animation
Voeg een rotatie animatie toe om de coin te laten draaien - dit trekt de aandacht van de speler. Gebruik hiervoor Godot's AnimationPlayer node.
Open objects/Coin.tscn
Selecteer de Coin root node
Rechts-klik > Add Child Node
Zoek naar AnimationPlayer en klik Create
Sla de scene op
Scene hierarchy:
Coin (Area3D)
├── coin (imported scene from coin.glb)
├── CollisionShape3D (SphereShape3D)
└── AnimationPlayerMove Animatie Maken
Maak nu een animatie die de coin laat ronddraaien.
Selecteer de AnimationPlayer node
In het Animation panel onderaan, klik Animation > New Animation
Noem de animatie "move" en klik OK
Selecteer de coin root node
Ga in de Inspector naar de Node3D > Transform > Rotation property, en klik op het sleutel icoon
Klik op Create
Versleep de Animation Timer naar het einde (1 seconde)
In de Inspector, verander de Y-rotation naar 360, en klik terug op het sleutel icoon
In de Animation Editor, zorg er nu voor dat:
de animatie automatisch start
de animatie in een loop draait
Coin Particle Effect
Voeg sparkle particles toe aan de coin om deze nog meer op te laten vallen.
GPUParticles3D Toevoegen
Open objects/Coin.tscn
Selecteer de Coin root node
Rechts-klik > Add Child Node > GPUParticles3D
Hernoem deze node naar Particles
Sla de scene op
Scene hierarchy:
Particle Texture Setup
Particles hebben een material nodig om zichtbaar te worden. Begin met een StandardMaterial3D.
Selecteer de Particles node
In de Inspector, vind Geometry > Material Override
Klik op het dropdown > New StandardMaterial3D
Klik op de nieuwe StandardMaterial3D om de instellingen te openen
Maak nu de particles transparant zodat ze kunnen faden.
Onder Transparency, klik het dropdown
Selecteer Alpha
Voeg de particle texture toe.
Onder Albedo, klik het [empty] veld naast Texture
Kies voor Quick Load
Selecteer particle.png en klik Open
Om de particles mooi helder te krijgen, zorg je ervoor dat belichting geen effect heeft op de particles.
Onder Shading, ga naar Shading Mode
Zet Shading Mode op Unshaded
Particles moeten kleuren kunnen tonen vanuit de gradient. Daarom schakelen we Vertex Color in.
Onder Vertex Color, vink Use As Albedo aan
Particles zien er beter uit als ze altijd naar de camera kijken - dit noemen we billboard mode.
Onder Billboard, klik het dropdown
Selecteer Enabled
Vink Keep Scale aan
Tot slot voegen we proximity fade toe zodat particles zachtjes verdwijnen als ze dicht bij de camera komen.
Onder Proximity Fade, vink Enable aan
Particle Behavior Setup
Nu bepalen we hoe de particles zich gedragen met een ParticleProcessMaterial.
Selecteer de Particles node
In de Inspector, vind Process Material
Klik op het dropdown > New ParticleProcessMaterial
Klik op de nieuwe ParticleProcessMaterial om de instellingen te openen
We stellen de richting in zodat particles in alle kanten bewegen.
Onder Spawn > Velocity > Direction, zet alle waarden op 1:
X: 1
Y: 1
Z: 1
Met spread bepalen we hoe wijd de particles verspreid worden - 180 graden betekent alle kanten op.
Onder Spread, zet de waarde op 180
Particles moeten langzaam van de coin wegbewegen.
Onder Initial Velocity, zet Max op 1.0
We schakelen gravity uit zodat particles blijven zweven.
Onder Accelerations > Gravity, zet alle waarden op 0:
X: 0
Y: 0
Z: 0
Damping zorgt ervoor dat particles langzaam vertragen.
Onder Accelerations > Damping, zet beide waarden:
Min: 0.5
Max: 0.5
Particle Scale
We maken de particles klein.
Onder Display > Scale, zet beide waarden:
Min: 0.15
Max: 0.15
Nu voegen we een scale curve toe voor een fade-in/fade-out effect.
Klik het [empty] veld naast Scale Curve
Selecteer New CurveTexture
Klik op de nieuwe CurveTexture
Klik op het [empty] veld naast Curve
Selecteer New Curve
Klik op de nieuwe Curve om de curve editor te openen
De curve bepaalt de grootte van particles over hun levensduur. We maken een curve die begint klein, groeit, en weer krimpt.
Rechts-klik in de curve editor
Selecteer Add Point
Plaats een punt in het midden (X rond 0.5)
Sleep het middelste punt omhoog tot Y = 1
De linker en rechter punten blijven op Y = 0
Particle Color
We geven de particles een mooie gouden kleur die overgaat naar wit.
Onder Display > Color Curves, klik het [empty] veld naast Color Ramp
Selecteer New GradientTexture1D
Klik op de nieuwe GradientTexture1D
Klik op de nieuwe Gradient om de gradient editor te openen
Nu stellen we de kleuren in. Links is de startkleur (gouden geel), rechts is de eindkleur (wit).
Klik op de linker color marker onderaan de gradient
In de color picker, zet:
R: 0.996
G: 0.910
B: 0.352
A: 1.0
Klik op de rechter color marker
In de color picker, zet alle waarden op 1.0
Particle Mesh
Particles hebben een mesh nodig. We gebruiken een QuadMesh - een plat vierkant perfect voor 2D textures.
Selecteer de Particles node
In de Inspector, vind Draw Passes
Onder Pass 1, klik het dropdown
Selecteer New QuadMesh
Tot slot verplaatsen we de particles net boven de coin.
Selecteer de Particles node
Gebruik de move tool om de particle node bovenaan de coin te plaatsen
Sla de scene op
Test de Coin Particles
Test met F5!
Je zou nu moeten zien:
De coin draait rond zijn Y-as
Gouden sparkle particles verschijnen rondom de coin
Particles groeien aan, bereiken hun piek, en verdwijnen
Particles bewegen langzaam in alle richtingen
Als de particles niet verschijnen:
Check of Emitting aanstaat in de Particles node
Controleer of alle material settings correct zijn
Zorg dat particle.png in de sprites folder staat
Laatst bijgewerkt