自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 基于three.js开发可视化应用经验总结

文章目录背景简介技术方案介绍及对比WebglThree.jsWEBGL和Three.js的关系具体应用过程星空背景流线汇聚效果行政分区环形选择器Three.js 中使用TWEEN插件实现动画使用orbit controls插件(轨道控制)来控制模型交互动作通过THREE.RAYCASTER给模型绑定鼠标事件疑难问题分析及解决方案Canvas纹理贴图模糊场景中渲染顺序错误z-fighting问题透明渲染Three.js性能优化背景简介越来越多的应用已经不再满足于二维的数据可视化,追求效果更好的3D数据可视

2021-04-26 14:09:37 4443 3

原创 大屏可视化数据面板分格渐变进度条、数字翻牌器及其刷新动效实现

数据可视化大屏是当前可视化领域的一项热门应用,通常可以分为信息展示类、数据分析类及监控预警类。这类应用的视觉设计通常效果炫酷,动效丰富,有时候一些页面布局和动画实现会对前端人员有一定的挑战性,在这里分享一些大屏可视化应用数据面板实现过程中遇到的问题及其解决方案。分格渐变进度条、数字翻牌器及其刷新动效实现一、数据面板刻度尺效果、分格渐变数据条css实现二、数据刷新数据条加载动效实现三、数字翻牌器刷新效果实现一、数据面板刻度尺效果、分格渐变数据条css实现在某个应用开发工作中,视觉设计了如下图的数据面板样

2020-06-28 17:02:13 3649 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除