From 8ec2678e66f640dd5be084764e16e3ed5a0970a9 Mon Sep 17 00:00:00 2001 From: Pax1601 Date: Fri, 24 Mar 2023 17:35:11 +0100 Subject: [PATCH] Added bomb marker --- client/demo.js | 88 ++++++++++++++++++- client/public/stylesheets/units.css | 18 +++- .../themes/olympus/images/icon_bomb_blue.svg | 54 ++++++++++++ .../olympus/images/icon_bomb_neutral.svg | 54 ++++++++++++ .../themes/olympus/images/icon_bomb_red.svg | 54 ++++++++++++ client/public/themes/olympus/olympus.css | 7 ++ 6 files changed, 271 insertions(+), 4 deletions(-) create mode 100644 client/public/themes/olympus/images/icon_bomb_blue.svg create mode 100644 client/public/themes/olympus/images/icon_bomb_neutral.svg create mode 100644 client/public/themes/olympus/images/icon_bomb_red.svg diff --git a/client/demo.js b/client/demo.js index 3225ab2e..4ea4ea1b 100644 --- a/client/demo.js +++ b/client/demo.js @@ -454,7 +454,7 @@ const DEMO_UNIT_DATA = { }, flightData: { latitude: 37.075, - longitude: -115.81, + longitude: -115.80, altitude: 2000, heading: 0.5, speed: 300 @@ -528,6 +528,92 @@ const DEMO_UNIT_DATA = { ROE: "None", reactionToThreat: "None", } + }, + ["13"]:{ + baseData: { + AI: true, + name: "CVN-75", + unitName: "Olympus 1-11", + groupName: "Group 1", + alive: true, + category: "Bomb", + }, + flightData: { + latitude: 37.05, + longitude: -115.8, + altitude: 2000, + heading: 0.5, + speed: 300 + }, + missionData: { + fuel: 0.5, + flags: {human: false}, + ammo: [], + targets: [], + hasTask: true, + coalition: "blue" + }, + formationData: { + formation: "Echelon", + isLeader: false, + isWingman: false, + leaderID: null, + wingmen: [], + wingmenIDs: [] + }, + taskData: { + currentTask: "Example task", + activePath: undefined, + targetSpeed: 400, + targetAltitude: 3000 + }, + optionsData: { + ROE: "None", + reactionToThreat: "None", + } + }, + ["14"]:{ + baseData: { + AI: true, + name: "CVN-75", + unitName: "Olympus 1-12", + groupName: "Group 1", + alive: true, + category: "Bomb", + }, + flightData: { + latitude: 37.05, + longitude: -115.75, + altitude: 2000, + heading: 0.6, + speed: 300 + }, + missionData: { + fuel: 0.5, + flags: {human: false}, + ammo: [], + targets: [], + hasTask: true, + coalition: "red" + }, + formationData: { + formation: "Echelon", + isLeader: false, + isWingman: false, + leaderID: null, + wingmen: [], + wingmenIDs: [] + }, + taskData: { + currentTask: "Example task", + activePath: undefined, + targetSpeed: 400, + targetAltitude: 3000 + }, + optionsData: { + ROE: "None", + reactionToThreat: "None", + } } } diff --git a/client/public/stylesheets/units.css b/client/public/stylesheets/units.css index 8b6d01a3..6ec7a3cf 100644 --- a/client/public/stylesheets/units.css +++ b/client/public/stylesheets/units.css @@ -298,7 +298,7 @@ /* Weapons */ -[data-object|="unit-weapon"] { +[data-object|="unit-missile"], [data-object|="unit-bomb"] { cursor: default; } @@ -308,16 +308,28 @@ width: var( --unit-missile-marker-width ); } - [data-object|="unit-missile"][data-coalition="blue"] .unit-marker { background-image: var( --unit-missile-marker-blue-url ); } - [data-object|="unit-missile"][data-coalition="red"] .unit-marker { background-image: var( --unit-missile-marker-red-url ); } +[data-object|="unit-bomb"] .unit-marker { + background-image: var( --unit-bomb-marker-neutral-url ); + height: var( --unit-bomb-marker-height ); + width: var( --unit-bomb-marker-width ); +} + +[data-object|="unit-bomb"][data-coalition="blue"] .unit-marker { + background-image: var( --unit-bomb-marker-blue-url ); +} + +[data-object|="unit-bomb"][data-coalition="red"] .unit-marker { + background-image: var( --unit-bomb-marker-red-url ); +} + /******************************************** * Labels diff --git a/client/public/themes/olympus/images/icon_bomb_blue.svg b/client/public/themes/olympus/images/icon_bomb_blue.svg new file mode 100644 index 00000000..debb288f --- /dev/null +++ b/client/public/themes/olympus/images/icon_bomb_blue.svg @@ -0,0 +1,54 @@ + + + + + + + + diff --git a/client/public/themes/olympus/images/icon_bomb_neutral.svg b/client/public/themes/olympus/images/icon_bomb_neutral.svg new file mode 100644 index 00000000..1111d0c2 --- /dev/null +++ b/client/public/themes/olympus/images/icon_bomb_neutral.svg @@ -0,0 +1,54 @@ + + + + + + + + diff --git a/client/public/themes/olympus/images/icon_bomb_red.svg b/client/public/themes/olympus/images/icon_bomb_red.svg new file mode 100644 index 00000000..67e2b9fc --- /dev/null +++ b/client/public/themes/olympus/images/icon_bomb_red.svg @@ -0,0 +1,54 @@ + + + + + + + + diff --git a/client/public/themes/olympus/olympus.css b/client/public/themes/olympus/olympus.css index c7a3b9c0..3836ea74 100644 --- a/client/public/themes/olympus/olympus.css +++ b/client/public/themes/olympus/olympus.css @@ -206,6 +206,13 @@ --unit-missile-marker-neutral-url: url( "/themes/olympus/images/icon_missile_neutral.svg" ); --unit-missile-marker-red-url: url( "/themes/olympus/images/icon_missile_red.svg" ); + --unit-bomb-marker-height: 50px; + --unit-bomb-marker-width: 50px; + + --unit-bomb-marker-blue-url: url( "/themes/olympus/images/icon_bomb_blue.svg" ); + --unit-bomb-marker-neutral-url: url( "/themes/olympus/images/icon_bomb_neutral.svg" ); + --unit-bomb-marker-red-url: url( "/themes/olympus/images/icon_bomb_red.svg" ); + /*** Context menu ***/ --spawn-aircraft-url: url( "/themes/olympus/images/spawn_aircraft.svg" );