ThreeJS
ThreeJS学习
骚猫人战神
为部落带来胜利吧 骚猫人指挥官
展开
-
百度地图的MapVGL 添加自定义模型点击交互(ThreeJS)
书接上文:上一篇写到了自定义模型的加载,这次来研究下相关的交互功能,一般来说就是鼠标点击模型,根据点击的模型返回不同的消息实现对应的交互操作,这里我就是改变了下模型的颜色。废话不多说,先上色图:这里就是简单的修改了下颜色(原始是蓝色,点击之后变成原谅色),具体修改还是看各位看官的需求。过程:ThreeJS给的点击获取模型信息的方式是通过发出射线,与模型碰撞,返回碰撞信息来检测是否点击到模型或者点击的是哪一个模型,按照这个思路,在MapVGL中也大概用这个思路来实现点击交互的功能。代码:原创 2020-05-27 14:22:12 · 4484 阅读 · 4 评论 -
百度地图的MapVGL 添加自定义模型图层(ThreeJS)
研究ThreeJS也有段时间了,也能和公司业务相结合,但是涉及到地图层面的业务内容就有点菊紧,因为模型要和地图联动不知道如何实现,也就搁置下来。直到一个偶然的机会,发现百度地图的MapVGL可以实现各种炫酷3D效果,所以果断研究一波,先放一下百度自带的3D图层: 接下来需要我们跟着几个步骤来实现在指定位置放入我们自己的模型。准备工作: 1申请百度地图的a...原创 2020-04-07 16:05:27 · 13892 阅读 · 77 评论 -
ThreeJS 模糊Shader
最近在研究ThreeJS,记录一个常用的Shader。GaussianShader代码如下:var GaussianBlurShader = { uniforms: { "tDiffuse": { value: null }, "v": { value: 1.0 / 512.0 }, "h": { value: 1.0 / 5...原创 2020-03-09 17:22:18 · 1421 阅读 · 0 评论