From 50c30b4c2065b177b6abe9147892fa6e39c0972d Mon Sep 17 00:00:00 2001
From: Bart van der Braak <bartvdbraak@gmail.com>
Date: Fri, 28 Jul 2023 14:32:59 +0200
Subject: [PATCH] feat: add anti-aliasing
---
src/lib/components/Tools.svelte | 12 +++++++++++-
1 file changed, 11 insertions(+), 1 deletion(-)
diff --git a/src/lib/components/Tools.svelte b/src/lib/components/Tools.svelte
index e5a7cd5..00b6068 100644
--- a/src/lib/components/Tools.svelte
+++ b/src/lib/components/Tools.svelte
@@ -30,7 +30,7 @@
scene = new THREE.Scene();
camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
- renderer = new THREE.WebGLRenderer();
+ renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setSize(window.innerWidth, window.innerHeight);
const renderContainer = document.getElementById(renderContainerId);
if (renderContainer) {
@@ -92,4 +92,14 @@
};
</script>
+<style>
+ #render {
+ position: relative;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
+</style>
+
<section id="render" />