【问题标题】:Textured 3D model using three.js with <canvas> (not WebGL)使用带 <canvas>(不是 WebGL)的three.js 的纹理3D 模型
【发布时间】:2012-06-24 11:14:42
【问题描述】:

Three.js 通常与 WebGL 一起使用,但由于兼容性问题,我对使用它的 CanvasRenderer 很感兴趣。但是,我需要纹理模型。

我见过this one demo,但没有其他的,表明可以在 3D 程序中创建纹理网格并使用 Three.js 进行渲染。这个演示甚至有动画,但我只需要纹理网格。

我想知道是否有办法在不制定自己的解决方案的情况下做到这一点。具体来说,我正在寻找一种从 Blender 之类的东西导出并能够使用画布渲染器通过 Three.js 导入它的方法。

另外,我知道速度影响,我需要简单的低多边形输出。

【问题讨论】:

    标签: javascript canvas 3d textures three.js


    【解决方案1】:

    您是否考虑过使用Blender exporter?

    【讨论】:

    • 但是,在我导出纹理网格后,即使使用 CanvasRenderer,它们也会显示纹理吗? This demo(和其他讨论)让我觉得它们看起来会剥皮(哇,你的回答!我很高兴!)。
    • 使用 CanvasRenderer 的纹理网格示例:mrdoob.github.com/three.js/examples/canvas_geometry_earth.html
    • 但它不是用 Blender 导出器导出的,对吧?因为,在源代码中,它看起来像是手动创建一个球体图元并为其设置纹理。它还会在画布中渲染通过 Blender 导出的纹理网格吗?
    • 确实有效。我花了几个小时拉头发,我什至不确定我在做什么,但它确实有效,我在画布上找到了一个模型。我知道你们已经为这个令人惊叹的库付出了很多,但是,老实说,有时确实会错过文档……而且有时甚至没有对示例进行评论。对于像我这样的 3D 新手来说,这有点陡峭。不管怎样,非常感谢你们图书馆已经这么好:)
    • 嗨,Camilo,您能分享一下您的工作吗?即使我也在努力寻找一种使用 CanvasRenderer 和 Three.js 没有 WebGL 的方法。我能够用图像文件的纹理创建一个立方体。我的网站可以在移动设备上查看,它也可以响应触摸。我正在尝试使用 Blender 导出器,但是当模型被导出时,它会创建很多文件,我很困惑应该使用什么。我认为它也可以导出所有场景和其他内容。
    猜你喜欢
    • 2014-05-25
    • 2018-10-31
    • 2021-09-16
    • 2019-07-31
    • 2019-11-12
    • 2019-01-15
    • 1970-01-01
    • 2014-04-02
    • 1970-01-01
    相关资源
    最近更新 更多