# Decorative Marble SVG Textures - Creation Guide

Since we're reusing existing marble textures for stairs, pillars, and ramps, we only need to create **6 decorative SVG files** with fancy patterns.

## Files to Create

Place these SVG files in: `Textures/BlockSVGs/`

1. `marble_white_decorative.svg` - White marble with ornate patterns
2. `marble_black_decorative.svg` - Black marble with ornate patterns
3. `marble_green_decorative.svg` - Green marble with ornate patterns
4. `marble_red_decorative.svg` - Red marble with ornate patterns
5. `marble_blue_decorative.svg` - Blue marble with ornate patterns
6. `marble_pink_decorative.svg` - Pink marble with ornate patterns

## SVG Template (16x16 pixels)

Each decorative marble should have:
- Base color matching the marble type
- Fancy geometric patterns (Greek/Roman style)
- Veining or marble texture
- Ornamental borders or designs

### White Marble Decorative Example

```svg
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
  <!-- Base white marble -->
  <rect width="16" height="16" fill="#F5F5F5"/>

  <!-- Marble veining -->
  <path d="M 0,4 Q 4,3 8,4 T 16,4" stroke="#E0E0E0" fill="none" stroke-width="0.5"/>
  <path d="M 0,10 Q 5,11 10,10 T 16,10" stroke="#E0E0E0" fill="none" stroke-width="0.5"/>

  <!-- Ornate border pattern -->
  <rect x="1" y="1" width="14" height="14" fill="none" stroke="#CCCCCC" stroke-width="0.5"/>
  <rect x="2" y="2" width="12" height="12" fill="none" stroke="#DDDDDD" stroke-width="0.5"/>

  <!-- Greek key pattern in corners -->
  <path d="M 3,3 h 2 v 2 h -2 z" fill="none" stroke="#C0C0C0" stroke-width="0.3"/>
  <path d="M 11,3 h 2 v 2 h -2 z" fill="none" stroke="#C0C0C0" stroke-width="0.3"/>
  <path d="M 3,11 h 2 v 2 h -2 z" fill="none" stroke="#C0C0C0" stroke-width="0.3"/>
  <path d="M 11,11 h 2 v 2 h -2 z" fill="none" stroke="#C0C0C0" stroke-width="0.3"/>

  <!-- Center medallion -->
  <circle cx="8" cy="8" r="2.5" fill="none" stroke="#B8B8B8" stroke-width="0.4"/>
  <circle cx="8" cy="8" r="1.5" fill="#EEEEEE" stroke="#C8C8C8" stroke-width="0.3"/>
</svg>
```

### Black Marble Decorative Example

```svg
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
  <!-- Base black marble -->
  <rect width="16" height="16" fill="#1A1A1A"/>

  <!-- Marble veining (lighter) -->
  <path d="M 0,4 Q 4,3 8,4 T 16,4" stroke="#333333" fill="none" stroke-width="0.5"/>
  <path d="M 0,10 Q 5,11 10,10 T 16,10" stroke="#333333" fill="none" stroke-width="0.5"/>

  <!-- Ornate border pattern (gold/bronze for contrast) -->
  <rect x="1" y="1" width="14" height="14" fill="none" stroke="#8B7355" stroke-width="0.5"/>
  <rect x="2" y="2" width="12" height="12" fill="none" stroke="#6B5345" stroke-width="0.5"/>

  <!-- Greek key pattern in corners -->
  <path d="M 3,3 h 2 v 2 h -2 z" fill="none" stroke="#7B6355" stroke-width="0.3"/>
  <path d="M 11,3 h 2 v 2 h -2 z" fill="none" stroke="#7B6355" stroke-width="0.3"/>
  <path d="M 3,11 h 2 v 2 h -2 z" fill="none" stroke="#7B6355" stroke-width="0.3"/>
  <path d="M 11,11 h 2 v 2 h -2 z" fill="none" stroke="#7B6355" stroke-width="0.3"/>

  <!-- Center medallion -->
  <circle cx="8" cy="8" r="2.5" fill="none" stroke="#9B8365" stroke-width="0.4"/>
  <circle cx="8" cy="8" r="1.5" fill="#2A2A2A" stroke="#7B6355" stroke-width="0.3"/>
</svg>
```

### Green Marble Decorative Example

```svg
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
  <!-- Base green marble -->
  <rect width="16" height="16" fill="#2E7D32"/>

  <!-- Marble veining (darker green) -->
  <path d="M 0,4 Q 4,3 8,4 T 16,4" stroke="#1B5E20" fill="none" stroke-width="0.5"/>
  <path d="M 0,10 Q 5,11 10,10 T 16,10" stroke="#1B5E20" fill="none" stroke-width="0.5"/>

  <!-- Ornate border pattern (gold for elegance) -->
  <rect x="1" y="1" width="14" height="14" fill="none" stroke="#FFD700" stroke-width="0.5"/>
  <rect x="2" y="2" width="12" height="12" fill="none" stroke="#FFC700" stroke-width="0.5"/>

  <!-- Greek key pattern in corners -->
  <path d="M 3,3 h 2 v 2 h -2 z" fill="none" stroke="#FFB700" stroke-width="0.3"/>
  <path d="M 11,3 h 2 v 2 h -2 z" fill="none" stroke="#FFB700" stroke-width="0.3"/>
  <path d="M 3,11 h 2 v 2 h -2 z" fill="none" stroke="#FFB700" stroke-width="0.3"/>
  <path d="M 11,11 h 2 v 2 h -2 z" fill="none" stroke="#FFB700" stroke-width="0.3"/>

  <!-- Center medallion -->
  <circle cx="8" cy="8" r="2.5" fill="none" stroke="#FFD700" stroke-width="0.4"/>
  <circle cx="8" cy="8" r="1.5" fill="#43A047" stroke="#FFC700" stroke-width="0.3"/>
</svg>
```

### Red Marble Decorative Example

```svg
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
  <!-- Base red marble -->
  <rect width="16" height="16" fill="#C62828"/>

  <!-- Marble veining (darker red) -->
  <path d="M 0,4 Q 4,3 8,4 T 16,4" stroke="#B71C1C" fill="none" stroke-width="0.5"/>
  <path d="M 0,10 Q 5,11 10,10 T 16,10" stroke="#B71C1C" fill="none" stroke-width="0.5"/>

  <!-- Ornate border pattern (gold for luxury) -->
  <rect x="1" y="1" width="14" height="14" fill="none" stroke="#FFD700" stroke-width="0.5"/>
  <rect x="2" y="2" width="12" height="12" fill="none" stroke="#FFC700" stroke-width="0.5"/>

  <!-- Greek key pattern in corners -->
  <path d="M 3,3 h 2 v 2 h -2 z" fill="none" stroke="#FFB700" stroke-width="0.3"/>
  <path d="M 11,3 h 2 v 2 h -2 z" fill="none" stroke="#FFB700" stroke-width="0.3"/>
  <path d="M 3,11 h 2 v 2 h -2 z" fill="none" stroke="#FFB700" stroke-width="0.3"/>
  <path d="M 11,11 h 2 v 2 h -2 z" fill="none" stroke="#FFB700" stroke-width="0.3"/>

  <!-- Center medallion -->
  <circle cx="8" cy="8" r="2.5" fill="none" stroke="#FFD700" stroke-width="0.4"/>
  <circle cx="8" cy="8" r="1.5" fill="#D32F2F" stroke="#FFC700" stroke-width="0.3"/>
</svg>
```

### Blue Marble Decorative Example

```svg
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
  <!-- Base blue marble -->
  <rect width="16" height="16" fill="#1976D2"/>

  <!-- Marble veining (darker blue) -->
  <path d="M 0,4 Q 4,3 8,4 T 16,4" stroke="#0D47A1" fill="none" stroke-width="0.5"/>
  <path d="M 0,10 Q 5,11 10,10 T 16,10" stroke="#0D47A1" fill="none" stroke-width="0.5"/>

  <!-- Ornate border pattern (silver for elegance) -->
  <rect x="1" y="1" width="14" height="14" fill="none" stroke="#C0C0C0" stroke-width="0.5"/>
  <rect x="2" y="2" width="12" height="12" fill="none" stroke="#D0D0D0" stroke-width="0.5"/>

  <!-- Greek key pattern in corners -->
  <path d="M 3,3 h 2 v 2 h -2 z" fill="none" stroke="#B0B0B0" stroke-width="0.3"/>
  <path d="M 11,3 h 2 v 2 h -2 z" fill="none" stroke="#B0B0B0" stroke-width="0.3"/>
  <path d="M 3,11 h 2 v 2 h -2 z" fill="none" stroke="#B0B0B0" stroke-width="0.3"/>
  <path d="M 11,11 h 2 v 2 h -2 z" fill="none" stroke="#B0B0B0" stroke-width="0.3"/>

  <!-- Center medallion -->
  <circle cx="8" cy="8" r="2.5" fill="none" stroke="#E0E0E0" stroke-width="0.4"/>
  <circle cx="8" cy="8" r="1.5" fill="#2196F3" stroke="#D0D0D0" stroke-width="0.3"/>
</svg>
```

### Pink Marble Decorative Example

```svg
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
  <!-- Base pink marble -->
  <rect width="16" height="16" fill="#EC407A"/>

  <!-- Marble veining (darker pink) -->
  <path d="M 0,4 Q 4,3 8,4 T 16,4" stroke="#C2185B" fill="none" stroke-width="0.5"/>
  <path d="M 0,10 Q 5,11 10,10 T 16,10" stroke="#C2185B" fill="none" stroke-width="0.5"/>

  <!-- Ornate border pattern (gold/rose gold) -->
  <rect x="1" y="1" width="14" height="14" fill="none" stroke="#FFD700" stroke-width="0.5"/>
  <rect x="2" y="2" width="12" height="12" fill="none" stroke="#FFCDD2" stroke-width="0.5"/>

  <!-- Greek key pattern in corners -->
  <path d="M 3,3 h 2 v 2 h -2 z" fill="none" stroke="#FFC0CB" stroke-width="0.3"/>
  <path d="M 11,3 h 2 v 2 h -2 z" fill="none" stroke="#FFC0CB" stroke-width="0.3"/>
  <path d="M 3,11 h 2 v 2 h -2 z" fill="none" stroke="#FFC0CB" stroke-width="0.3"/>
  <path d="M 11,11 h 2 v 2 h -2 z" fill="none" stroke="#FFC0CB" stroke-width="0.3"/>

  <!-- Center medallion -->
  <circle cx="8" cy="8" r="2.5" fill="none" stroke="#FFD700" stroke-width="0.4"/>
  <circle cx="8" cy="8" r="1.5" fill="#F06292" stroke="#FFCDD2" stroke-width="0.3"/>
</svg>
```

## Next Steps

1. Save each SVG file in `Textures/BlockSVGs/`
2. The other variants (stairs, pillars, ramps) will reuse the existing marble textures
3. Run `python generate_atlas.py` to convert SVGs to PNGs and build the atlas
4. Copy `Generated/block_atlas.png` to `Resources/` in your Godot project

## Color Reference

- **White**: #F5F5F5 (base), #E0E0E0 (veins)
- **Black**: #1A1A1A (base), #333333 (veins), #8B7355 (gold trim)
- **Green**: #2E7D32 (base), #1B5E20 (veins), #FFD700 (gold trim)
- **Red**: #C62828 (base), #B71C1C (veins), #FFD700 (gold trim)
- **Blue**: #1976D2 (base), #0D47A1 (veins), #C0C0C0 (silver trim)
- **Pink**: #EC407A (base), #C2185B (veins), #FFD700 (gold trim)
