318旅途 记录从南京出发,西安转机到拉萨,拉萨自驾坦克300,反走318到成都,然后到重庆的旅程。此旅行为我和我妻子的蜜月旅行 费用合计租车费用是350一天, 我们一共租了8天(拉萨取车,成都还车), 然后押金是1w, 还车时候退了7000, 一个月后退了3000(违章押金), 因为318 有两个网红测速点 限速30 没注意的话很容易超速100% 扣好多钱还要扣分 油费的话没仔细算 估计2000-3000 2023-11-15 #旅行 #记录 #生活
Real-Time-Rendering-4 学习笔记 概述最近研究Cesium框架,每每涉及到图形学底层相关的内容,就倍感吃力,所以想系统地把图形学的基础好好的夯实一下。于是选择了Real-Time-Rendering-4作为学习图形学的入门书籍,目前是打算一个月左右先完整的过一遍,图形学博大精深,可不是一年两年就能学会的,目前也只是了解一些皮毛,对顶点/片源着色器,还有glsl有一些初步的了解。 图形渲染管线 (The Graphic 2024-04-30 #学习笔记 #图形学
cesium生成视锥体实现视频投射 效果 直接上代码12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910 2024-04-10 #cesium
nginx配置pdf访问或是下载 最近遇到一个问题,在服务器上配置了静态资源路径,但是访问里面的pdf后,却是直接下载,但是pdf文件,浏览器应该是能够支持直接预览的才对经过搜索最终解决, 修改nginx配置, 如果访问路径中含有pdf,则添加响应头 content-type 为application/pdf即可 123456location ^~ /staticFiles/ { alias /usr/s 2024-04-10 #nginx #pdf
element背景模糊样式 突然发现element plus的顶部的背景模糊效果,还挺好看的,看了一下F12 是这三个属性实现的 12345{ background-image: radial-gradient(transparent 1px, #ffffff 1px); background-size: 4px 4px; backdrop-filter: saturate(50%) blur 2024-03-20 #css #background
使用IndexDB优化大量Billboard的加载 背景最近客户反应有个图层加载比较慢,大概要等待5秒左右,这个图层就是每个企业的名字,加载的实体数量大概在1500左右. 于是着手优化 验证一开始是使用entity中的label来加载的,label的文本是企业的名称,同时注意到控制台有800多个警告 然后我就到cesium的sandcastle里验证一下,我的label的text属性是Math.random(), 发现一点也不卡, 经过搜索发 2024-03-11 #Cesium #IndexDB #性能优化
记一次vite打包优化 最近的项目打包越来越慢,甚至达到了5分多钟,但是项目并不是很大,感到很奇怪于是便开始搜索打包相关的问题 1.分析打包产物 使用 rollup-plugin-visualizer 插件分析打包产物 1npm i rollup-plugin-visualizer -D 在vite.config.ts中 12345import { visualizer } from 2024-03-07 #vite #打包优化
css添加动态视频背景 通常我们的系统顶部会有UI切图的背景,但是有的时候我们需要动态的背景,这个时候我们可以使用css来添加动态视频背景,但是如果直接添加MP4,即使是透明背景的mp4也会有黑边, 如下 如果使用css样式 123video{ mix-blend-mode: screen;} 背景又会过于透明 可以考虑在底部叠加一个背景实现融合,实现了效果 1234 2024-03-04 #css #html
vue3动态引入文件夹下的所有文件 有时我们会将相似的数据都放在同一个文件夹下,引用时如果一个一个引用就会有很多的重复代码,这时我们可以使用动态引入来解决这个问题 比如 我们想引用public文件夹下qiYeJianKongPoint文件夹下的所有json文件,可以这样写 1const allQiYePoint = import.meta.glob('/public/qiYeJianKongPoint/*.json 2024-02-26 #vue #动态
使用Gsap实现Cesium的3dtile抽拉动画效果 最近在需要做一个bim的抽拉效果,模型给的是一层的3dtile,而且,中心点位置都不对,所以调位置花了点时间 抽拉的主要思路就是利用gsap,在间隔时间内动态生成纬度,每次重新计算tileset的modelmatrix,实现动态调整模型的效果 核心的方法是对tileset的modelMatrix进行计算 12345678910111213141516171819202122232425 2024-01-12 #Cesium #gsap