![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WebGL实战
微笑面对bug
这个作者很懒,什么都没留下…
展开
-
Cesium逼真水面,动态水波,倒影
倒影的原理:计算相机到水平面视点的入射光线的反射光线,用反射光线方向向量在一个天空盒上采样。在上一篇的基础上,增加水面的倒影。原创 2023-06-21 15:56:17 · 3176 阅读 · 6 评论 -
Cesium自定义shader材质实现逼真火焰
火焰的shader代码参考的是shaderToy。版权所有,请勿用于商业用途。原创 2023-02-15 15:32:31 · 1480 阅读 · 4 评论 -
Cesium实现一材质多贴图,一个模型多张贴图,自定义attribute
Material.fabric.uniforms添加自定义的两张贴图image_0,image_1。Geometry.attributes添加imgIdx自定义属性,用于标识该顶点使用哪张贴图。顶点着色器把imgIdx传入片元着色器。片元着色器把imgIdx传入source(插值后的结果会有误差,所以用差的绝对值小于0.1来判断标识的值),source中根据imgIdx的值选取采样器(贴图)。原创 2022-08-25 10:24:44 · 2508 阅读 · 0 评论 -
Cesium使用DEM地形数据(.tif)创建自定义Primitive
第一步:用python把tif文件解析成高程数据,第二步:把地形数据分成小块创建geomotry.贴图使用mapbox的web墨卡托影像图,uv计算涉及到web墨卡托与经纬度的相互转换原创 2022-08-24 18:04:36 · 1814 阅读 · 0 评论 -
Cesium自定义shader材质实现逼真水面,支持uniforms属性实时修改
水的shader代码参考的是Shader - Shadertoy BETA本文主要解决在cesium的shader中如何实时修改时间变量iTime,从而实现材质的动态变化。MaterialAppearance.fragmentShaderSource与vertexShaderSource可以自定义shader材质,但是不支持uniforms传参,于是加入fabric,在fabric.source中可以获取uniforms中的属性,然后我直接在fabric中处理片元的着色,而fragmentShaderSou原创 2022-07-08 17:49:37 · 8130 阅读 · 37 评论 -
【WebGL实战】threejs开发3D游戏 英雄联盟LOL
demo地址:http://bald_club.gitee.io/lol-web/源码地址:https://gitee.com/bald_club/LOL-Web效果截图操作说明:鼠标右键点击地面:走路空格键:视角锁定英雄身上备注:寻路算法:我之前写的AStar.js,详情见https://blog.csdn.net/qq_25169689/article/details/107721543模型来源:网络仅供学习。...原创 2020-08-26 22:51:42 · 1520 阅读 · 0 评论 -
【WebGL实战】threejs开发二维地图
demo地址:http://changjiuxiong.gitee.io/map2d/源码地址:https://gitee.com/changjiuxiong/map2D效果截图使用谷歌影像。下一步准备做三维地球。原创 2020-08-24 20:07:03 · 2124 阅读 · 0 评论 -
【WebGL实战】threejs开发在线魔方程序,手动、自动还原魔方
demo地址:在线魔方码云地址:magicCube效果截图暂时只实现了 全部标准操作、打乱。后续更新 自动还原功能,敬请关注。附上公式标识符图文介绍(RUF LDB ruf ldb MES xyz)...原创 2020-03-27 11:15:44 · 994 阅读 · 0 评论