javascript - 跟踪网站使用的库和脚本

Question

我将 STL 文件上传到名为 Thingiverse.com 的网站，然后它会自动创建 3D 设计文件的预览。我有兴趣了解网站使用哪些图书馆。例如此页面:https://www.thingiverse.com/thing:2405615当我点击 Thingview 然后查看页面的源代码时，我发现它使用:

<script src="/thingiview/js/three.min.js?v=2"></script>
<script src="/thingiview/js/Thingiview.js?v=2"></script>
<script src="/thingiview/js/NormalControls.js?v=2"></script>
<script src="/thingiview/js/Detector.js?v=2"></script>
<script>
        var target_dom_element = $('.thingiview').get(0);

        // parse opts
        var argv = {};
        var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
            argv[key] = value;
        });

        var thingiview = new Thingiview( target_dom_element, 628, 472 );
        if ( parseInt(argv['width']) && parseInt(argv['height']) )
            thingiview.resize( parseInt(argv['width']), parseInt(argv['height']) );

        var animate = function() {
            requestAnimationFrame( animate );
            thingiview.render();
        }
        animate();

        // handle resizes
        window.addEventListener('resize', function() {
            if ( thingiview.fullscreen )
                thingiview.resize(window.innerWidth, 608);
        });

    </script>

但是，当我单击 Thingview 按钮时，图像的视角发生变化，图像上的阴影和光照也消失了。我特别感兴趣的是在 STL 文件中找到创建这些阴影和照明的脚本。有没有办法找到 Thingiverse 如何创 build 计文件的预览？我需要从相同的 Angular 和相同的效果拍摄设计文件的快照

Answer 1

three.js 允许在浏览器中显示 3d 对象。看起来STL文件可以直接加载进去。他们有一个 example在他们的 github 仓库中。当您上传文件时，我会想象它会传递给 three.js 然后显示出来。所有的阴影和视觉效果都应该由图书馆处理。