关于javascript:三维建模国产软件来也和SketchUpRevit建模软件相媲美-3D-地图-可视化-ThingJS

41次阅读

共计 1795 个字符,预计需要花费 5 分钟才能阅读完成。

紧盯三维可视化设计市场倒退的脚步,ThingJS 技术一直迭代。

聚焦物联网畛域的 3D 开发软件,3D 成果的描述对象包含修建、实景和室内、设施,面向的用户大抵分为(1)非 3D 业余设计师、(2)修建设计师和(3)转 3D 开发的前端工程师,不同群体的需要档次不一样,而不同的群体,因为技术的侧重点有区别,大抵会抉择以下三大工具:

做这一行的都晓得,抉择工具需谨慎,因为会存在模型数据格式不对立的问题,所以个别要思考格局转换,软件组合必不可少。

3D 成果爱好者

大部分非 3D 业余的设计师会偏向于应用通用 3D 软件,用于广告宣传或者地图导航,比方谷歌 SketchUp,间接输入为谷歌地图,利用 GPS 追踪,足以满足车辆导航等可视化需要。

面向广告、地图类的三维建模办法,组合软件包含 SketchUp+3DSMAX,不会开发也不必愁

业余的修建设计师

业余的修建设计师对施工精度要求高,选用的是 BIM 建筑设计为主导的软件,例如 Revit,这是一款业余的 BIM 设计软件,反对修建外立面和室内设计。

对于业余建筑设计来说,3D 成果只是一种体现状态,视不同的状况,有些设计师会应用 SketchUp 转 lumion 导出,仅作为演示成果而已,更多的是外包给效果图开发商制作。
组合软件包含 AutoCAD+Revit+SketchUP,3D 成果视不同状况而定。

3D 修建拔高

转 3D 的前端工程师

转 3D 开发的前端人,基本上身兼多能,具备审美能力、前端开发能力和 3D 成果设计能力!如果是技术爱好者,能够深入研究 three.js 开发技术,如果是我的项目开发团队,举荐应用 ThingJS,一款基于 webGL 的 3D 封装库,把你从百行代码的失望感中解放出来。

组合软件包含 AutoCAD+ThingJS 平台组件,反对 40 多种格局导入,包含 3DSMAX 精模。

ThingJS:管线利用的 3D 成果开发

ThingJS 开发用户会间接导入管线的 3D 模型,基于以下官网示例创立管线的参数,退出 3D 开发成果,包含切换线贴图、启动 UV 动画和摄像机坐标设置,最终看到的是一个流动的管线成果动画,间接在示例代码上调整参数,即可。


/**
 * 阐明:管线利用
 */
var app = new THING.App({});

// 随机管线连接点
function randomPoints() {var points = [[0, 0, 0]];
    var oldType = 2;
    for (var i = 0; i < 50; i++) {var old = points[points.length - 1];
        var type = Math.floor(Math.random() * 100) % 3;
        while (oldType == type) {type = Math.floor(Math.random() * 100) % 3;
        }
        oldType = type;
        var offset = (Math.random() * 2 + 1) * (Math.random() > 0.5 ? 1 : -1);
        points.push([type === 0 ? (old[0] + offset) : old[0],
            type === 1 ? (old[1] + offset) : old[1],
            type === 2 ? (old[2] + offset) : old[2],
        ]);
    }
    return points;
}

// 安排管线
var line = null;
var lineIdx = 1;
function build() {
    // 删除原管线
    if (line) {line.destroy(); }

    // 创立管线
    line = app.create({
        type: 'PolygonLine',
        points: randomPoints(),
        width: 0.2,
        style: {image: 'https://thingjs.com/static/images/poly_line_0' + lineIdx + '.png', // 管线中的纹理资源}
    });

    // 切换线贴图
    if (lineIdx < 4) {lineIdx++;}
    else {lineIdx = 1;}

    // 开启 UV 动画
    line.scrollUV = true;

    // 设置最适宜的摄像机察看地位
    app.camera.fit();}
build();
new THING.widget.Button('从新安排', build);

此外,还有上万个组件模型能够参考,利用资源核心 >> 裁减你的 3D 制作能力。

模型资源

=====
开办公司就好比 ThingJS 烘焙蛋糕。完满的食料配比能力烤出可口的蛋糕。”

正文完
 0