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 0000000000000000000000000000000000000000..65fbc568b81d20fd89a9cf82800b8466c292e953
--- /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 0000000000000000000000000000000000000000..586e7f2a662b899a97f5a21fd5772d62415d1aec
--- /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: