From aff8499005e9d19d75f69e4ff0913e9c29e01dda Mon Sep 17 00:00:00 2001
From: LJ5O <75009579+LJ5O@users.noreply.github.com>
Date: Tue, 9 Jan 2024 22:38:04 +0100
Subject: [PATCH] Notifications can now be removed

Added the corresponding method
---
 index.html                    | 4 ++--
 src/utils/addAssetsOnScene.js | 6 ++++--
 src/utils/notification.js     | 6 ++++++
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 72c7182..d57315c 100644
--- a/index.html
+++ b/index.html
@@ -4,11 +4,11 @@
 		<meta charset="utf-8">
 		<title>My first three.js app</title>
 		<style>
-			body { margin: 0; }
+			body { margin: 0; overflow: hidden;}
 
 			#notification_bar {
 				position: absolute;
-				top:0;
+				top:20px;
 				right: 0;
 
 				height: 80px;
diff --git a/src/utils/addAssetsOnScene.js b/src/utils/addAssetsOnScene.js
index fae31af..acfd0ba 100644
--- a/src/utils/addAssetsOnScene.js
+++ b/src/utils/addAssetsOnScene.js
@@ -2,6 +2,7 @@ import * as THREE from 'three';
 import * as MathUtils from 'three/src/math/MathUtils.js';
 import { createGround } from '../objects/ground.js';
 import {loadModel} from './import.js';
+import * as Notifications from '../utils/notification.js';
 const textureLoader = new THREE.TextureLoader();
 
 
@@ -387,7 +388,8 @@ export async function addAssetsOnScene(scene){
     linkPlate.scene.position.y = 2;
     linkPlate.scene.position.z = 1;
     scene.add( linkPlate.scene );
-    linkPlate.onEnterHitbox = ()=>{console.log('"Hello World !"')};
+    linkPlate.onEnterHitbox = ()=>{Notifications.showNotification("Hello World !")};
+    linkPlate.onLeaveHitbox = ()=>{Notifications.hideNotification()};
     linkPlates.push(linkPlate);
 
     /* --------------------
@@ -469,6 +471,6 @@ export async function addAssetsOnScene(scene){
         nameplateModel: nameplateModel,
         worldStatue: worldStatue,
         printerStatue: printerStatue,
-        linkPlates:linkPlates
+        linkPlates: linkPlates
     };
 }
\ No newline at end of file
diff --git a/src/utils/notification.js b/src/utils/notification.js
index ab568ac..fb0512a 100644
--- a/src/utils/notification.js
+++ b/src/utils/notification.js
@@ -5,4 +5,10 @@ export function showNotification(HTMLText){
   $("#notification_bar").css( 'opacity', 0.9 ).animate({
     width:320
   }, 500);
+}
+
+export function hideNotification(){
+  $("#notification_bar").animate({
+    width:0
+  }, 500, function(){ $(this).css( 'opacity', 0 ) });
 }
\ No newline at end of file