Skip to content

Matrix4

document.getElementById('debug1').innerText =
    'Matrix\n' + cube.matrix.elements.toString().replace(/,/g, '\n')
document.getElementById('debug2').innerText =
    'MatrixWorld\n' + cube.matrixWorld.elements.toString().replace(/,/g, '\n')
document.getElementById('debug3').innerText =
    'ModelViewMatrix\n' +
    cube.modelViewMatrix.elements.toString().replace(/,/g, '\n')

<!DOCTYPE html>
<html>
    <head>
        <title>Three.js TypeScript Tutorials by Sean Bradley</title>
        <style>
            body {
                overflow: hidden;
                margin: 0px;
            }

            #debug1 {
                position: absolute;
                left: 0px;
                top: 50px;
                border: 1px solid red;
                width: 170px;
                height: 400px;
                color: white;
                pointer-events: none;
            }
            #debug2 {
                position: absolute;
                left: 180px;
                top: 50px;
                border: 1px solid red;
                width: 170px;
                height: 400px;
                color: white;
                pointer-events: none;
            }
            #debug3 {
                position: absolute;
                left: 360px;
                top: 50px;
                border: 1px solid red;
                width: 170px;
                height: 400px;
                color: white;
                pointer-events: none;
            }
        </style>
    </head>

    <body>
        <div id="debug1"></div>
        <div id="debug2"></div>
        <div id="debug3"></div>
        <script type="module" src="client.js"></script>
    </body>
</html>

Comments