KNIGHTCORE UI 4

# CoreKnight UI v4 — Procedural Status Window System

A complete modular knight RPG interface built with **procedural rendering** at its core.

Instead of static images, every icon, panel, and visual effect is generated through JavaScript using layered pixel logic, material palettes, and parametric controls (weight, durability, rarity, energy, sharpness).

### What’s Inside (7 HTML Files)

1. **Knight Core Panel** – Full character status with procedural portrait, aura meter, HP/Stamina bars, and adaptive class themes.

2. **Equipment Window** – Procedurally rendered gear with material-based shading (metal, cloth, energy, leather) and wear/durability visuals.

3. **Skill Tree** – Branch-style retro RPG skill tree with fruits/circles, level progression, chain levels, and cooldowns.

4. **Combat State Window** – Real-time technique flow, chain visualizer, and combat feed.

5. **Inventory Bag** – Clickable grid with item details modal showing stats, materials, grade, and durability (higher grade = better durability).

6. **Forge / Crafting Station** – Material-based crafting with success based on grade and available resources.

7. **Full Integrated System** – All panels combined into one cohesive knight UI (the main showcase).

### Key Features

- **Procedural Pixel Engine** — Icons generated from math (weight, sharpness, durability, rarity, energy)

- **Material Shading System** — Metal, cloth, leather, energy with layered highlights/shadows/noise

- **Grade Affects Durability** — Common → Rare → Epic → Legendary directly improves durability and visuals

- **Skill Tree with Branches** — Skills as fruits/circles arranged in levels with unlocking progression

- **Click Interactions** — Upgrade skills, cast techniques, craft items, view details

- **Retro RPG Aesthetic** — Chunky pixel borders, parchment tones, metallic gold accents, scanlines

- **Single HTML Files** — Each window works standalone. Easy to embed or modify.

### Built For

- RPG developers needing a high-quality modular UI system

- Indie devs who want procedural + retro visuals without heavy assets

- Designers exploring adaptive, logic-driven interfaces

### Tech

- Pure HTML + CSS + Vanilla JavaScript

- No external dependencies

- Fully offline capable

- Easy to integrate into Godot, Unity, Phaser, or custom engines

---

**Download includes 7 complete HTML files** — open any in your browser to explore.

Made with love for knight RPGs and procedural design.

Enjoy building your legend.