Three.js 3D打印數據模型文件(.STL)加載

WebGL(基於HTML5 Canvas的3D繪圖上下文)可以用來構建3D視圖、立體動畫、人機交互。
Three.js是一個主流的JS框架用來支持和簡化WebGL編程。
本例是一個簡單的Three.js應用,即把一個外部可用於打印的3D標準建模文件(STL文件)載入到瀏覽器中繪製出來。
[img]http://www.techbrood.com/ueditor/php/upload/image/20160518/1463567244140205.png[/img]
支持二進制和文本編碼的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' );


在線演示地址可訪問踏得網:[url]http://wow.techbrood.com/fiddle/3787[/url]
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章