bartvdbraak/hellob.art
1
0
Fork 0
mirror of https://github.com/bartvdbraak/hellob.art.git synced 2025-06-28 23:39:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: working example of tools using 3d

Browse source
This commit is contained in:
Bart van der Braak 2023-07-27 22:25:38 +02:00
parent 353d51971b
commit a2426838df
3 changed files with 10 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/lib/components/Tools.svelte
View file

@ -8,6 +8,8 @@
renderer: THREE.WebGLRenderer,
cube: THREE.Mesh<THREE.BoxGeometry, THREE.MeshBasicMaterial>;
const renderContainerId = 'render';
const toolsData = [
{ name: 'Git', info: 'Short note about Git and its usage.' },
{ name: 'DBeaver', info: 'Short note about DBeaver and its usage.' },
@ -30,7 +32,10 @@
renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);
const renderContainer = document.getElementById(renderContainerId);
if (renderContainer) {
renderContainer.appendChild(renderer.domElement);
}
camera.position.z = 5;
};
@ -87,3 +92,4 @@
};
</script>
<section id="render" />