1
0
forked from noxious/client
This commit is contained in:
Colin Kallemein 2024-07-21 20:20:08 +02:00
commit 7445fa42bc
10 changed files with 17 additions and 8 deletions

View File

@ -9,7 +9,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, watch } from 'vue' import { ref } from 'vue'
import type { Ref } from 'vue' import type { Ref } from 'vue'
interface Props { interface Props {

View File

@ -24,6 +24,13 @@
<label class="mb-1.5 font-titles" for="origin-x">Tags</label> <label class="mb-1.5 font-titles" for="origin-x">Tags</label>
<ChipsInput v-model="objectTags" @update:modelValue="objectTags = $event" /> <ChipsInput v-model="objectTags" @update:modelValue="objectTags = $event" />
</div> </div>
<div class="w-full flex flex-col mb-5">
<label class="mb-1.5 font-titles" for="origin-x">Is animated</label>
<select v-model="objectIsAnimated" class="input-cyan">
<option value="0">No</option>
<option value="1">Yes</option>
</select>
</div>
<button class="btn-cyan px-4 py-1.5 min-w-24" type="submit">Save</button> <button class="btn-cyan px-4 py-1.5 min-w-24" type="submit">Save</button>
</form> </form>
</div> </div>
@ -49,6 +56,7 @@ const objectName = ref('')
const objectTags = ref([] as string[]) const objectTags = ref([] as string[])
const objectOriginX = ref(0) const objectOriginX = ref(0)
const objectOriginY = ref(0) const objectOriginY = ref(0)
const objectIsAnimated = ref(0)
if (!selectedObject.value) { if (!selectedObject.value) {
console.error('No object selected') console.error('No object selected')
@ -59,6 +67,7 @@ if (selectedObject.value) {
objectTags.value = selectedObject.value.tags objectTags.value = selectedObject.value.tags
objectOriginX.value = selectedObject.value.origin_x objectOriginX.value = selectedObject.value.origin_x
objectOriginY.value = selectedObject.value.origin_y objectOriginY.value = selectedObject.value.origin_y
objectIsAnimated.value = selectedObject.value.is_animated
} }
function removeObject() { function removeObject() {

View File

@ -35,17 +35,17 @@ import { Container, Image, TilemapLayer as TilemapLayerC, useScene } from 'phavu
import { onBeforeMount, onBeforeUnmount, ref, toRaw, watch } from 'vue' import { onBeforeMount, onBeforeUnmount, ref, toRaw, watch } from 'vue'
import Controls from '@/components/utilities/Controls.vue' import Controls from '@/components/utilities/Controls.vue'
import { useGameStore } from '@/stores/game' import { useGameStore } from '@/stores/game'
import Toolbar from '@/components/utilities/zoneEditor/Toolbar.vue' import Toolbar from '@/components/utilities/zoneEditor/partials/Toolbar.vue'
import Tiles from '@/components/utilities/zoneEditor/Tiles.vue' import Tiles from '@/components/utilities/zoneEditor/partials/Tiles.vue'
import SelectedZoneObject from '@/components/utilities/zoneEditor/SelectedZoneObject.vue' import SelectedZoneObject from '@/components/utilities/zoneEditor/partials/SelectedZoneObject.vue'
import { useZoneEditorStore } from '@/stores/zoneEditor' import { useZoneEditorStore } from '@/stores/zoneEditor'
import ZoneSettings from '@/components/utilities/zoneEditor/ZoneSettings.vue' import ZoneSettings from '@/components/utilities/zoneEditor/partials/ZoneSettings.vue'
import { placeTile, setAllTiles, tileToWorldX, tileToWorldY } from '@/services/zone' import { placeTile, setAllTiles, tileToWorldX, tileToWorldY } from '@/services/zone'
import { useAssetStore } from '@/stores/assets' import { useAssetStore } from '@/stores/assets'
import Objects from '@/components/utilities/zoneEditor/Objects.vue' import Objects from '@/components/utilities/zoneEditor/partials/Objects.vue'
import type { Zone, ZoneEventTile, ZoneObject } from '@/types' import type { Zone, ZoneEventTile, ZoneObject } from '@/types'
import { storeToRefs } from 'pinia' import { storeToRefs } from 'pinia'
import ZoneList from '@/components/utilities/zoneEditor/ZoneList.vue' import ZoneList from '@/components/utilities/zoneEditor/partials/ZoneList.vue'
import Tileset = Phaser.Tilemaps.Tileset import Tileset = Phaser.Tilemaps.Tileset
import TilemapLayer = Phaser.Tilemaps.TilemapLayer import TilemapLayer = Phaser.Tilemaps.TilemapLayer

View File

@ -34,7 +34,7 @@ import { useGameStore } from '@/stores/game'
import Modal from '@/components/utilities/Modal.vue' import Modal from '@/components/utilities/Modal.vue'
import type { Zone } from '@/types' import type { Zone } from '@/types'
import { useZoneEditorStore } from '@/stores/zoneEditor' import { useZoneEditorStore } from '@/stores/zoneEditor'
import CreateZone from '@/components/utilities/zoneEditor/CreateZone.vue' import CreateZone from '@/components/utilities/zoneEditor/partials/CreateZone.vue'
const gameStore = useGameStore() const gameStore = useGameStore()
const zoneEditorStore = useZoneEditorStore() const zoneEditorStore = useZoneEditorStore()