如何使用three.js 根据图片建模?

发布于 2022-09-06 00:37:34 字数 687 浏览 13 评论 0

公司要做一个新项目,类似在线建模系统。
里面有一个功能是根据用户上传的图片来自动生成模型。
我试过用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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文