godot-native-art

name	godot-native-art
description	How to create all game visuals using only Godot built-in features. No external asset imports allowed. Covers Polygon2D, ShaderMaterial, GPUParticles2D, TileMap, Theme, Line2D, and AudioStreamGenerator with GDScript examples for each technique.

Godot Native Art — Zero-Import Visual Techniques

Before reading anything else, call skill_ping with skill_id: "godot-native-art" and scope: "project".

Core Rule

No external asset files. Every visual, sound, and UI element must be created using Godot engine features at runtime or in the editor using only built-in node properties. No .png, .svg, .wav, .ogg, .obj, or any imported files.

---

1. Polygon2D — Character and Object Shapes

Use Polygon2D to define character silhouettes, arena walls, and object shapes.

Player Character (warrior woman silhouette)

class_name PlayerVisual
extends Polygon2D

func _ready() -> void:
    # Triangular warrior shape pointing up
    polygon = PackedVector2Array([
        Vector2(0, -20),    # head
        Vector2(-12, -8),   # left shoulder
        Vector2(-8, 10),    # left hip
        Vector2(-14, 20),   # left foot
        Vector2(-4, 14),    # inner left leg
        Vector2(0, 18),     # center bottom
        Vector2(4, 14),     # inner right leg
        Vector2(14, 20),    # right foot
        Vector2(8, 10),     # right hip
        Vector2(12, -8),    # right shoulder
    ])
    color = Color(0.2, 0.8, 0.3)  # green warrior
    antialiased = true

Enemy Horse Shape

class_name HorseVisual
extends Polygon2D

func _ready() -> void:
    # Horse body profile facing right
    polygon = PackedVector2Array([
        Vector2(-25, -5),   # tail
        Vector2(-18, -15),  # back
        Vector2(-5, -18),   # mid back
        Vector2(10, -20),   # neck base
        Vector2(18, -30),   # head top
        Vector2(25, -25),   # snout
        Vector2(20, -18),   # chin
        Vector2(12, -12),   # chest
        Vector2(15, 10),    # front leg top
        Vector2(18, 20),    # front hoof
        Vector2(12, 20),    # front leg back
        Vector2(8, 8),      # belly front
        Vector2(-8, 8),     # belly back
        Vector2(-12, 20),   # rear hoof
        Vector2(-18, 20),   # rear leg back
        Vector2(-15, 10),   # rear leg top
        Vector2(-22, 0),    # haunch
    ])
    color = Color(0.55, 0.35, 0.15)  # brown horse
    antialiased = true

Arena Walls

class_name ArenaWall
extends StaticBody2D

@export var wall_color: Color = Color(0.4, 0.25, 0.1)
@export var wall_points: PackedVector2Array

func _ready() -> void:
    var poly := Polygon2D.new()
    poly.polygon = wall_points
    poly.color = wall_color
    add_child(poly)

    var collision := CollisionPolygon2D.new()
    collision.polygon = wall_points
    add_child(collision)

---

2. ShaderMaterial — Glow, Flash, and Procedural Textures

All shaders must use shader_type canvas_item and work on GL Compatibility (GLES3).

Character Glow Outline

// shaders/glow_outline.gdshader
shader_type canvas_item;

uniform vec4 glow_color : source_color = vec4(0.3, 1.0, 0.4, 0.8);
uniform float glow_width : hint_range(0.0, 10.0) = 3.0;
uniform float glow_intensity : hint_range(0.0, 5.0) = 2.0;

void fragment() {
    vec4 tex = texture(TEXTURE, UV);
    if (tex.a < 0.1) {
        // Check neighboring pixels for edge detection
        float alpha_sum = 0.0;
        float step_x = glow_width / float(textureSize(TEXTURE, 0).x);
        float step_y = glow_width / float(textureSize(TEXTURE, 0).y);
        alpha_sum += texture(TEXTURE, UV + vec2(step_x, 0.0)).a;
        alpha_sum += texture(TEXTURE, UV + vec2(-step_x, 0.0)).a;
        alpha_sum += texture(TEXTURE, UV + vec2(0.0, step_y)).a;
        alpha_sum += texture(TEXTURE, UV + vec2(0.0, -step_y)).a;
        if (alpha_sum > 0.0) {
            COLOR = glow_color * glow_intensity;
            COLOR.a = alpha_sum * 0.25;
        } else {
            COLOR.a = 0.0;
        }
    } else {
        COLOR = tex;
    }
}

Applying glow to a Polygon2D (via SubViewport)

Since Polygon2D has no TEXTURE, use a SubViewport approach or apply to the parent:

## Apply a ShaderMaterial directly to a Polygon2D for color modulation.
func apply_glow_material(polygon: Polygon2D) -> void:
    var shader := load("res://shaders/glow_outline.gdshader") as Shader
    var mat := ShaderMaterial.new()
    mat.shader = shader
    mat.set_shader_parameter("glow_color", Color(0.3, 1.0, 0.4, 0.8))
    mat.set_shader_parameter("glow_width", 3.0)
    mat.set_shader_parameter("glow_intensity", 2.0)
    polygon.material = mat

Simpler Polygon2D Glow (no TEXTURE dependency)

// shaders/polygon_glow.gdshader
shader_type canvas_item;

uniform vec4 base_color : source_color = vec4(0.2, 0.8, 0.3, 1.0);
uniform vec4 glow_color : source_color = vec4(0.4, 1.0, 0.5, 1.0);
uniform float pulse_speed : hint_range(0.0, 10.0) = 2.0;
uniform float glow_strength : hint_range(0.0, 1.0) = 0.3;

void fragment() {
    float pulse = sin(TIME * pulse_speed) * 0.5 + 0.5;
    COLOR = mix(base_color, glow_color, pulse * glow_strength);
    COLOR.a = 1.0;
}

Damage Flash

// shaders/damage_flash.gdshader
shader_type canvas_item;

uniform vec4 flash_color : source_color = vec4(1.0, 0.0, 0.0, 1.0);
uniform float flash_amount : hint_range(0.0, 1.0) = 0.0;

void fragment() {
    vec4 original = COLOR;
    COLOR = mix(original, flash_color, flash_amount);
}

## Trigger a damage flash on a node with a ShaderMaterial.
func flash_damage(node: CanvasItem, duration: float = 0.15) -> void:
    var mat := node.material as ShaderMaterial
    if mat == null:
        return
    mat.set_shader_parameter("flash_amount", 1.0)
    var tween := node.create_tween()
    tween.tween_property(mat, "shader_parameter/flash_amount", 0.0, duration)

Procedural Ground Texture

// shaders/ground_texture.gdshader
shader_type canvas_item;

uniform vec4 color_a : source_color = vec4(0.2, 0.5, 0.1, 1.0);
uniform vec4 color_b : source_color = vec4(0.15, 0.4, 0.08, 1.0);
uniform float scale : hint_range(1.0, 100.0) = 20.0;

float hash(vec2 p) {
    return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453123);
}

void fragment() {
    vec2 grid = floor(UV * scale);
    float noise = hash(grid);
    COLOR = mix(color_a, color_b, noise);
}

---

3. GPUParticles2D — Combat and Visual Effects

Impact Sparks (on hit)

class_name ImpactSparks
extends GPUParticles2D

func _ready() -> void:
    emitting = false
    one_shot = true
    amount = 20
    lifetime = 0.4
    explosiveness = 1.0
    randomness = 0.5

    var mat := ParticleProcessMaterial.new()
    mat.direction = Vector3(0, -1, 0)
    mat.spread = 60.0
    mat.initial_velocity_min = 100.0
    mat.initial_velocity_max = 250.0
    mat.gravity = Vector3(0, 400, 0)
    mat.scale_min = 2.0
    mat.scale_max = 5.0
    mat.color = Color(1.0, 0.8, 0.2)

    var gradient := GradientTexture1D.new()
    var grad := Gradient.new()
    grad.set_color(0, Color(1.0, 0.9, 0.3, 1.0))
    grad.set_color(1, Color(1.0, 0.3, 0.0, 0.0))
    gradient.gradient = grad
    mat.color_ramp = gradient

    process_material = mat

func emit_at(pos: Vector2) -> void:
    global_position = pos
    restart()
    emitting = true

Spawn Swirl Effect

class_name SpawnEffect
extends GPUParticles2D

func _ready() -> void:
    emitting = false
    one_shot = true
    amount = 30
    lifetime = 0.8
    explosiveness = 0.8

    var mat := ParticleProcessMaterial.new()
    mat.direction = Vector3(0, 0, 0)
    mat.spread = 180.0
    mat.initial_velocity_min = 50.0
    mat.initial_velocity_max = 120.0
    mat.gravity = Vector3.ZERO
    mat.angular_velocity_min = 200.0
    mat.angular_velocity_max = 400.0
    mat.scale_min = 3.0
    mat.scale_max = 8.0
    mat.color = Color(0.6, 0.0, 0.8, 0.8)

    process_material = mat

func play_at(pos: Vector2) -> void:
    global_position = pos
    restart()
    emitting = true

Defeat Explosion

class_name DefeatExplosion
extends GPUParticles2D

func _ready() -> void:
    emitting = false
    one_shot = true
    amount = 40
    lifetime = 0.6
    explosiveness = 1.0
    randomness = 0.8

    var mat := ParticleProcessMaterial.new()
    mat.direction = Vector3(0, 0, 0)
    mat.spread = 180.0
    mat.initial_velocity_min = 150.0
    mat.initial_velocity_max = 350.0
    mat.gravity = Vector3(0, 200, 0)
    mat.damping_min = 50.0
    mat.damping_max = 100.0
    mat.scale_min = 4.0
    mat.scale_max = 10.0

    var gradient := GradientTexture1D.new()
    var grad := Gradient.new()
    grad.set_color(0, Color(1.0, 1.0, 0.5, 1.0))
    grad.add_point(0.3, Color(1.0, 0.5, 0.0, 0.8))
    grad.set_color(1, Color(0.3, 0.0, 0.0, 0.0))
    gradient.gradient = grad
    mat.color_ramp = gradient

    process_material = mat

func explode_at(pos: Vector2) -> void:
    global_position = pos
    restart()
    emitting = true

---

4. TileMap — Arena Floor

Create tile patterns programmatically using TileMapLayer (Godot 4.6 uses TileMapLayer instead of the deprecated TileMap node):

class_name ArenaFloor
extends TileMapLayer

## Arena dimensions in tiles.
@export var arena_width: int = 20
@export var arena_height: int = 15

func _ready() -> void:
    _fill_floor()

func _fill_floor() -> void:
    for x in range(arena_width):
        for y in range(arena_height):
            # Alternate tile IDs for visual variety
            var tile_id: int = (x + y) % 2
            set_cell(Vector2i(x, y), 0, Vector2i(tile_id, 0))

To create a TileSet programmatically (no imported textures):

func create_procedural_tileset() -> TileSet:
    var ts := TileSet.new()
    ts.tile_size = Vector2i(32, 32)

    # Create a TileSetAtlasSource from a programmatic image
    var img := Image.create(64, 32, false, Image.FORMAT_RGBA8)

    # Tile 0: dark grass
    for x in range(32):
        for y in range(32):
            var green: float = 0.3 + randf() * 0.15
            img.set_pixel(x, y, Color(0.1, green, 0.05))

    # Tile 1: light grass
    for x in range(32, 64):
        for y in range(32):
            var green: float = 0.4 + randf() * 0.15
            img.set_pixel(x, y, Color(0.15, green, 0.08))

    var tex := ImageTexture.create_from_image(img)
    var source := TileSetAtlasSource.new()
    source.texture = tex
    source.texture_region_size = Vector2i(32, 32)
    source.create_tile(Vector2i(0, 0))
    source.create_tile(Vector2i(1, 0))
    ts.add_source(source)

    return ts

---

5. Theme Resources — UI Styling

Create a consistent UI theme programmatically:

class_name GameTheme
extends Node

static func create_game_theme() -> Theme:
    var theme := Theme.new()

    # Default font color
    theme.set_color("font_color", "Label", Color(0.9, 0.9, 0.8))
    theme.set_color("font_color", "Button", Color(0.9, 0.9, 0.8))

    # Button styles
    var btn_normal := StyleBoxFlat.new()
    btn_normal.bg_color = Color(0.15, 0.15, 0.2, 0.9)
    btn_normal.border_color = Color(0.4, 0.8, 0.3)
    btn_normal.set_border_width_all(2)
    btn_normal.set_corner_radius_all(8)
    btn_normal.set_content_margin_all(12)
    theme.set_stylebox("normal", "Button", btn_normal)

    var btn_hover := btn_normal.duplicate() as StyleBoxFlat
    btn_hover.bg_color = Color(0.2, 0.2, 0.3, 0.95)
    theme.set_stylebox("hover", "Button", btn_hover)

    var btn_pressed := btn_normal.duplicate() as StyleBoxFlat
    btn_pressed.bg_color = Color(0.1, 0.3, 0.1, 0.95)
    theme.set_stylebox("pressed", "Button", btn_pressed)

    # Panel styles
    var panel := StyleBoxFlat.new()
    panel.bg_color = Color(0.08, 0.08, 0.12, 0.85)
    panel.border_color = Color(0.3, 0.6, 0.2, 0.5)
    panel.set_border_width_all(1)
    panel.set_corner_radius_all(4)
    theme.set_stylebox("panel", "PanelContainer", panel)

    # Progress bar (health bar)
    var bar_bg := StyleBoxFlat.new()
    bar_bg.bg_color = Color(0.1, 0.1, 0.1, 0.8)
    bar_bg.set_corner_radius_all(4)
    theme.set_stylebox("background", "ProgressBar", bar_bg)

    var bar_fill := StyleBoxFlat.new()
    bar_fill.bg_color = Color(0.2, 0.8, 0.2, 0.9)
    bar_fill.set_corner_radius_all(4)
    theme.set_stylebox("fill", "ProgressBar", bar_fill)

    return theme

---

6. Line2D — Attack Arcs and Trails

Melee Attack Arc

class_name MeleeArc
extends Line2D

@export var arc_radius: float = 40.0
@export var arc_angle: float = 120.0
@export var arc_segments: int = 12
@export var arc_duration: float = 0.2

func _ready() -> void:
    width = 4.0
    default_color = Color(1.0, 0.9, 0.3, 0.8)
    joint_mode = Line2D.LINE_JOINT_ROUND
    begin_cap_mode = Line2D.LINE_CAP_ROUND
    end_cap_mode = Line2D.LINE_CAP_ROUND

func swing(direction: Vector2) -> void:
    clear_points()
    var base_angle: float = direction.angle()
    var start_angle: float = base_angle - deg_to_rad(arc_angle * 0.5)
    var step: float = deg_to_rad(arc_angle) / float(arc_segments)

    for i in range(arc_segments + 1):
        var angle: float = start_angle + step * float(i)
        var point := Vector2(cos(angle), sin(angle)) * arc_radius
        add_point(point)

    # Fade out
    var tween := create_tween()
    tween.tween_property(self, "modulate:a", 0.0, arc_duration)
    tween.tween_callback(clear_points)
    tween.tween_property(self, "modulate:a", 1.0, 0.0)

Movement Trail

class_name MovementTrail
extends Line2D

@export var max_length: int = 20
@export var trail_width: float = 6.0

func _ready() -> void:
    width = trail_width
    default_color = Color(0.3, 1.0, 0.4, 0.3)
    begin_cap_mode = Line2D.LINE_CAP_ROUND
    end_cap_mode = Line2D.LINE_CAP_ROUND

    var grad := Gradient.new()
    grad.set_color(0, Color(0.3, 1.0, 0.4, 0.0))
    grad.set_color(1, Color(0.3, 1.0, 0.4, 0.4))
    gradient = grad

func _process(_delta: float) -> void:
    var parent_pos: Vector2 = get_parent().global_position
    add_point(parent_pos)
    while get_point_count() > max_length:
        remove_point(0)

---

7. AudioStreamGenerator — Procedural SFX

Hit Sound

class_name ProceduralSFX
extends AudioStreamPlayer

var _playback: AudioStreamGeneratorPlayback
var _sample_rate: float = 22050.0

func _ready() -> void:
    var gen := AudioStreamGenerator.new()
    gen.mix_rate = _sample_rate
    gen.buffer_length = 0.5
    stream = gen

func play_hit() -> void:
    play()
    _playback = get_stream_playback() as AudioStreamGeneratorPlayback
    _fill_hit_sound()

func _fill_hit_sound() -> void:
    if _playback == null:
        return
    var frames: int = int(_sample_rate * 0.1)  # 100ms
    for i in range(frames):
        var t: float = float(i) / _sample_rate
        var envelope: float = 1.0 - (float(i) / float(frames))
        # Noise burst with decay
        var sample: float = (randf() * 2.0 - 1.0) * envelope * 0.5
        # Add a low tone
        sample += sin(t * TAU * 150.0) * envelope * 0.3
        _playback.push_frame(Vector2(sample, sample))

func play_damage() -> void:
    play()
    _playback = get_stream_playback() as AudioStreamGeneratorPlayback
    _fill_damage_sound()

func _fill_damage_sound() -> void:
    if _playback == null:
        return
    var frames: int = int(_sample_rate * 0.15)
    for i in range(frames):
        var t: float = float(i) / _sample_rate
        var envelope: float = 1.0 - (float(i) / float(frames))
        envelope *= envelope  # quadratic decay
        var freq: float = 300.0 - 200.0 * (float(i) / float(frames))
        var sample: float = sin(t * TAU * freq) * envelope * 0.4
        sample += (randf() * 2.0 - 1.0) * envelope * 0.2
        _playback.push_frame(Vector2(sample, sample))

func play_explosion() -> void:
    play()
    _playback = get_stream_playback() as AudioStreamGeneratorPlayback
    _fill_explosion_sound()

func _fill_explosion_sound() -> void:
    if _playback == null:
        return
    var frames: int = int(_sample_rate * 0.3)
    for i in range(frames):
        var t: float = float(i) / _sample_rate
        var envelope: float = 1.0 - (float(i) / float(frames))
        envelope = pow(envelope, 0.5)  # slow decay
        var sample: float = (randf() * 2.0 - 1.0) * envelope * 0.6
        sample += sin(t * TAU * 60.0) * envelope * 0.4  # low rumble
        _playback.push_frame(Vector2(sample, sample))

---

Quick Reference Table

Visual Need	Godot Feature	Key Class
Character shapes	Polygon2D	Polygon2D, PackedVector2Array
Glow / flash	ShaderMaterial	ShaderMaterial, Shader
Hit sparks	GPUParticles2D	GPUParticles2D, ParticleProcessMaterial
Spawn swirl	GPUParticles2D	GPUParticles2D, ParticleProcessMaterial
Defeat burst	GPUParticles2D	GPUParticles2D, ParticleProcessMaterial
Arena floor	TileMapLayer	TileMapLayer, TileSet, Image
UI styling	Theme	Theme, StyleBoxFlat
Attack arcs	Line2D	Line2D, Gradient
Trails	Line2D	Line2D
Sound effects	AudioStreamGenerator	AudioStreamGenerator, AudioStreamGeneratorPlayback
Procedural textures	ShaderMaterial	shader_type canvas_item
Edge warnings	ShaderMaterial	shader_type canvas_item + ColorRect