js_web_3D_模型设计

无标签

发布日期: 2021-11-18

更新日期: 2021-11-24

文章字数: 583

阅读时长: 2 分

阅读次数:

jsweb_3D模型设计

网站

首先参考一下别人怎么做的3d模型，站在巨人的肩膀上看看要怎么操作。

chrome浏览器下的网站

https://www.hightopo.com/demo/CementFactory/
https://www.hightopo.com/demo/3DRoom/index.html
原文链接在：hightopo

查看源码F12

可以看到单个的js文件，除此以外看不到其他，因此

可以一行一行的下载但这样很麻烦，因此可以考虑用谷歌插件一键下载。

Save All Resources

使用方法：

下载以后如图所示

详细阅读代码后

可以发现以门为例：

//二楼
    HIGHT=200
    // 创建墙体
    var wall2 = new ht.CSGShape();
    wall2.setClosePath(true);
    wall2.setTall(240);
    wall2.setElevation(HIGHT+360);
    wall2.setThickness(20);
    wall2.setPoints([
        {x: -400, y: -600},
        {x: 400, y: -600},
        {x: 400, y: 600},
        {x: -400, y: 600}
    ]);
    wall2.s({
        'shape.border.width': 20,
        'shape.border.color': '#898989',
        'all.color': '#5D5D5D',
        'front.color': 'lightgray',
        'back.color': 'lightgray',
        'csg.color': '#DDDDDD'
    });