java整合webgl stl_使用WebGL实现一个Viewer来显示STL文件

本文介绍如何通过JavaScript的Three.js库结合Java,实现WebGL中加载并展示STL文件。首先设置相机、场景和渲染器,接着加载STL模型,并添加光照效果。遇到的问题包括本地文件无法直接通过Chrome加载,需搭建HTTP服务器,这里使用Python创建了一个简单的本地服务器来解决这个问题。
摘要由CSDN通过智能技术生成
WebViewer - STL

var container;

var camera, cameraTarget, scene, renderer;

var cameraType = 1;

var perspectiveAngle = 45;

var cameraPosX = 200;

var cameraPosY = 200;

var cameraPosZ = 200;

var cameraTargetX = 0;

var cameraTargetY = 0;

var cameraTargetZ = 0;

var upVectorX = 0;

var upVectorY = 1;

var upVectorZ = 0;

var cameralScale = 5;

init();

animate();

function getQueryStringByName(name){

var result = location.search.match(new RegExp("[\?\&]" + name+ "=([^\&]+)","i"));

if(result == null || result.length < 1){

return "";

}

return result[1];

}

function init() {

container = document.createElement( 'div' );

document.body.appendChild( container );

// set camera

var cameraTypeStr = getQueryStringByName('cameraType');

cameraType = cameraTypeStr == "" ? cameraType : parseInt(cameraTypeStr);

var perspectiveAngleStr = getQueryStringByName('perspectiveAngle');

perspectiveAngle = perspectiveAngleStr == "" ? perspectiveAngle : parseFloat(perspectiveAngleStr);

var cameraPosXStr = getQueryStringByName('cameraPosX');

cameraPosX = cameraPosXStr == "" ? cameraPosX : parseFloat(cameraPosXStr) * cameralScale;

var cameraPo

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值