三个JS框几何体，渲染警告:渲染计数或素数为0

Three JS boxGeometry, render warning: Render count or primcount is 0

本文关键字：警告 JS 几何体 三个      更新时间：2023-09-26

我正在尝试将数据从html表单传递到三个参数，这些参数代表boxGeometry的x，y和z维度。当我手动设置参数值时，它工作正常，但当参数由表单中输入的值设置时，它就不能正常工作。

.HTML 

    <form>
        <input type="text" name="valueX" id="valueX">
        ValueX<br>
        <input type="text" name="valueY" id="valueY">
        ValueY<br>
        <input type="text" name="valueZ" id="valueZ">
        ValueZ<br>
    </form>
    <button onclick="render()">Render that box!</button>

.JS

var geometry = newTHREE.BoxGeometry(parseInt(document.getElementById('valueX').value) ,parseInt(document.getElementById('valueY').value) ,parseInt(document.getElementById('valueZ').value));
var material = new THREE.MeshLambertMaterial({color:0x00ff20});
var cube = new THREE.Mesh(geometry,material);
scene.add(cube);
function render (){
 cube.rotation.x += 1;
 cube.rotation.y += 1;
 renderer.render(scene,camera);
}

<button onclick="go()">Render that box!</button>

function go() {
    var geometry = new THREE.BoxGeometry( parseInt(document.getElementById('valueX').value), parseInt(document.getElementById('valueY').value), parseInt(document.getElementById('valueZ').value) );
    var material = new THREE.MeshLambertMaterial( { color:0x00ff20 } );
    var cube = new THREE.Mesh( geometry, material );
    scene.add( cube );
    render();
}

三.js R.75

相关文章：