html中添加3dmax建模,HT for Web自定义3D模型的WebGL应用

本文介绍了如何在HTML中利用3Dmax建模,并通过HT for Web将3D模型导入,展示自定义3D模型在WebGL中的应用。通过createRingModel、createExtrusionModel等API,可以创建复杂或简单的3D模型,用于监控系统和其他应用场景。同时,展示了HT内置模型的参数调整和数据绑定功能,实现实时刷新效果。
摘要由CSDN通过智能技术生成

b96efbfabfed653d67b638da326a14e9.png

有不少朋友询问《HTML5 Web 客户端五种离线存储方式汇总》文章例子的3D表计模型是如何生成的,这个例子是通过导入3dmax设计好的表计模型,然后通过obj格式导入到HT for Web系统中进行控制,这种方式特别适合复杂模型的应用场景,但对于监控系统的很多应用其实并不需要专业的美工使用专业的3D编辑工具,完全通过HT for Web预定义的和内置自定义3D模型API就能满足很多应用,这里介绍几种场景的自定义3D模型应用。

8ebcdd56bf64c50bfb99f835ec6a3ef8.png

上图是采用HT提供的createRingModel函数,通过编辑2D的多边形生成对应的环状的3D模型,对于花瓶碗杯等环形对称的物体很适合采用该函数构建。除了createRingModel外,HT的建模手册中的custommodel自定义模型例子,还采用了createExtrusionModel等更多的自定义模型API构建了一个餐桌椅和墙面的场景,其效果如下:

8a71f669180c1584cf80674741932162.png

HT内置的基础模型也有很多参数可调节设置出多种模型效果,参见HT建模手册的如下例子:

bc9b614fd687434863d1871ba7f41dc8.png

1f12e50a5ac451786c6a4d3007a0009e.png

该EMS设备管理系统例子3D模型和Tree组件通过HT强大灵活的模型与图形的数据绑定功能,从而实现树上自定义图标和3D自定义模型的数据共享,实时一致刷新效果,以下为该EMS例子的全部JavaScript代码:</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值