diff --git a/src/components/World.vue b/src/components/World.vue
index 8e6708e..afcbc94 100644
--- a/src/components/World.vue
+++ b/src/components/World.vue
@@ -1,11 +1,11 @@
 <template>
-  <TilemapLayer :tilemap="map" :layerIndex="0" :tileset="data"/>
-  <Circle :radius="10" :fillColor="0xFFFFFF" :x="150" :y="1" />
+  <TilemapLayer :tilemap="map" :layerIndex="0" :tileset="data" />
+  <Player />
 </template>
 
 <script setup>
-import { Circle, TilemapLayer, useScene } from 'phavuer'
-
+import { TilemapLayer, useScene } from 'phavuer'
+import Player from '@/components/player/Player.vue'
 
 const scene = useScene()
 const mapData = new Phaser.Tilemaps.MapData({
diff --git a/src/components/player/Player.vue b/src/components/player/Player.vue
index ab794df..8581a68 100644
--- a/src/components/player/Player.vue
+++ b/src/components/player/Player.vue
@@ -1,8 +1,8 @@
 <template>
-
+  <Circle :radius="10" :fillColor="0xFFFFFF" :x="30" :y="1" />
 </template>
 
 <script setup>
-import { Image } from 'phavuer'
+import { Circle, Image } from 'phavuer'
 
 </script>
\ No newline at end of file