针对webgl的库threejs框架的Web 3D智能数字机房项目实战详细的讲解,随着IT信息技术和移动端的发展,Html5+3D(Webgl)技术已经悄然崛起,3D机房数据中心可视化应用越来越广泛,主要包括3D机房搭建,机柜、服务器、空调风向(冷风流)、机柜利用率、连线管理(供电电缆-电源走线),防盗监测(红外或激光探头)、空调风向(冷风流)。 threejs 98版本开发环境(IDE) WebStorm 2019.2 版本
1
针对webgl的库threejs框架的Web 3D智能数字机房项目实战详细的讲解,随着IT信息技术和移动端的发展,Html5+3D(Webgl)技术已经悄然崛起,3D机房数据中心可视化应用越来越广泛,主要包括3D机房搭建,机柜、服务器、数据实时监控、机房线缆和走线架、机柜利用率、机架可用空间、机柜开关门、服务器信息查看,温湿度云图,防盗监测、空调风向、告警展示。
1
深度音频可视化实验 更新:我们的论文已经发表在Springer的Multimedia Tools and Applications中。 阅读 按照惯例,音频可视化是使用“数字信号处理”中的技术创建的。 该方法限于手动设计音频功能的能力。 我们通过在有监督和无监督学习设置中使用卷积深度神经网络体系结构来解决此问题,以从歌曲中提取特征,并探索几种将提取的音频特征映射到用于驱动音频可视化的视觉参数的技术。 我们已经证明了使用自动编码器生成与音乐动态且同步的可视化效果,并进一步探索了用于提高可视化效果质量的技术。 我们还表明,可以使用流派分类器创建随音乐流派而变化的可视化效果 (对不起,PlayGr
2021-09-18 16:57:05 3.72MB javascript python flask threejs
1
基于threejs实现的地球酷炫3D飞行轨迹线,可以快速集成自己项目中,实现漂亮动画
2021-09-16 21:02:52 604KB threej 飞行轨迹线
1
设备坐标编辑 基于three.js的editor基础上修改. 使用场景: 对楼层中的设备进行位置编辑. demo
2021-09-16 17:23:38 261.89MB JavaScript
1
针对webgl的库threejs框架项目功能实战讲解管道三维流动:对工厂、园区的管道(输气管道、输水管道、输油管道等)液体 气体流动进行实时监控,根据流向、流速对管道进行三维动态模拟效果。三维图表展示:设备实时数据和运行状态在三维场景中仪表盘可视化展示,三维的压力表、流量计、电压电流表。曲线图柱状图饼图三维可视化统计,工厂产能或生产数据做图形图表统计和实时数据查看。threejs 98版本开发环境(IDE) WebStorm 2019.2 版本
1
Cubic.js所使用的threejs版本,版本号必须在88以上。这样就不会出现报错的情况。 1:首先在项目里引入threejs文件 threejs下载:用88以上版本 2:然后再引入饼图插件Cubic.js cubic-1.1.min.js下载地址:https://download.csdn.net/download/tianseyiwan008/11022386
2021-09-14 14:29:28 508KB threejs cubic
1
echarts没有三维饼图,但是有时候又需要在前端绘制三维饼图怎么办?这个时候可以考虑用threejs来实现功能。 使用示例: var cubic = new Cubic.PieChart("WebGL-output", { width: 400, height: 300, thickness: 5,//厚度 radius: 30,//半径 colors: [0xffffff, 0xff00ff, 0xffff00, 0x0000ff,0x5F9EA0,0x00FF7F],//颜色数组16进制的数组
2021-09-12 00:31:36 4KB threejs canvas
1
透明发光材质边缘处颜色不透明度越高,向内不透明度逐渐降低,其着色跟视角方向强相关 代码参考了"无牙"文章。
2021-09-09 10:40:50 3.06MB Web开发源代码 JS/Ajax源代码
1
透明发光材质是通过自定义shader实现,线框的关键代码如下: model.traverse(function(child) {     if (child.isMesh) {     child.material = customMaterial;     // 添加线框     var wireframeMaterial = new THREE.MeshBasicMaterial({color: 0x3366ff, wireframe: true, transparent: true});     var wireframe = new THREE.Mesh(child.geo
2021-09-09 10:13:00 3.06MB Web开发源代码 JS/Ajax源代码
1