Frustrum Box
three.js
by steveow
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/three.js/r75/three.min.js"></script>
<!--- Using latest THREE.js (r70+) -->
<script src="http://threejs.org/build/three.min.js"></script>
<script src="http://threejs.org/examples/js/controls/OrbitControls.js"></script>
<h1 id="title_A">HTML js Switch Mode</h1>
<input type="submit" id="byBtn" value="Switch Mode" onclick="F_change()" />
<input type="text" id="myTextField" value="Mode1" />
<!--div id="container"></div -->
<!--<div id="canvas"> </div> -->
CSS
/*body {
background-color: #eeeeee;
margin: 0px;
overflow: hidden;
}*/
#canvas {
height: 100%;
width: 100%;
min-height: 100%;
min-width: 100%;
}
JavaScript
function F_change()
{
var ModeText = document.getElementById('myTextField').value;
xxxx = "OK";
document.getElementById('myTextField').value = ModeText;
}