Egalware/web3d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refresh index x compilare npm

Browse Source
This commit is contained in:
Samuele Locatelli
2024-06-26 15:42:22 +02:00
parent ebdb36180e
commit e4502353af
3 changed files with 58 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files
WebDoorView/3DM_test/test_js_call/index.html
+27 -50
View File
@@ -33,19 +33,10 @@
<div id ="divMenu2" class="p-2">
<div>
<button id="btnHelp" class="btn btn-lg btn-light" onclick="toggleHelp()" title="Hide/Show Menu"><i class="fas fa-question"></i></button>
<!-- <div class="btn-group" role="group" aria-label="Mode">
<button id="btnOrto" class="btn btn-lg btn-light" onclick="setOrtho()" title="Ortho/ISO View"><i class="fas fa-cube"></i></button>
<button id="btnPers" class="btn btn-lg btn-secondary" onclick="setPersp()" title="Perspective View"><i class="fab fa-unity"></i></button>
</div> -->
<div class="btn-group" role="group" aria-label="Animation">
<button id="btnPause" class="btn btn-lg btn-secondary" onclick="toggleAnim()" title="Freeze model"><i class="fas fa-pause"></i></button>
<button id="btnPlay" class="btn btn-lg btn-light" onclick="toggleAnim()" title="Animation Active"><i class="fas fa-play"></i></button>
</div>
<!-- <div class="btn-group" role="group" aria-label="Animation">
<button id="btnRotate" class="btn btn-lg btn-light" onclick="toggleRotate()" title="Toggle Rotate"><i class="fas fa-globe"></i></button>
<button id="btnQuote" class="btn btn-lg btn-light" onclick="toggleQuote()" title="Show Quotation"><i class="fas fa-ruler"></i></button>
<button id="btnGrid" class="btn btn-lg btn-light" onclick="toggleGrid()" title="Toggle Grid"><i class="fas fa-border-all"></i></button>
</div> -->
<button id="btnReset" class="btn btn-lg btn-secondary" onclick="resetCamera()" title="Reset"><i class="fas fa-sync-alt"></i></button>
</div>
<div id = "infoDiv">
@@ -61,67 +52,48 @@
</li>
<li class="list-group-item p-1 d-flex justify-content-between">
<b>Rotate</b> CTRL + Drag Mouse-Wheel
</li>
<!-- <li class="list-group-item p-1 d-flex justify-content-between">
<div>
Toggle Show-Cube : <b>C</b>
</div>
<button class="btn btn-lg btn-primary py-0" onclick="toggleCube()">C</button>
</li>
<li class="list-group-item p-1 d-flex justify-content-between">
<div>
Toggle Show-Frame : <b>F</b>
</div>
<button class="btn btn-lg btn-primary py-0" onclick="toggleFrame()">F</button>
</li> -->
</li>
<li class="list-group-item p-1 d-flex justify-content-between">
<div><b>Iso / Ortho</b></div>
<div>
<i class="fas fa-cube"></i> | key : <b>O</b>
</div>
<!-- <button class="btn btn-lg btn-primary py-1" onclick="setOrtho()"><i class="fas fa-cube"></i></button> -->
</li>
<li class="list-group-item p-1 d-flex justify-content-between">
<div><b>Perspective</b></div>
<div>
<i class="fab fa-unity"></i> | key : <b>P</b>
</div>
<!-- <button class="btn btn-lg btn-primary py-1" onclick="setPersp()"><i class="fab fa-unity"></i></button> -->
</li>
<li class="list-group-item p-1 d-flex justify-content-between">
<div><b>AutoRotate</b></div>
<div>
<i class="fas fa-globe"></i> | key : <b>R</b>
</div>
<!-- <button class="btn btn-lg btn-primary py-1" onclick="toggleRotate()"><i class="fas fa-globe"></i></button> -->
</li>
<li class="list-group-item p-1 d-flex justify-content-between">
<div><b>Quotes</b></div>
<div>
<i class="fas fa-ruler"></i> | key : <b>Q</b>
</div>
<!-- <button class="btn btn-lg btn-primary py-1" onclick="toggleQuote()"><i class="fas fa-ruler"></i></button> -->
</li>
<li class="list-group-item p-1 d-flex justify-content-between">
<div><b>Grid</b></div>
<div>
<i class="fas fa-border-all"></i> | key : <b>G</b>
</div>
<!-- <button class="btn btn-lg btn-primary py-1" onclick="toggleGrid()"></button> -->
</li>
<li class="list-group-item p-1 d-flex justify-content-between">
<div><b>Reset</b></div>
<div>
<i class="fas fa-sync-alt"></i> | key: <b>SpaceBar</b>
</div>
<!-- <button class="btn btn-lg btn-primary py-1" onclick="resetCamera()"><i class="fas fa-sync-alt"></i></button> -->
</li>
<li class="list-group-item p-1 d-flex justify-content-between">
<div><b>Menu</b></div>
<div>
<i class="fas fa-question"></i> | key : <b>H</b>
</div>
<!-- <button class="btn btn-lg btn-primary py-1" onclick="toggleHelp()"><i class="fas fa-question small"></i></button> -->
</li>
</ul>
</div>
@@ -318,28 +290,33 @@
}
function onKeyPress( event) {
if ( event.key.toLowerCase() === "r")
toggleRotate();
else if ( event.key.toLowerCase() === "p") {
setPersp();
switch (event.key.toLowerCase() ){
case " ":
resetCamera();
break;
case "a":
toggleAnim();
break;
case "h":
toggleMenu();
break;
case "g":
toggleGrid();
break;
case "o":
setOrtho();
break;
case "p":
setPersp();
break;
case "q":
toggleQuote();
break;
case "r":
toggleRotate();
break;
}
else if ( event.key.toLowerCase() === "o") {
setOrtho();
}
else if ( event.key.toLowerCase() === "q")
toggleQuote();
else if ( event.key.toLowerCase() === " ")
resetCamera();
// else if ( event.key.toLowerCase() === "c")
// toggleCube();
// else if ( event.key.toLowerCase() === "f")
// toggleFrame();
else if ( event.key.toLowerCase() === "g")
toggleGrid();
else if ( event.key.toLowerCase() === "h")
toggleMenu();
else if ( event.key.toLowerCase() === "a")
toggleAnim();
}
function checkButton(event)
WebDoorView/3DM_test/test_js_call/lib/node_modules/webgl-door-visualizer/draw_call.js
Generated Vendored
+28 -23
View File
@@ -1,5 +1,4 @@
import { webgl_original } from "./webgl_draw.js";
const WGL = new webgl_original();
const infoDiv = document.getElementById( "infoDiv") ;
@@ -20,6 +19,7 @@ let options ={
// init controllo
WGL.initcall(options);
// ---------------------------------------------------
// Funzioni pubbliche
// ---------------------------------------------------
@@ -46,7 +46,7 @@ window.resetCamera = () =>
}, millisecondsToWait);
}
// reset camera persp
// set camera persp
window.setOrtho = () =>
{
console.log("Set Camera ISO/ORTHO");
@@ -169,28 +169,33 @@ function fixBtnRotate()
}
function onKeyPress( event) {
if ( event.key.toLowerCase() === "r")
toggleRotate();
else if ( event.key.toLowerCase() === "p") {
setPersp();
switch (event.key.toLowerCase() ){
case " ":
resetCamera();
break;
case "a":
toggleAnim();
break;
case "h":
toggleMenu();
break;
case "g":
toggleGrid();
break;
case "o":
setOrtho();
break;
case "p":
setPersp();
break;
case "q":
toggleQuote();
break;
case "r":
toggleRotate();
break;
}
else if ( event.key.toLowerCase() === "o") {
setOrtho();
}
else if ( event.key.toLowerCase() === "q")
toggleQuote();
else if ( event.key.toLowerCase() === " ")
resetCamera();
// else if ( event.key.toLowerCase() === "c")
// toggleCube();
// else if ( event.key.toLowerCase() === "f")
// toggleFrame();
else if ( event.key.toLowerCase() === "g")
toggleGrid();
else if ( event.key.toLowerCase() === "h")
toggleMenu();
else if ( event.key.toLowerCase() === "a")
toggleAnim();
}
function checkButton(event)
WebDoorView/3DM_test/test_js_call/style.css
+3 -11
View File
@@ -21,8 +21,8 @@ canvas {
#divLogo{
position: fixed ;
top: 3.5rem;
right: 0.3rem;
top: 4rem;
right: 0.5rem;
height: 5rem;
width: 4rem;
font-size: 0.8rem;
@@ -30,7 +30,7 @@ canvas {
#infoDiv {
position: fixed ;
top: 2.75rem;
top: 3.75rem;
right: 0.5rem;
z-index: 10;
@@ -41,14 +41,6 @@ canvas {
font-size: 0.9em ;
}
/* #Ref1Render {
position: fixed ;
width: 10rem ;
height: 10rem ;
bottom: 0.5rem ;
right: 0.5rem ;
} */
#RefRender {
position: fixed ;
width: 8rem ;