首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
多多洛爱学习
掘友等级
前端工程师
|
腾讯科技有限公司
Web 3D渲染,数据可视化
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
24
文章 24
沸点 0
赞
24
返回
|
搜索文章
最新
热门
自习系列-Web3D渲染入门推荐
近半年来团队来了不少小伙伴,大多在Web3D渲染领域并没有什么经验,再加上也有其他朋友表示对3D渲染感兴趣,所以梳理梳理这几年来自己的学习历程,给大家一个入门资料的集锦~
从容不迫地告别2020 | 掘金年度征文
2020对大多数人来说都是难忘的一年,虽然难忘的点不尽相同。对我来说,这一年的关键词应该是“可视化”和“家”,一月前让我找一个形容词,那应该是兵荒马乱,被各种计划之外又接踵而至的变化裹挟着前进。但是不解、忧虑和疲惫终于在年末得到了释放,现在再回顾这段时光只觉得平静和坦然。 今年…
JSAPI-在地图上添加自定义覆盖物
在地图上添加覆盖物有两种方式,一是在canvas画布上渲染,比如JSAPI GL绘制MultiMarker/MultiPolygon等矢量图形覆盖物就是通过编写对应图形的数据解析及渲染程序,直接绘制在底图上层。这样的渲染方式下视角变换时图形也可以实现3D形变。另一种方式是通过C…
WebGL-巧用模板缓冲实现区域高亮
在重视可视化效果的地图应用场景中,常需要对指定区域高亮突出显示。传统的方法是覆盖一个高亮颜色的多边形,但在3D地图中平面多边形无法对区域内的3D模型进行覆盖,立体多边形又无法贴合3D模型的形状。另外,覆盖多边形也无法影响区域外部地区,当我们想要降低外部地区的亮度时就不能使用这种…
WebGL-WebGL2迁移实践
首先需要了解下WebGL2相对于第一代有什么变化,能给项目带来什么收益。 WebGL2是基于OpenGL ES 3.0实现的Web API,核心是WebGL2RenderingContext接口,是对WebGL1上下文对象的一次扩展,在100%向后兼容的基础上还提供了非常多的新…
JSAPI-在地图上添加自定义覆盖物
在地图上添加覆盖物有两种方式,一是在canvas画布上渲染,比如JSAPI GL绘制MultiMarker/MultiPolygon等矢量图形覆盖物就是通过编写对应图形的数据解析及渲染程序,直接绘制在底图上层。这样的渲染方式下视角变换时图形也可以实现3D形变。另一种方式是通过C…
JS避坑-如何优雅地遍历对象
我们都知道for...in会遍历原型链上的属性,所以一般会结合hasOwnProperty来判断属性是否在对象自身上,而不是在原型链上。 于是我动起了小心思,使用字面量创建的对象或者数组,不是类的实例,原型链上干干净净的,那遍历的时候也没必要判断了吧。于是就在遍历字面量对象时放…
Totoro的2019
2018年是初入职场的一年,适应工作节奏,积累基础知识。2019年是技术成长的元年,是野蛮生长的一年。行走江湖总需要一门手艺,今年主要在WebGL渲染技术上进行纵向深耕,走进了数据可视化的大门,同时在地理信息专业领域上有了更具体的理解。3D渲染和GIS都是非常“小众”的领域,所…
WebGL-3D地图大俯仰角的雾化处理
地图的渲染原理请自行了解:Web地图呈现原理,其中重点了解地图数据以瓦片为单位进行加载和绘制这一点即可。在3D地图中,由于有俯仰角和水平旋转角的存在,墨卡托投影上的可视范围与可视窗口大小并不相同,会呈现一个梯形: 当俯仰角增大时,梯形上半部分会快速扩大,导致加载的瓦片过多而影响…
WebGL-Y轴翻转踩坑实录
瓦片根据加载的先后顺序依次排列绘制到大纹理上,占位宽度一致,竖向排列。比如若瓦片大小为256px,那么瓦片1的位置为{x:0, y:0}, 瓦片2的位置为{x:0, y:256}。 然后出现了一系列问题:1. 瓦片错乱:瓦片1的位置显示了瓦片4的内容;2. 瓦片内容倒置。 根据…
下一页
个人成就
文章被点赞
217
文章被阅读
63,709
掘力值
1,442
关注了
49
关注者
111
收藏集
6
关注标签
6
加入于
2018-11-18