import { onMount } from 'svelte';

import * as GL from '@sveltejs/gl';

export let color = '#ff3e00';

let w = 1;

let h = 1;

let d = 1;

const from_hex = hex => parseInt(hex.slice(1), 16);

const light = {};

onMount(() => {

let frame;

const loop = () => {

frame = requestAnimationFrame(loop);

light.x = 3 * Math.sin(Date.now() * 0.001);

light.y = 2.5 + 2 * Math.sin(Date.now() * 0.0004);

light.z = 3 * Math.cos(Date.now() * 0.002);

};

loop();

return () => cancelAnimationFrame(frame);

});

</script>

<GL.Scene>

<GL.Target id="center" location={[0, h/2, 0]}/>

<GL.OrbitControls maxPolarAngle={Math.PI / 2} let:location>

<GL.PerspectiveCamera {location} lookAt="center" near={0.01} far={1000}/>

</GL.OrbitControls>