针对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
d3-threejs:使用D3和THREE.js实现的CSS 3D变换
2021-09-08 05:49:35 88KB JavaScript开发-可视化/图表
1
智慧城市模型-threejs的模型文件
2021-09-06 12:01:33 301MB three.js
1
使用threejs开发,手机端VR全景图,IOS13版本点击按钮“启动IOS全景“同样可以使用,但是有点需说明,必须使用https协议才能使用手机端陀螺仪,老版本安卓不需要HTTPS,但是新版本安卓都升级了浏览器,都必须使用https协议!!!切忌
2021-09-06 11:44:04 1.29MB Threejs IOS陀螺仪 全景图 VR全景
1
针对webgl的库threejs框架的模型测量功能实战项目详细的讲解,带大家一起开发实用的功能,在项目中能真正能应用的功能,主要包括三维中模型的距离测量、角度测量、面积测量、体积测量和功能的交互测量值实时显示测量值单位转换等等。
1
本例子加载glb文件,显示一个房子的模型的线框。 用traverse遍历模型里的所有子对象,如果是网格对象用child.material.wireframe = true;使其显示线框。 相关技术英文网站搜索关键字:three.js model wireframe
2021-09-03 10:30:35 3.06MB Web开发源代码 JS/Ajax源代码
1