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

8
src/routes/cubes.svelte
View file

@ -7,7 +7,7 @@
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>
@ -22,7 +22,7 @@
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 />
@ -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;