Add opacity to placed map object preview, don't show seconds in clock , updated date format

This commit is contained in:
Dennis Postma 2025-02-10 14:37:34 +01:00
parent 592d1df9bf
commit 04203cb9c1
3 changed files with 4 additions and 4 deletions

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="absolute top-0 right-4 hidden lg:block"> <div class="absolute top-0 right-4 hidden lg:block" v-if="gameStore.world.date && typeof gameStore.world.date === 'object'">
<p class="text-white text-lg"> <p class="text-white text-lg">
{{ useDateFormat(gameStore.world.date ?? new Date(), 'YYYY:MM:DD HH:mm:ss') }} {{ useDateFormat(gameStore.world.date, 'YYYY/MM/DD HH:mm') }}
</p> </p>
</div> </div>
</template> </template>

View File

@ -59,7 +59,7 @@ function calculateObjectPlacement(mapObj: PlacedMapObject): { x: number; y: numb
} }
const imageProps = computed(() => ({ const imageProps = computed(() => ({
alpha: mapEditor.movingPlacedObject.value?.id == props.placedMapObject.id ? 0.5 : 1, alpha: mapEditor.movingPlacedObject.value?.id == props.placedMapObject.id || mapEditor.selectedMapObject.value?.id == props.placedMapObject.id ? 0.5 : 1,
tint: mapEditor.selectedPlacedObject.value?.id == props.placedMapObject.id ? 0x00ff00 : 0xffffff, tint: mapEditor.selectedPlacedObject.value?.id == props.placedMapObject.id ? 0x00ff00 : 0xffffff,
depth: calculateIsometricDepth(props.placedMapObject.positionX, props.placedMapObject.positionY, mapObject.value!.frameWidth, mapObject.value!.frameHeight), depth: calculateIsometricDepth(props.placedMapObject.positionX, props.placedMapObject.positionY, mapObject.value!.frameWidth, mapObject.value!.frameHeight),
...calculateObjectPlacement(props.placedMapObject), ...calculateObjectPlacement(props.placedMapObject),

View File

@ -37,7 +37,7 @@ const props = defineProps<{
const previewPosition = ref({ x: 0, y: 0 }) const previewPosition = ref({ x: 0, y: 0 })
const previewPlacedMapObject = computed(() => ({ const previewPlacedMapObject = computed(() => ({
id: uuidv4(), id: mapEditor.selectedMapObject.value?.id ?? uuidv4(),
mapObject: mapEditor.selectedMapObject.value?.id, mapObject: mapEditor.selectedMapObject.value?.id,
isRotated: false, isRotated: false,
positionX: previewPosition.value.x, positionX: previewPosition.value.x,