啊嘞嘞的博客

原创 [cesium] 数字孪生 | 超图 | UE4 | Unity | 基于三维GIS + 游戏引擎结合示例 | UE4 和 Unity的效果展示

更新中...

原创 [cesium] | 3d特效渲染

Web3D | 三维城市示例

原创 [cesium] | 基于threejs的后处理渲染

原创 [cesium] | 结合Cesium的 点云+全景展示

原创 [cesium] | 城市调度模拟示例

Web3D | 三维城市示例

原创 [cesium] | 示例代码编辑器（2）

Web3D | 示例代码编辑器 （3）

原创 [cesium] | shader绘制旋转光锥

效果Web3D | 自定义图元着色效果

原创 [cesium] | shadertoy模板封装

基于shadertoy的玩具，支持简单的shader迁移，内置shadertoy模板uniforms

原创 [web3d] | 示例代码编辑器

之前做的一些示例只能看看没有在线编辑的功能，重新整理弄一个示例编辑器，后续完善一下发布。

原创 [three][cesium] | 使用three渲染cesium地球瓦片

更新中...

原创 [Cesium for Unreal] | UE4 | Cesium | 像素流多端支持 | 城市基础场景搭建演示

Cesium for Unreal

原创 [cesium] | 天气后处理效果

闪电云层雪花

原创 [three] | 基于 react + ts的三维组件开发示例

说明抽空把cesium和threejs的api功能系统性的封装一下，抽象出几个组件供以后项目调用。效果示例

原创 [cesium] | 基于 react + ts的三维组件开发示例

示例效果import React, { useEffect } from 'react'import { Viewer, getViewer, getZtKit } from '../components/Viewer'export default () => { const createApp = (viewer) => { const ztKits = getZtKit(viewer) const {imageryMana

原创 [Cesium] [Three]| 脉冲效果 | shadertoy着色器集成展示

效果图着色器 const shader = { vs: ` varying vec2 vUv; void main() { vUv = uv; gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 ); }`, fs: ` .

原创 [cesium] 插件 | 基于cesium的动态缓冲区图形绘制

前言之前写了一个动态缓冲区的效果，网友私信想要demo，这里把带把贴到github上，有需要的自取；插件地址：传送门效果

原创 [react] | react学习（三）| react hooks + ts 开发示例 | 三维全景轮播+地图应用

前言前面做了一个全景的应用，由于是单页面纯js实现，最近手头不忙又看了看ts准备把应用用hooks + ts重构一下

原创 前端 | 数据可视化示例模板

效果

原创 [three] | 基于threejs的动态效果示例

目前只展示了飞线，光锥，扫描物，模型光效，雷达和锥体等动态效果效果图

原创 [cesium] | geojson几何数据创建模型

加载geojson通过primitive创建几何体并拉升 数据量30w左右

原创 [cesium] | 自定义材质线插件 | 支持动态生成材质

基于Cesium的材质线插件，引入即可使用，需要的自取。插件地址：传送门在线访问: 查看地址使用 // 自定义纹理材质 let MaterialLineImage = [ './src/line.png', './src/line2.png', './src/line3.png', ] // color let colors = [ new Cesium.Color(77 /.

原创 [cesium] | 视频融合 | 基于3dtileset的视频投射插件 | 支持动态调整角度

前言之前仿照火星的视频投射实现类似的功能，今天又用视锥网方式实现了一版 ，类似可视域的方式将视频纹理贴上去感觉效果一般，没有火星的那种方式效果好。插件上传github有需要的自行提取，直接引用即可: 传送门效果图...

原创 [cesium] | 建筑光效 | 基于3dtileset的建筑物效果插件 | 支持自定义着色器

说明之前写了一篇关于建筑物效果实现的博客，后面有不少网友私信我，这里把代码封装了一下上传到GitHub上 ，有需要的自行提取。无需修改源码，引入即可使用，可以的收藏一下。后续会更新一些其他效果和分析功能。使用 // 特效 默认开启 Cesium.TILE_EFFECT_STAYE = true; // 片元着色器 默认 可以自定义 Cesium.TILE_FS_BODY = ` float stc_pl = fract(czm_frame

原创 [cesium] | 流动水效果和水面反射折射效果

效果图动态水面反射水面

原创 [react] | react学习(二) | 使用react hooks创建三维应用

说明之前使用class组件的方式创建三维应用，今天试着使用react hooks创建function 组件。function组件与class组件最大的不同是function组件能够捕获渲染的值，而class组件因为react中this是可变的，所以总是能获取最新的props，会导致一些setTimeout函数组合使用时出现难以捕捉的异常。ReactHooks的设计目的，就是加强版函数组件，完全不使用"类"，就能写出一个全功能的组件组件尽量写成纯函数，如果需...

原创 [THREE] react | 在react中使用threejs加载3dtiles和b3dm文件

说明使用3d-tiles-renderer渲染器加载解析3dtiles加载3dtiles和b3dm文件启动场景效果

原创 [react] react 学习(一) | 创建react+ts+cesium项目 配置webpack

前言看到最近抽空学习学习react框架，作为一名gisr职业发展也不能仅局限webgis，能够结合gis+web前端回报率比单一研究gis带来的收益更高。为什么选择react而不是vue呢(忽略angular..)？并不是vue不够优秀，而是公司需要和大型项目的适应，同样也是大厂的首选项。准备先按官方的资料和github撸一个demo，后面再学学TypeScript + React Hook开发栈。步骤环境说明：操作系统: win10 , nodeJs：15.2.0 , npm：7...

原创 [cesium] 3DTilset的变换插件 | 模型矩阵旋转 平移 缩放

效果图

原创 [cesium] | 视域分析 | 基于cesium的可视域效果

说明支持倾斜摄影数据分析可视域支持添加多个可视域支持动态调整可视域姿态支持当前最新版本1.7x插件地址：传送门收藏点赞~！效果

原创 [cesium] | 建筑物扫描线效果

基于Cesium的后处理接口PostProcessStage实现效果

原创 [cesium] | 模型光照 | PBR光照

基于3dtilset的光源效果效果点光源聚光源

原创 [cesium] | 基于Cesium高级封装 劫持源码修改定义 | 自定义建筑物特效

说明基于3DTIlset的建筑物特效 自定义Shader 。通过修改b3dm创建调度的加载过程，实现对 VertexShaderLoaded 和FragmentShaderLoaded 动态修改定义。效果

原创 [cesium] | 信号线和范围圈效果

基于cesium动态材质实现自定义shader效果图

原创 [cesium] | 自定义个性化气泡框

效果支持自定义css样式创建 `<div> <div style="width: 200px; height: 150px; border: 1px solid #fff; border-radius: 5px; background: #1a90c587; color:.

原创 [tomcat] | 配置文件跨域访问

说明1. 需要下载cors-filter-1.7.jarJava-property-utils-1.9.jar这两个jar包放到tomcat的lib目录下2. 在tomcat 的的web.xml 文件中加入<!--跨域--><filter><filter-name>CorsFilter</filter-name><filter-class>org.apache.catalina.filters.Co...

原创 [three] | 基于 maptalks + three 大屏水墨风格场景

使用maptalks.three 插件做的，目前内容比较简单，后面再加些场景进来效果

原创 [cesium] | 动态柱状图

基于cesium的动态拉高柱体，柱体颜色和label根据实际高度渐变效果图

原创 [cesium] | 城市路网可视化

基于cesium的动态材质实现的效果

原创 [cesium] | 三维量测插件

基于cesium 的三维量测插件 ， 支持 空间距离， 空间面积 和三角量测 ，可以对 球面 ，地形 和 3DTilset 等数据进行量测 。效果地形3dtilset球面

原创 [cesium] | 动态缓冲区效果

用turf实现的缓冲区，支持动态绘制和缓冲区动效，后续上传demo效果