BradNut/svelte-3d
1
0
Fork 0
mirror of https://github.com/BradNut/svelte-3d synced 2025-09-08 17:40:17 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix instructions.

Browse source
This commit is contained in:
Bradley Shellnut 2022-05-05 21:46:55 -07:00
parent c65bd035e0
commit 9e69375ba8
1 changed files with 35 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/routes/cubes.svelte
View file

@ -7,13 +7,13 @@
let count = 1; let count = 1;
</script> </script>
<svelte:window on:click={() => count += 1} /> <svelte:window on:click={() => (count += 1)} />
<div class="instructions"> <div class="instructions">
<h2>Click around to add cubes</h2> <h2>Click around to add cubes</h2>
</div> </div>
<PE.World gravity={[0, -9.8 ,0]}> <PE.World gravity={[0, -9.8, 0]}>
<SC.Canvas antialias shadows> <SC.Canvas antialias shadows>
<PE.Body mass={0} rotation={[-Math.PI / 2, 0, 0]}> <PE.Body mass={0} rotation={[-Math.PI / 2, 0, 0]}>
<PE.Plane /> <PE.Plane />
@ -22,14 +22,14 @@
receiveShadow receiveShadow
geometry={new THREE.PlaneGeometry(50, 50)} geometry={new THREE.PlaneGeometry(50, 50)}
rotation={[-Math.PI / 2, 0, 0]} rotation={[-Math.PI / 2, 0, 0]}
material={new THREE.MeshStandardMaterial({ color: "grey"})} material={new THREE.MeshStandardMaterial({ color: 'grey' })}
/> />
{#each {length: count } as _} {#each { length: count } as _}
<Box /> <Box />
{/each} {/each}
<SC.DirectionalLight intensity={1} position={[15,15,15]} shadow={{ mapSize: [2048, 2048]}} /> <SC.DirectionalLight intensity={1} position={[15, 15, 15]} shadow={{ mapSize: [2048, 2048] }} />
<SC.AmbientLight intensity={1} /> <SC.AmbientLight intensity={1} />
<SC.PerspectiveCamera position={[ 2, 2, 15 ]} target={[0,0,0]} /> <SC.PerspectiveCamera position={[2, 2, 15]} target={[0, 0, 0]} />
<SC.OrbitControls /> <SC.OrbitControls />
</SC.Canvas> </SC.Canvas>
</PE.World> </PE.World>
@ -37,8 +37,8 @@
<style> <style>
.instructions { .instructions {
position: absolute; position: absolute;
top: 5%; top: 10%;
left: 40%; left: 5%;
z-index: 10; z-index: 10;
color: white; color: white;
font-size: 2rem; font-size: 2rem;