Effekter

12 min read

Lägg till visuella effekter för att förbättra dina mönster. PinePaper innehåller 15 inbyggda effekter från partikelsystem till miljösimuleringar.

Tillgängliga effekter

Sparkle

En glödande partikel som följer konturen av ditt objekt, lämnar ett spår av gnistor.

Bäst för:** Logos, markerad text, magiska teman

Fastighet	Beskrivning	Standard
Färgfärg	Sparkle/glow färg	`#fbbf24` (guld)
Hastighet	Animationshastighet multiplikator	`1.0`
Storlek	Partikel radie	`2`

Blast

En explosion av partiklar från centrum av ett objekt. En skott som standard, eller sätt ett intervall för att upprepa sprickor.

Bäst för:** Avslöja, betoning, fester

Fastighet	Beskrivning	Standard
Färgfärg	Partikelfärg	`#ef4444` (red)
Radius	Explosion sprids distans	`100`
Räkna	Antal partiklar	`20`
Intervall	Upprepa intervall på sekunder (0 = en-skott)	`0`
Upprepa	Antal repetitioner (0 = endast en skott)	`0`

Brand

Organisk flamma former med gradient färgning, sinusoidal våg animation och turbulens. Flames pre-warm automatiskt så det finns ingen kallstart gap.

Bäst för:** Facklor, lägerbränder, dramatisk betoning

Fastighet	Beskrivning	Standard
Färgfärg	Basfärg för autogenererad gradient	`#fbbf24`
Färger	Anpassad gradient stoppar array (överskridande färg)	gul → orange → röd
Räkna	Spawn rate	`12`
Hastighet	Spawn rate multiplikator	`1.5`
Spridning	Horizontal spawn spridning	`0`
Storlek	Base flame storlek	`3`
Höjd	Max höjd (0 = auto från objektgränser)	`0`
Partikelliv	Flamm livstid på några sekunder	`1.5`
Turbulens	Wave amplitude multiplikator	`1.0`
Max partiklar	Max samtidiga lågor	`30`

Rök

Stigande rök eller ångpartiklar med sinusoidal horisontell drift. Pre-warms automatiskt för omedelbar synlighet.

Bäst för:** Chimneys, ånga, atmosfäriska haze

Fastighet	Beskrivning	Standard
Färgfärg	Rökfärg	`#888888`
Räkna	Spawn rate	`15`
Hastighet	Spawn rate multiplikator	`1.0`
Spridning	Horizontal spawn spridning	`0`
Storlek	Initial partikelradie	`3`
Drift	Horizontal sinusoidal drift avstånd	`8`
Höjd	Max höjd (0 = auto)	`0`
Partikelliv	Partikel livstid på några sekunder	`1.5`
Tillväxtränta	Skala tillväxt som partikel stiger	`0.3`
Max partiklar	Max samtidiga partiklar	`18`

Regn

Nedre regnsträckor med konfigurerbar vindvinkel och droppstorlek.

Bäst för:** Väderscener, humör, miljöbakgrund

Fastighet	Beskrivning	Standard
Färgfärg	Raindrop färg	`#93c5fd` (ljusblå)
Räkna	Spawn faktor	`15`
Hastighet	Fall speed multiplikator	`2.0`
Angle	Vindvinkel (påverkar horisontell drift)	`0`
Spridning	Horizontal spawn spridningsfaktor	`1.0`
Storlek	Raindrop längd och bredd multiplikator	`1.0`

Snö snö

Långsamt fallande snöflingor med mild horisontell drift och rotation.

Bäst för:** Vinterscener, semesterteman, mild atmosfär

Fastighet	Beskrivning	Standard
Färgfärg	Snowflake färg	`#e2e8f0` (ljusgrå)
Räkna	Spawn faktor	`10`
Hastighet	Fall speed multiplikator	`0.5`
Spridning	Horizontal spawn spridningsfaktor	`1.5`
Partikelliv	Flake livstid på några sekunder	`4.0`

Confetti

Färgglada tumlande rektanglar med fysikbaserad gravitation. En skott som standard, eller sätt ett intervall för att upprepa sprickor.

Bäst för:** Firande, prestationer, partiteman

Fastighet	Beskrivning	Standard
Färger	Array av confetti färger	röd, gul, grön, blå, lila
Räkna	Partiklar per burst	`30`
Radius	Explosion speed range	`150`
Gravity	Nedåtgående acceleration	`200`
Storlek	Rektangelstorlek	`6`
Spridning	Spawn område sprids	`0`
Offset X/Y	Center Offset	`0`
Intervall	Upprepa intervall på sekunder (0 = en-skott)	`0`
Upprepa	Antal repetitioner (0 = endast en skott)	`0`

Ripple

Expandera koncentriska kretsar som bleknar ut från objektcentret.

Bäst för:** Vattendroppar, effektpunkter, sonar/radar

Fastighet	Beskrivning	Standard
Färgfärg	Ring färg	`#60a5fa` (ljusblå)
Hastighet	Expansion speed multiplikator	`1.0`
Max Radius	Maximal ringstorlek	`150`
Ring Count	Antal ringar till spawn	`3`
Stroke Width	Ring linje bredd	`2`

Glöd

En pulserande aura bakom objektet som svänger i skala.

Bäst för:** Höjdpunkter, power-ups, attention-drawing

Fastighet	Beskrivning	Standard
Färgfärg	Glow färg	`#fbbf24` (guld)
Hastighet	Pulsfrekvens multiplikator	`1.0`
Intensitet	Maximal opacitet	`0.6`
Storlek	Scale oscillation range (1.0 → detta värde)	`1.5`

Elektrisk el

Flicking jagged blixt bultar runt objektet.

Bäst för:** Energi, kraft, sci-fi teman

Fastighet	Beskrivning	Standard
Färgfärg	Bult färg	`#67e8f9` (cyan)
Hastighet	Flicker rate multiplikator	`1.0`
Bolt Count	Antal samtidiga bultar	`3`
Längd	Bultlängd i pixlar	`60`
Flicker Rate	Flickerfrekvens i Hz	`8`

Bubblor

Stigande transparenta bubblor med spekulära höjdpunkter och mild horisontell wobble.

Bäst för:** Undervattensscener, nyckfulla teman, drycker

Fastighet	Beskrivning	Standard
Färgfärg	Bubble rim färg	`#93c5fd` (ljusblå)
Räkna	Spawn rate	`6`
Hastighet	Rise speed multiplikator	`1.0`
Storlek	Bubble radius	`5`
Spridning	Horizontal spawn spridning	`1.0`

Dust

Flytande dammmotes som driver försiktigt i luften med subtil rörelse.

Bäst för:** Atmosfäriska scener, åldrande/vintage utseende, solstrålar

Fastighet	Beskrivning	Standard
Färgfärg	Dammfärg	`#d4c5a9` (varm beige)
Räkna	Antal motes	`15`
Hastighet	Drift speed multiplikator	`1.0`
Storlek	Mote storlek	`2`
Spridning	Område sprids	`1.0`

Fireflies

Glödande prickar som vandrar organiskt med smidig styrning beteende.

Bäst för:** Nattscener, magiska skogar, omgivande bakgrunder

Fastighet	Beskrivning	Standard
Färgfärg	Firefly Glow färg	`#fde68a` (varmgul)
Räkna	Antal eldflugor	`8`
Hastighet	Rörelsehastighet multiplikator	`1.0`
Storlek	Glow radius	`4`

Shockwave

En enda expanderande ring som skjuter utåt från objektcentret. En-shot burst effect.

Bäst för:** Impact moments, power-ups, dramatiska avslöjar

Fastighet	Beskrivning	Standard
Färgfärg	Ring färg	`#f97316` (orange)
Radius	Max expansion radius	`150`

Trail

En ihållande stig av partiklar som följer objektet när det rör sig.

Bäst för:** Flytta objekt, väg visualisering, komet svansar

Fastighet	Beskrivning	Standard
Färgfärg	Trail färg	`#fbbf24` (guld)
Hastighet	Fade speed	`1.0`
Storlek	Trail partikel storlek	`3`

Shader Effects (silhouette-klippt)

En ny familj av GPU-rendered effekter läggs till i v0.5. Till skillnad från partikeleffekter är nyare effekter kontinuerliga animerade shaders sammansatta mot objektets silhuett - tänk “elfylld text” eller “molten chrome på en logotyp”. Tre typer fartyg idag:

Heatmap

En glödande termisk halo med animerad turbulens. Läser som eld när du fyller text, och som en varm glöd när du hyllar en form.

Bäst för:** Texttitlar, energieffekter, uppmärksamhetsbetoning

Fastighet	Beskrivning	Standard
Mode	Där skuggan visas: Fyll objekt / Halo runt objekt*Overlay (blend on item)	Fyll objekt
Intensitet	Ljushet multiplikator (0–1,5)	`1.0`
Radius	Glow falloff avstånd (0,2–1,5)	`0.85`
Palette	Hot (röd/gul), Cool (blå/cyan), Violet	Hot
Halo padding	Bounds expansion för yttre halo (0–1,5)	`0.4`
Offset X / Y	Skiftar det nyare mönstercentret inom gränserna (-1 till 1)	`0`
Tint	Färgplockare - fördomar paletten mot denna färg (vit = ingen fördom)	`#ffffff`

Flytande metall

Reflekterande krom som flyter yta med bandade streck och spekulära höjdpunkter. Tre metallpaletter: Chrome*************************************.

Bäst för:** Logos, premium-känsla höjdpunkter, metallisk typografi

Gem rök

Mjuk volymisk rökkrans med curling rörelse och inre gnistor. Tre färgpaletter: WhiteRose********************************************************************************************************************************************************************************************************************************************.

Bäst för:** Mystisk atmosfär, drömsk bakgrund, magisk avslöjar

Animationskanaler

Varje nyare effekt har två oberoende animationskanaler (A och B) som driver olika visuella aspekter. För Heatmap som är Flow (bakgrund turbulens) + Shimmer (högfrekvent detalj). För Liquid Metal är det Streaks (drift) + Bands (reflektionsoscillation). För Gem Smoke är det Drift (curl riktning) + Sparkle (interna accenter).

Varje kanal avslöjar:

Speed – 0× fryser kanalen, 1× = förinställd standard, upp till 5×
Curve - hur rå tid förvandlas:

Curve	Vad det gör
Linjär	Stadigt kontinuerligt flöde (standard - rekommenderas för “Flow” -typkanaler)
Sine	Smooth puls
Triangeln	Sharp puls
Puls	På/off square våg
Ease	Långsam → snabb
Sawtooth	Ramp + återställning
Bounce	Förfallna oscillation
Buller	Random Walk

Du kan blanda kurvor mellan A och B för lager rörelse - t.ex. Heatmap med Flow on Linear och Shimmer på Pulse ger en stadig glöd med en strobing detalj.

Stapla Shader Effects

Du kan tillämpa mer än en rakare effekt på ett enda objekt. Heatmap + Gem Smoke på samma bild ger dig en eldig halo med röktrådar som kör genom den. Varje effekt går självständigt med sina egna param och kanaler. Knappen Clear Effects tar bort alla på en gång.

Kompositörer

Mode* dropdown bestämmer hur den nyare utgången blandar med objektet:

*Fyll objekt - shader visas bara inuti objektets silhuett. Standard för text och former.
Halo runt objekt - shader visas endast utanför objektets kant. Bäst för ogenomskinliga former som vill ha en glöd.
*Overlay (blend on item) - shader stylizes objektets befintliga pixlar via multiplicera blandning. Standard för bilder.

Applicera effekter

Välj ett objekt med valverktyget (V)
I fastighetspanelen, hitta effekter
Klicka Lägg till effekt*
Välj en effekttyp
Justera inställningar som önskas

Ta bort effekter

Välj objektet med effekten
I fastighetspanelen, hitta effekten
Klicka på knappen **** för att ta bort den

Flera effekter

Du kan tillämpa flera effekter på samma objekt. Alla kommer att spela samtidigt.

Effekttyper

Kategori	Effekter	Beteende
Kontinuerlig (partikel)	Sparkle, Smoke, Fire, Rain, Snow, Ripple, Glow, Electric, Bubbles, Dust, Fireflies, Trail	Kör tills den tas bort
One-Shot Burst	Blast, Confetti, Shockwave (utan intervall)	Spela en gång och försvinna
Upprepa Burst	Blast, Confetti (med intervall)	Re-trigger vid uppsatt intervall
Shader (silhouette-klippt)	Heatmap, flytande metall, Gem Smoke	Kör tills den tas bort; multipel stack per objekt

Effekt vs Animation

Funktion	Animation	Effekt
Vad det gör	Omformar objektet (flytta, skala, rotera)	Lägger till visuella element runt objektet
Exempel	Puls, Bounce, Fade	Gnista spår, partikel explosion
Kombinera?	En per objekt	Multipel per objekt

Exportkompatibilitet

Effekt	MP4	GIF	SVG
Sparkle	✅	✅	Statiskt
Blast	✅	✅	❌
Brand	✅	✅	❌
Rök	✅	✅	❌
Regn	✅	✅	❌
Snö snö	✅	✅	❌
Confetti	✅	✅	❌
Ripple	✅	✅	❌
Glöd	✅	✅	Statiskt
Elektrisk el	✅	✅	❌
Heatmap (shader)	✅	✅	❌
Liquid Metal (shader)	✅	✅	❌
Gem Smoke (shader)	✅	✅	❌

**SVG Limitationer:***********************************************SVG Limitationer: Effekter är rambaserade partikelsystem och skuggrenderade ytor - varken kartor rent till statisk SVG. För full effekt animationer, export som MP4 eller GIF.

Tips

Effekt Tips:

Gnista effekter fungerar bäst på objekt med tydliga konturer
Brand och rök förvaring automatiskt - lågor visas omedelbart utan startfördröjning
Använd blast och confetti sparsamt för effekter stunder
Regn och snö fungerar bäst på större föremål eller full-canvas element
Kombinera glöd med blandningslägen för dramatisk belysning
Match effekt färger till din designpalett

Shader Effect Tips:

För text, Fill Item-läge producerar en “brand-text” / “smoky-text” look. För former, försök Halo runt objekt. För bilder, Overlay bevarar bilden medan du tonar den med skuggan.
Stack multipla shadereffekter på ett objekt: värmemap på Fill + gem smoke på Halo runt lager en glödande kärna under en rökig halo.
Använd Offset X/Y* för att driva värmekartans ljusa fläck mot ett hörn istället för centrum – användbart för asymmetrisk “hett kant” ser ut.
Tint färgplockaren förspänner paletten utan att förlora strukturen. Håll det vitt för förinställningens naturliga utseende.
Kanalkurvor låter dig blanda stadigt flöde med strobing detaljer. Prova Heatmap med Flow=Linear och Shimmer=Puls för en flimrande ljuseffekt.
Prestanda auto-tunes baserat på din enhet. På långsammare maskiner kommer redaktören tyst att släppa upplösning innan ramhastigheten; du kan låsa en kvalitetsnivå via utvecklarkonsolen (PinePaper.itemAuraSystem.setQualityTier(N)).

*Related: Animations | Blending | Masking