WebGL(基于HTML5 Canvas的3D绘图上下文)可以用来构建3D视图、立体动画、人机交互。
Three.js是一个主流的JS框架用来支持和简化WebGL编程。
本例是一个简单的Three.js应用,即把一个外部可用于打印的3D标准建模文件(STL文件)载入到浏览器中绘制出来。
支持二进制和文本编码的STL文件,支持自动探测文件格式,字符编码使用UTF-8。
使用起来很简单,导入three.js(version 69), 和stlloader.js, 然后编写如下代码即可:
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' );
在线演示地址可访问踏得网:
http://wow.techbrood.com/fiddle/3787
分享到:
相关推荐
本项目使用uniapp开发小程序+使用three.js加载3D可视化
本项目的js、css、model文件
threejs加载模型的几种方式,包括stl类型以及obj格式,附带案例。
微信小程序使用three.js实现3D模型的展示。简单Demo,快速上手,博主最近测试完美可用,可以自定义调整js里面的函数,实现3d模型的各种动画效果,比如旋转、掉落、等等,可以更好的避坑。源码包中含有虾模型,将其...
Threejs-stl-演示 用于解析和呈现 STL(ascii 和二进制)文件的纯 Javascript 演示代码。 谢谢 用于通过 Javascript 在 WebGL/Canvas 中渲染 3D 模型的能力 灵感来自 执照 Threejs-stl-demo 是在下。
ThreeJS STL加载器Projeto que carrega um modelo STL第三方ThreeJS e STL: / 跨浏览器动画和。 Three.js美国 。 Código-fonte: STL以及3D印象深刻的格式。 Esse formato aproxima代表建模的超高级能力,而e信息...
java加载obj,stl模型资源,html页面展示。 部署即可运行,提供基础数据样例展示
加载3D模型文件,所以用threejs加载了stl类型文件,实现X,Y,Z三轴自由可控旋转
博客描述:https://blog.csdn.net/qq_40558766/article/details/127109617?spm=1001.2014.3001.5502
webgl three.js stl加载案例;通过获取模型,加载视图,做了个旋转的特效,其他的可以根据官网来进行调节 https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene
ThreeJS导出三维模型、导入三维模型、导入三维动画
创建一个文件夹/ public / models并添加您的3D模型(.stl,.obj,.ply,.amf)。 现在,您可以运行节点服务器了: node app.js 使用鼠标来控制相机,并使用键盘来控制对象。 旋转相机:鼠标左键 平移相机:...
该模型使用three.js显示,并且加载程序当前支持STL,Three.js JSON和协议缓冲区编码的模型。 除了基本的查看器功能之外,您还可以直接从查看器缩放,旋转和导出对象到STL文件。 聚合物 three.js ProtoBuf.js ...
编写一个转换器,将中性的STEP文件转换成通用的STL格式的3D图形文件。 加载并显示转换而来的3D图形文件。 基于以上技术,在windows平台上开发一个STEP解析软件的demo。 【使用技术】 C# :基础语言,用于解析文件,...