<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <link rel="shortcut icon" href="https://github.com/Autodesk-Forge/learn.forge.viewmodels/raw/master/img/favicon.ico"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.7/themes/default/style.min.css" /> <!-- Autodesk Forge Viewer files --> <link rel="stylesheet" href="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/style.min.css" type="text/css"> <div id="MyControls" class="adsk control"> <p style="text-align: center; font-weight: bold;">Robot Controls</p> <p id="id_printer">Selected_ID: </p> <p id="all_id">All_ID: </p> <button id="1F1oor" onclick="move1Floor()">1 Floor</button> <button id="2F1oor" onclick="move2Floor()">2 Floor</button> <button id="3F1oor" onclick="move3Floor()">3 Floor</button> <button id="4F1oor" onclick="move4Floor()">4 Floor</button> <button id="5F1oor" onclick="move5Floor()">5 Floor</button> <button id="6F1oor" onclick="move6Floor()">6 Floor</button> <button id="7F1oor" onclick="move7Floor()">7 Floor</button> <button id="8F1oor" onclick="move8Floor()">8 Floor</button> <button id="9F1oor" onclick="move9Floor()">9 Floor</button> <button id="10F1oor" onclick="move10Floor()">10 Floor</button> <button id="11F1oor" onclick="move11Floor()">11 Floor</button> <button id="12F1oor" onclick="move12Floor()">12 Floor</button> <button id="13F1oor" onclick="moveB1Floor()">B1 Floor</button> <input id="lightBar" type="range" min="0" max="100" step="5" onchange="changeLightPower()">亮度 <!-- <input type="range">Main Axis</input> --> </div> <div> <div id="forgeViewer"></div> </div> <!--Base JS--> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script> <script src="js/init.js"></script> <!-- Common packages: jQuery, Bootstrap, jsTree --> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.7/jstree.min.js"></script> <script src="https://developer.api.autodesk.com/modelderivative/v2/viewers/7.*/viewer3D.js"></script> <script src="js/forge/modeltest.js"></script> <script> $(document).ready(function () { launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvJUUzJTgwJTkwJUU1JThGJUIwJUU1JThDJTk3JUU0JUI4JUFEJUU4JThGJUIxJUU1JUE0JUE3JUU2JUE4JTkzJUUzJTgwJTkxQVJDLm53ZA'); }); function move1Floor() { setElevatorSpeed(0.2); setElevatorFloor(0); requestAnimationFrame(movElevator); } function move2Floor() { setElevatorSpeed(0.2); setElevatorFloor(1); requestAnimationFrame(movElevator); } function move3Floor() { setElevatorSpeed(0.2); setElevatorFloor(2); requestAnimationFrame(movElevator); } function move4Floor() { setElevatorSpeed(0.2); setElevatorFloor(3); requestAnimationFrame(movElevator); } function move5Floor() { setElevatorSpeed(0.2); setElevatorFloor(4); requestAnimationFrame(movElevator); } function move6Floor() { setElevatorSpeed(0.2); setElevatorFloor(5); requestAnimationFrame(movElevator); } function move7Floor() { setElevatorSpeed(0.2); setElevatorFloor(6); requestAnimationFrame(movElevator); } function move8Floor() { setElevatorSpeed(0.2); setElevatorFloor(7); requestAnimationFrame(movElevator); } function move9Floor() { setElevatorSpeed(0.2); setElevatorFloor(8); requestAnimationFrame(movElevator); } function move10Floor() { setElevatorSpeed(0.2); setElevatorFloor(9); requestAnimationFrame(movElevator); } function move11Floor() { setElevatorSpeed(0.2); setElevatorFloor(10); requestAnimationFrame(movElevator); } function move12Floor() { setElevatorSpeed(0.2); setElevatorFloor(11); requestAnimationFrame(movElevator); } function moveB1Floor() { setElevatorSpeed(0.2); setElevatorFloor(-1); requestAnimationFrame(movElevator); } function changeLightPower() { var value = document.getElementById('lightBar').value; console.log("power: " + value); setLightPower(value); } </script> </body> </html>