add hotspot code

XFSZ · Nov 18, 2020 · e5a6f01 · e5a6f01
1 parent 717bd99
commit e5a6f01
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 7 deletions.
diff --git a/Babylonjs/model/pic/C4_1_b.png b/Babylonjs/model/pic/C4_1_b.png
diff --git a/Babylonjs/model/pic/C4_2_b.png b/Babylonjs/model/pic/C4_2_b.png
diff --git a/Babylonjs/model/pic/bg.jpg b/Babylonjs/model/pic/bg.jpg
diff --git a/Babylonjs/script/controlscript/modelcontrol.js b/Babylonjs/script/controlscript/modelcontrol.js
@@ -38,13 +38,13 @@ function hotSpot(modelname,picnum){
      name = "1"
     // let CoT = new BABYLON.TransformNode("root");
     let advancedTexture = BABYLON.GUI.AdvancedDynamicTexture.CreateFullscreenUI("GUI", true, scene);
-    let mesh = scene.getTransformNodeByID("root");
-    //let mesh = scene.getTransformNodeByID(`${modelname}4_${picnum}`);
+    //let mesh = scene.getTransformNodeByID("root");
+    let mesh = scene.getTransformNodeByID(`${modelname}4_${picnum}`);
     console.log(mesh)
    // let hotSpotButton = BABYLON.GUI.Button.CreateImageOnlyButton(`HS_${name}`,`model/pic/btn${name}.jpg`)
     let hotSpotButton = BABYLON.GUI.Button.CreateImageOnlyButton(`HS_${modelname}_${picnum}`,`model/pic/${modelname}4_${picnum}.png`)
-    hotSpotButton.width = "36px";
-    hotSpotButton.height = "36px";
+    hotSpotButton.width = "112px";
+    hotSpotButton.height = "27px";
     hotSpotButton.thickness = 0;
     advancedTexture.addControl(hotSpotButton);
     hotSpotButton.linkWithMesh(mesh);
@@ -71,9 +71,19 @@ function hotSpot(modelname,picnum){
 let modelHotSpotArr=['A','B','C'];
 function initHotSpot(){
   for(let i =0;i<modelHotSpotArr.length;i++){
-    for(let j=0;j<6;j++){
+    if(modelHotSpotArr[i]=='C')
+    {    
+       for(let j=0;j<6;j++){
       hotSpot(modelHotSpotArr[i],j+1)
     }
+    hotSpot(modelHotSpotArr[i],'1_b')
+    hotSpot(modelHotSpotArr[i],'2_b')
+    }else{
+      for(let j=0;j<6;j++){
+        hotSpot(modelHotSpotArr[i],j+1)
+      }
+    }
+
   }
 }
 

diff --git a/Babylonjs/script/controlscript/svganim.js b/Babylonjs/script/controlscript/svganim.js
@@ -730,8 +730,8 @@ function initscene() {
     //  setTimeout( ()=> {
     initCamera();
     initAnim(nextModelAnim);
-        loadPic();
-    initHotSpot()
+   //     loadPic();
+   // initHotSpot()
     //    hotSpot();
     // },1000)
     // setTimeout(()=>{mouseEvenTimeOut = false},2000)