Three.js案例2-让电路板模型动起来调入电路板的3D模型

Posted 2022-03-09 pocean2012

1. 根据KICAD能够export的文件格式，试验了各种格式，中间环节不在赘述，最后测试选用vrml_loader，用我们的线路板做例子来导入3D模型

 

1）KiCAD画好板子

可以用3d视图查看

2）导出模型

导出wrl文件，

: 直接在three.js里其实就可以导入wrl模型

2. 调用loader_vrml直接调入wrl模型

function createBoard()
    loader = new VRMLLoader();
    loader.load('./models/vrml/board3.wrl', function(obj) 
        board=obj;
    scene.add(obj); 
    );

3. 设置动画，摇一摇

function animate() 
    requestAnimationFrame(animate);

    board.rotation.x += 0.01;
    board.rotation.y += 0.01;
    renderer.render(scene, camera);


;

效果出来了，不过在调入模型过程中，因为board还未赋值，所以animate会报错，调入完成就OK了。