Starburst Designer
วัตถุ
🎨 Colors
Color 1 (Center/Inner/Start):
Picker:
Alpha:
1.00
Color 2 (Outer/End):
Picker:
Alpha:
1.00
Pattern & Base Shape
Starburst
Concentric
Spiral
Parallel Fill
Mandala
Concentric Shapes:
25
Concentric Distribution:
Uniform
Inner Dense
Outer Dense
Concentric Shape Rotation Delta (°):
0
Overall Pattern Scale:
1.0
Base Shape 1 (or current for multi-morph):
Start Custom Polygon
Clear Custom
Shape Morphing & Styling
Animation Mode:
Morphing Style:
Standard
Optimized Alignment
Base Shape 2 (for two-shape modes):
Active Shapes for Multi-Cycle:
Morph Progress:
0.00
Corner Radius (0=sharp):
0.00
Corner Arc Segments:
100
Star Arm Ratio:
0.40
Shape Scale X:
1.00
Shape Scale Y:
1.00
Rotation (degrees):
0
Petal Variant:
0
Petal Aspect:
0.60
Tip Sharpness:
0.00
Base Width:
0.80
Left Curve:
0.00
Right Curve:
0.00
Base Curve:
0.00
Line/Dot Styling
🎨 Center/Inner Color (Hex):
🎨 Outer/End Color (Hex):
Line Draw Style:
Solid
Dotted
Fill Line Angle:
90°
Density / Count:
150
Spiral Path Smoothness:
500
Dot Size:
2.0
Dots per Line/Shape:
30
Line Thickness:
2.0
Thickness/Size Variation:
Uniform
Thicker Inside
Thicker Outside
Variation Amount:
0.50
Gradient Style:
Radial (Center to Edge)
Along Path (Start to End)
Blend Mode:
Normal (Source Over)
Lighter (Additive)
Multiply
Screen (Additive)
Overlay
Darken
Lighten
Color Dodge
Color Burn
Hard Light
Soft Light
Difference
Exclusion
Hue
Saturation
Color
Luminosity
Inner Radius Ratio (Hollow):
0.25
Center Styling
Offset X:
0
Offset Y:
0
Center Element Style:
None
Dot
Hole
Center Element Size:
10
Center Element Color:
Center Glow Size:
0
Center Glow Opacity:
0.50
Text Elements
Hide Text
Title Text:
Title Font Size:
30
Title Font Color:
Title Font Family:
Title Font Weight:
Normal
Bold
Lighter
Title Char Spacing (px):
2.0
Title Position:
Center
Top
Bottom
Subtitle Text:
Subtitle Font Size:
12
Subtitle Font Color:
Subtitle Char Spacing (px):
5.0
Line Spacing (Title/Sub, px):
5
Animation Controls
Play
Animation Speed:
0.2
Export & Presets
Export PNG
Export SVG
Copy SVG Code
Export to URL Params
Copy Iframe Code
PNG Resolution Factor:
2
Preset Name:
Save Preset
Load Preset:
-- Select Preset --
Delete Selected Preset
Magic ✨
Reset ⟳
Background Settings
Enable Custom Background
Background Type:
Solid Color
Linear Gradient
Radial Gradient
Color 1 (Start):
Color 2 (End):
Gradient Rotation (°):
45
Ray Angle Delta (°):
0.0
Lotus Replication
Enable Lotus Replication
Layers:
3
Copies per Layer:
8
Radius %:
0.60
Layer Shrink:
0.75
Layer Offset (°):
15
Alpha Front:
0.90
Alpha Falloff:
0.80
Toggle Dark Mode
Transparent Background
FPS: --
DPR:
--
Canvas:
--