From 7f49a80b5f29b18c8e4ae7de82f015fc048887f8 Mon Sep 17 00:00:00 2001
From: baletiballo <75846481+baletiballo@users.noreply.github.com>
Date: Thu, 23 Jan 2025 17:43:50 +0100
Subject: [PATCH] First experiment with displaying 3D Facts in the browser
---
.../scroll_interaction/Math_Mind.js | 34 +++++++++++++++++++
.../scroll_interaction/Math_Mind.js.meta | 7 ++++
2 files changed, 41 insertions(+)
create mode 100644 Assets/StreamingAssets/ScrollView_Server/scroll_interaction/Math_Mind.js
create mode 100644 Assets/StreamingAssets/ScrollView_Server/scroll_interaction/Math_Mind.js.meta
diff --git a/Assets/StreamingAssets/ScrollView_Server/scroll_interaction/Math_Mind.js b/Assets/StreamingAssets/ScrollView_Server/scroll_interaction/Math_Mind.js
new file mode 100644
index 00000000..65fbc568
--- /dev/null
+++ b/Assets/StreamingAssets/ScrollView_Server/scroll_interaction/Math_Mind.js
@@ -0,0 +1,34 @@
+import * as THREE from 'three';
+import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
+
+const scene = new THREE.Scene();
+const camera = new THREE.PerspectiveCamera(75, 4/3, 0.1, 1000);
+
+const renderer = new THREE.WebGLRenderer({
+ canvas: document.querySelector('#math-mind-canvas')
+});
+// renderer.setSize( window.innerWidth, window.innerHeight );
+// document.body.appendChild( renderer.domElement );
+const controls = new OrbitControls( camera, renderer.domElement );
+
+const pointGeo = new THREE.SphereGeometry(0.1);
+const material = new THREE.MeshBasicMaterial({ color: 0xf0f0f0 });
+
+camera.position.set(5,-5,5);
+controls.update();
+
+function animate() {
+ renderer.render(scene, camera);
+ controls.update();
+}
+renderer.setAnimationLoop(animate);
+
+function addPointFact(x, y, z) {
+ const point = new THREE.Mesh(pointGeo, material);
+ scene.add(point);
+ point.position.set(x, y, z);
+}
+
+addPointFact(0, 0, 0);
+addPointFact(-4, 0, 0);
+addPointFact(0, 2, 0);
\ No newline at end of file
diff --git a/Assets/StreamingAssets/ScrollView_Server/scroll_interaction/Math_Mind.js.meta b/Assets/StreamingAssets/ScrollView_Server/scroll_interaction/Math_Mind.js.meta
new file mode 100644
index 00000000..586e7f2a
--- /dev/null
+++ b/Assets/StreamingAssets/ScrollView_Server/scroll_interaction/Math_Mind.js.meta
@@ -0,0 +1,7 @@
+fileFormatVersion: 2
+guid: cd7b91a57cc1705408fbd4face981955
+DefaultImporter:
+ externalObjects: {}
+ userData:
+ assetBundleName:
+ assetBundleVariant:
--
GitLab