aframe-svelte

Ever want to load a svelte component in aframe as a component? No? Well I did it anyhow.

API

multiple: true,
schema: {
    props: {
        // pass props to svelte component
        default: {},
    },
    // the svelte component
    component: {},
    // fn to run to gather props
    gather: {
        default() {
            return this.data.props
        },
    },
},

Quick Start

REPL Example

FancyWidget.svelte

<script>
export let parent
</script>

Your parent is a {typeof parent}

Consumer of Fancy and Svelte

<script>
import { registerSvelte, registerGather } from "aframe-svelte"
import FancyWidget from './FancyWidget.svelte'

registerSvelte("FancyWidget", FancyWidget)

// Gather and return props after instantiating
registerGather("Parent", function() {
    return {
        parent: "foobar"
    }
})
</script>

<a-mixin svelte="component: FancyWidget; gather: Parent" />

Usage

goblin-life

Used for instantiating remote entity mixins in goblin.life!

Playlist

• Spotify