Three.js 3D打印数据模型文件(.STL)载入中
2023-09-14 09:10:15 时间
3DPrint是现在和未来10年度科技产品的主流之中。广泛的。
对于电子商务类3D打印网站。一个主要功能就是商品3D呈现的方式,那是,3D数据可视化技术。
HTML5(WebGL)它可以用于构建3D查看、三维动画、人机交互。Three.js它是一个主流JS架用来支持和简化WebGL编程。
本例是一个简单的Three.js应用。即把一个外部可用于打印的3D标准建模文件(STL文件)加载到浏览器中绘制出来。
支持二进制和文本编码的STL文件,支持自己主动探測文件格式。字符编码使用UTF-8。
使用起来非常easy。导入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
很多其它Three.js的演示。请到h5.techbrood.com搜索“three”。
版权声明:本文博主原创文章。博客,未经同意不得转载。
相关文章
- js中,如何获取批量传入文件的大小,名称,进行循环展示。
- Auto.JS实现抖音,刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频
- php 中js跳转页面跳转页面,js跳转代码_PHP页面跳转 Js页面跳转代码[通俗易懂]
- 开发那些事儿:如何解决js打包文件体积过大导致的网页加载慢问题?
- js中四舍五入的方法_JS取整
- vue引入js文件并使用_css引入js
- JS动态设置对象的属性名
- Node.js实现大文件断点续传_2023-02-24
- 「.vue文件的编译」2. 模板编译之 simple-html-parser.js
- WordPress 技巧:移除加载的 JS 和 CSS 文件后面的 ver 参数
- 【源码】PDF.js批注注释插件库(纯JS). 创建和保存PDF批注(PDF 高亮/签名/插图/截屏/文本框/画笔/多边形)-pdf.js
- JS正则表达式从入门到入土(4)—— 预定义类与边界详解编程语言
- Eclipse中JS文件红叉处理详解编程语言
- JS arguments对象详解(附带多个实例)
- JS为元素添加自定义属性
- 数据JS技术实现实时获取Oracle数据(js实时获取oracle)
- Oracle中JS的优势让数据库性能提升(oracle中 js)
- js技巧--转义符""的妙用
- Z-Blog中用到的js代码
- js模拟实现Array的sort方法
- 多个js与css文件的合并方法详细说明
- js播放wav文件(源码)
- 顶部缓冲下拉菜单导航特效的JS代码
- JS读取XML文件示例代码
- JS的参数传递示例介绍
- 消除js以及jsp文件中的警告方法
- php实现压缩多个CSS与JS文件的方法
- 一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子