如何使用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中,并非建立了一个模型。
有没有大神知道该采用什么方法。或者是什么思路。

阅读 4.5k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题