基于HTML5WebGL的3D机房的示例_3d配电室web源码 - CSDN文库

1星 104 浏览量更新于2023-03-03 评论 1 收藏 451KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

基于基于HTML5 WebGL的的3D机房的示例机房的示例

主要介绍了基于HTML5 WebGL的3D机房的示例的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随

小编过来看看吧

前言前言

用 WebGL 渲染的 3D 机房现在也不是什么新鲜事儿了，这篇文章的主要目的是说明一下，3D 机房中的 eye 和 center 的问题，刚好在项目中用上

了，好生思考了一番，最终觉得这个例子最符合我的要求，就拿来作为记录。

效果图效果图

这个 3D 机房的 Demo 做的还不错，比较美观，基础的交互也都满足，接下来看看怎么实现。

代码生成代码生成

定义类定义类

首先从 index.html 中调用的 js 路径顺序一个一个打开对应的 js，server.js 中自定义了一个 Editor.Server 类由 HT 封装的 ht.Default.def 函数创建的

（注意，创建的类名 Editor.Server 前面的 Editor 不能用 E 来替代）：

ht.Default.def('Editor.Server', Object, {//第一个参数为类名，如果为字符串，自动注册到HT的classMap中；第二个参数为此类要继承的父类；第三个参数为方法和变量的声明

addToDataModel: function(dm) { //将节点添加进数据容器

dm.add(this._node);// ht 中的预定义函数，将节点通过 add 方法添加进数据容器中

},

setHost: function() { //设置吸附

this._node.setHost.apply(this._node, arguments);

},

s3: function() {//设置节点的大小

this._node.s3.apply(this._node, arguments);

},

setElevation: function() {//控制Node图元中心位置所在3D坐标系的y轴位置

this._node.setElevation.apply(this._node, arguments);

}

});

创建 Editor.Server 类

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余4页未读，立即下载

评论1

N_6_26

2020-12-29

差评，复制过来的，还没有demo

Acmen@??

粉丝: 5
资源: 942

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈