texture

Note

This may change or be removed in the future

Similar to asset but will ensure the returned asset is a PIXI.Texture. If the asset has not been loaded an empty texture will be returned.

Svelte 5

<script>
  import * as PIXI from 'pixi.js'
  import { Sprite, texture } from 'svelte-pixi'

  const adventurer = texture('/assets/adventurer.png')
</script>

<Sprite
  x={360}
  y={200}
  texture={$adventurer}
  anchor={0.5}
  scale={3}
/>

Svelte 4 (deprecated)

<script>
  import * as PIXI from 'pixi.js'
  import { Sprite, texture } from 'svelte-pixi/svelte-4'

  const adventurer = texture('/assets/adventurer.png')
</script>

<Sprite
  x={360}
  y={200}
  texture={$adventurer}
  anchor={0.5}
  scale={3}
/>

Type Definition

function texture<T extends PIXI.Texture>(
  src: string | PIXI.UnresolvedAsset,
  opts?: {
    onProgress?: (progress: number) => void
    onComplete?: (asset: PIXI.ResolvedAsset) => void
    onError?: (error: Error) => void
  },
)