diff --git a/CONFIG.md b/CONFIG.md index b0e1432..b5632f2 100644 --- a/CONFIG.md +++ b/CONFIG.md @@ -191,25 +191,25 @@ Sky should always be transparent (#00000000) to allow the dynamic sky gradient t ## Other Sprite Assets -These are optional to customize: +All sprite images are located in the `images/` folder. These are optional to customize: | File | Size | Description | |------|------|-------------| -| `sun.png` | 64x64 | Sun sprite | -| `moon_6_phases.png` | 192x128 | Moon phases (3x2 grid) | -| `happycloud.png` | 96x64 | Clear weather cloud | -| `raincloud.png` | 96x64 | Rain/storm cloud | +| `images/sun.png` | 64x64 | Sun sprite | +| `images/moon_6_phases.png` | 192x128 | Moon phases (3x2 grid) | +| `images/happycloud.png` | 96x64 | Clear weather cloud | +| `images/raincloud.png` | 96x64 | Rain/storm cloud | ### Aircraft Sprites | File | Description | |------|-------------| -| `smallProp.png` | Small propeller aircraft (Cessna) | -| `regionalJet.png` | Regional jets (CRJ, ERJ) | -| `narrowBody.png` | Narrow body jets (737, A320) | -| `wideBody.png` | Wide body jets (777, 787) | -| `heavy.png` | Heavy/jumbo jets (747, A380) | -| `helicopter.png` | Helicopters | +| `images/smallProp.png` | Small propeller aircraft (Cessna) | +| `images/regionalJet.png` | Regional jets (CRJ, ERJ) | +| `images/narrowBody.png` | Narrow body jets (737, A320) | +| `images/wideBody.png` | Wide body jets (777, 787) | +| `images/heavy.png` | Heavy/jumbo jets (747, A380) | +| `images/helicopter.png` | Helicopters | All aircraft sprites should face **right (east)** - the code flips them automatically for westbound flights. diff --git a/happycloud.png b/images/happycloud.png similarity index 100% rename from happycloud.png rename to images/happycloud.png diff --git a/heavy.png b/images/heavy.png similarity index 100% rename from heavy.png rename to images/heavy.png diff --git a/helicopter.png b/images/helicopter.png similarity index 100% rename from helicopter.png rename to images/helicopter.png diff --git a/moon_6_phases.png b/images/moon_6_phases.png similarity index 100% rename from moon_6_phases.png rename to images/moon_6_phases.png diff --git a/narrowBody.png b/images/narrowBody.png similarity index 100% rename from narrowBody.png rename to images/narrowBody.png diff --git a/raincloud.png b/images/raincloud.png similarity index 100% rename from raincloud.png rename to images/raincloud.png diff --git a/regionalJet.png b/images/regionalJet.png similarity index 100% rename from regionalJet.png rename to images/regionalJet.png diff --git a/smallProp.png b/images/smallProp.png similarity index 100% rename from smallProp.png rename to images/smallProp.png diff --git a/sun.png b/images/sun.png similarity index 100% rename from sun.png rename to images/sun.png diff --git a/wideBody.png b/images/wideBody.png similarity index 100% rename from wideBody.png rename to images/wideBody.png diff --git a/pixel-view.js b/pixel-view.js index 243f5b3..b1ad059 100644 --- a/pixel-view.js +++ b/pixel-view.js @@ -108,7 +108,7 @@ class PixelADSB { this.aircraftImages[type].onerror = () => { console.warn(`Failed to load ${type} sprite`); }; - this.aircraftImages[type].src = `${type}.png?v=24`; + this.aircraftImages[type].src = `images/${type}.png?v=24`; }); // Load environment images (directional backgrounds, base, sun, clouds) @@ -129,7 +129,7 @@ class PixelADSB { this.sunImage.onerror = () => { console.warn('Failed to load sun.png'); }; - this.sunImage.src = 'sun.png?v=24'; + this.sunImage.src = 'images/sun.png?v=24'; this.happyCloudImage = new Image(); this.happyCloudImage.onload = () => { @@ -139,7 +139,7 @@ class PixelADSB { this.happyCloudImage.onerror = () => { console.warn('Failed to load happycloud.png'); }; - this.happyCloudImage.src = 'happycloud.png?v=24'; + this.happyCloudImage.src = 'images/happycloud.png?v=24'; this.rainCloudImage = new Image(); this.rainCloudImage.onload = () => { @@ -149,7 +149,7 @@ class PixelADSB { this.rainCloudImage.onerror = () => { console.warn('Failed to load raincloud.png'); }; - this.rainCloudImage.src = 'raincloud.png?v=24'; + this.rainCloudImage.src = 'images/raincloud.png?v=24'; this.moonSprite = new Image(); this.moonSprite.onload = () => { @@ -159,7 +159,7 @@ class PixelADSB { this.moonSprite.onerror = () => { console.warn('Failed to load moon_6_phases.png'); }; - this.moonSprite.src = 'moon_6_phases.png?v=32'; + this.moonSprite.src = 'images/moon_6_phases.png?v=32'; // Track which environment images have loaded this.sunImageLoaded = false; diff --git a/screenshots/screenshot.png b/screenshots/screenshot.png index 23c2279..48ac339 100644 Binary files a/screenshots/screenshot.png and b/screenshots/screenshot.png differ