如何使用three.js 根据图片建模?
公司要做一个新项目,类似在线建模系统。
里面有一个功能是根据用户上传的图片来自动生成模型。
我试过用three.js的ImageLoader
来加载图片,如下:
var loader = new THREE.ImageLoader();
loader.load(
// 资源链接
'1.png',
// 资源加载完成后的回调函数
function ( image ) {
// 处理该图片
// 比如绘制在canvas上
var canvas = document.createElement( 'canvas' );
//只能是2d
var context = canvas.getContext( '2d' );
context.drawImage( image, 100, 100 );
},
// 下载过程中的回调函数
function ( xhr ) {
console.log( (xhr.loaded / xhr.total * 100) + '% loaded' );
},
// 下载出错的回调函数
function ( xhr ) {
console.log( 'An error happened' );
}
);
但是很明显此方法只是将图片平面的绘在了canvas中,并非建立了一个模型。
有没有大神知道该采用什么方法。或者是什么思路。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论