需要 .js 和 HTML 示例来在网页中显示 .STL 3D 对象

Question

有人可以制作一个干净的“傻瓜式”HTML 示例，用于使用 STLLoader.js 在网页中显示 ASCII（非二进制）.stl 对象文件吗？结果应该让用户在当前的 HTML5 浏览器中操作对象，并且除了灰度对象表面和背景之外没有任何花哨的视觉效果。

STLLoader.js 可能需要 Three.js 或 Three.min.js 的帮助，但我不知道。 STLLoader.js 包含以下用法示例，但不包含 HTML 包装器。

里面的使用示例 STLLoader.js

     /** 
     * Usage:
     *  var loader = new THREE.STLLoader();
     *  loader.addEventListener( 'load', function ( event ) {
     *
     *      var geometry = event.content;
     *      scene.add( new THREE.Mesh( geometry ) );
     *
     *  } );
     *  loader.load( './models/stl/slotted_disk.stl' );
     */

Answer 1

这三个.js 示例是一个很好的来源：

https://github.com/mrdoob/ Three.js/blob/master/examples/webgl_loader_stl.html

以下是要遵循的基本模式：

const loader = new THREE.STLLoader();

loader.load( 'slotted_disk.stl', function ( geometry ) {

    const material = new THREE.MeshPhongMaterial( { color: 0xff5533 } );

    const mesh = new THREE.Mesh( geometry, material );

    scene.add( mesh );

} );

三.js r161