ibms-dome/Frontend/forgetTest2.html

<!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 src="js/forge/AdnLevelSectionPanel.js"></script>

    <style>
        .show-env-bg-button {
            background: red;
        }

        .hide-env-bg-button {
            background: blue;
        }
    </style>

        <script >
        $(document).ready(function () {
            //launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dnNjb2RlX2ZvcmdlX3Rlc3QvJUUzJTgwJTkwJUU1JThGJUIwJUU1JThDJTk3JUU0JUI4JUFEJUU4JThGJUIxJUU1JUE0JUE3JUU2JUE4JTkzJUUzJTgwJTkxQVJDLm53ZA');
            //launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6dGEzaHFzZmZ6cWJub3V4a3BsZGt1a3NldzRzajIxdzUtYmltc19tb2RlbHMvJUUzJTgwJTkwJUU1JThGJUIwJUU1JThDJTk3JUU0JUI4JUFEJUU4JThGJUIxJUU1JUE0JUE3JUU2JUE4JTkzJUUzJTgwJTkxQVJDMjAyMjEyMDEubndk');
            launchViewer('dXJuOmFkc2sub2JqZWN0czpvcy5vYmplY3Q6LW1vZGVsX3Rlc3QxMTIxLyVFMyU4MCU5MCVFNSU4RiVCMCVFNSU4QyU5NyVFNCVCOCVBRCVFOCU4RiVCMSVFNSVBNCVBNyVFNiVBOCU5MyVFMyU4MCU5MUFSQ18yMDIyMTIwNS5ud2Q');
        });
        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 >