Fix project running

spx-gui/src/components/editor/panels/sprite/SpriteBasicConfig.vue

@@ -107,5 +107,6 @@ const addToLibrary = useAddAssetToLibrary()
   display: flex;
   gap: 4px;
   align-items: center;
+  word-break: keep-all;
 }
 </style>

spx-gui/src/components/project/ProjectCreateModal.vue

@@ -49,12 +49,12 @@ import { useI18n } from '@/utils/i18n'
 import { useMessageHandle } from '@/utils/exception'
 import { useUserStore } from '@/stores/user'
 import { ApiException, ApiExceptionCode } from '@/apis/common/exception'
-import { Sprite } from '@/models/sprite'
+import { Sprite, type SpriteInits } from '@/models/sprite'
 import { Costume } from '@/models/costume'
 import { File } from '@/models/common/file'
 import { uploadFiles } from '@/models/common/cloud'
 import { filename } from '@/utils/path'
-import defaultSpriteSvg from '@/assets/default-sprite.svg'
+import defaultSpritePng from '@/assets/default-sprite.png'
 import defaultBackdropImg from '@/assets/default-backdrop.png'
 import { Backdrop } from '@/models/backdrop'
 import { Project } from '@/models/project'
@@ -96,9 +96,9 @@ function createFile(url: string) {
 const handleSubmit = useMessageHandle(
   async () => {
     // make default project
-    const spriteFile = createFile(defaultSpriteSvg)
-    const spritePos = { x: -71, y: 75 } // offset to make sprite centered. depending on the size of spriteFile
-    const sprite = Sprite.create('', undefined, spritePos)
+    const spriteFile = createFile(defaultSpritePng)
+    const spriteInits: SpriteInits = { x: -71, y: 75, size: 0.5 } // offset & size to make sprite centered. depending on the size of spriteFile
+    const sprite = Sprite.create('', undefined, spriteInits)
     sprite.addCostume(Costume.create('', spriteFile))
     const backdropFile = createFile(defaultBackdropImg)
     const backdrop = Backdrop.create('', backdropFile)

spx-gui/src/components/project/ProjectItem.vue

@@ -15,7 +15,7 @@ import { computed } from 'vue'
 import dayjs from 'dayjs'
 import { useFileUrl } from '@/utils/file'
 import { Project } from '@/models/project'
-import defaultSpriteSvg from '@/assets/default-sprite.svg'
+import defaultSpritePng from '@/assets/default-sprite.png'
 
 const props = defineProps<{
   inHomepage?: boolean
@@ -25,7 +25,7 @@ const props = defineProps<{
 const imgSrc = useFileUrl(() => props.project.sprites[0]?.costume?.img)
 
 const imgStyle = computed(() => {
-  const backgroundImage = imgSrc.value || defaultSpriteSvg
+  const backgroundImage = imgSrc.value || defaultSpritePng
   return { backgroundImage: `url("${backgroundImage}")` }
 })
 

spx-gui/src/models/sprite.ts

@@ -207,9 +207,7 @@ export class Sprite extends Disposble {
       isDraggable: this.isDraggable,
       costumes: costumeConfigs
     }
-    if (this.code !== '') {
-      files[`${this.name}.spx`] = fromText(`${this.name}.spx`, this.code)
-    }
+    files[`${this.name}.spx`] = fromText(`${this.name}.spx`, this.code)
     files[`${assetPath}/${spriteConfigFileName}`] = fromConfig(spriteConfigFileName, config)
     return files
   }

spx-gui/src/models/stage.ts

@@ -175,9 +175,7 @@ export class Stage {
   export(): [RawStageConfig, Files] {
     const files: Files = {}
     const backdropConfigs: RawBackdropConfig[] = []
-    if (this.code !== '') {
-      files[stageCodeFilePath] = fromText(stageCodeFileName, this.code)
-    }
+    files[stageCodeFilePath] = fromText(stageCodeFileName, this.code)
     for (const backdrop of this._backdrops) {
       const [backdropConfig, backdropFiles] = backdrop.export()
       backdropConfigs.push(backdropConfig)

tools/ispx/main.go

@@ -1,6 +1,7 @@
 package main
 
 //go:generate qexp -outdir pkg github.com/goplus/spx
+//go:generate qexp -outdir pkg github.com/hajimehoshi/ebiten/v2
 
 import (
 	"archive/zip"
@@ -10,6 +11,7 @@ import (
 	"syscall/js"
 
 	_ "github.com/goplus/builder/ispx/pkg/github.com/goplus/spx"
+	_ "github.com/goplus/builder/ispx/pkg/github.com/hajimehoshi/ebiten/v2"
 	"github.com/goplus/builder/ispx/zipfs"
 	"github.com/goplus/igop"
 	"github.com/goplus/igop/gopbuild"