samkallon的博客
  • 首页
  • 归档
  • 分类
  • 标签
  • 关于
  • 友链
  • cesium示例
318旅途

318旅途

记录从南京出发,西安转机到拉萨,拉萨自驾坦克300,反走318到成都,然后到重庆的旅程。此旅行为我和我妻子的蜜月旅行 费用合计租车费用是350一天, 我们一共租了8天(拉萨取车,成都还车), 然后押金是1w, 还车时候退了7000, 一个月后退了3000(违章押金), 因为318 有两个网红测速点 限速30 没注意的话很容易超速100% 扣好多钱还要扣分 油费的话没仔细算 估计2000-3000
2023-11-15
#旅行 #记录 #生活
使用自定义DC绘制一个钻石

使用自定义DC绘制一个钻石

(function(){var player = new DPlayer({"container":document.getElementById("dplayer23"),"video":{"url":"/2025/02/06/使用自定义DC绘制一个钻石/dc.mp4"}});window.dplayers||(window.dplayers=[]);window.dplayers.push(p
2025-02-06
#cesium
解决cesium添加视频材质时遇到渲染在canvas上的视频画面不动的问题

解决cesium添加视频材质时遇到渲染在canvas上的视频画面不动的问题

最近在做一个视频融合的功能, 主要的形式是构建视锥体,然后将视频内容作为材质贴到视锥体的far面, 我是直接使用大华的wsplayer播放器获取视频元素,不过大华的播放器有个问题,如果视频播放出现Error101, 就会将视频渲染到canvas元素上面,而如果直接将canvas元素作为材质贴到面上,材质画面就只有第一帧,不会更新. 解决思路就是新建一个镜像canvas,然后视频材质使用callb
2024-09-13
#cesium #canvas
Real-Time-Rendering-4 学习笔记

Real-Time-Rendering-4 学习笔记

概述最近研究Cesium框架,每每涉及到图形学底层相关的内容,就倍感吃力,所以想系统地把图形学的基础好好的夯实一下。于是选择了Real-Time-Rendering-4作为学习图形学的入门书籍,目前是打算一个月左右先完整的过一遍,图形学博大精深,可不是一年两年就能学会的,目前也只是了解一些皮毛,对顶点/片源着色器,还有glsl有一些初步的了解。 图形渲染管线 (The Graphic
2024-04-30
#学习笔记 #图形学
cesium生成视锥体实现视频投射

cesium生成视锥体实现视频投射

效果 直接上代码12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910
2024-04-10
#cesium
nginx配置pdf访问或是下载

nginx配置pdf访问或是下载

最近遇到一个问题,在服务器上配置了静态资源路径,但是访问里面的pdf后,却是直接下载,但是pdf文件,浏览器应该是能够支持直接预览的才对经过搜索最终解决, 修改nginx配置, 如果访问路径中含有pdf,则添加响应头 content-type 为application/pdf即可 123456location ^~ /staticFiles/ { alias /usr/s
2024-04-10
#nginx #pdf
element背景模糊样式

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的加载

使用IndexDB优化大量Billboard的加载

背景最近客户反应有个图层加载比较慢,大概要等待5秒左右,这个图层就是每个企业的名字,加载的实体数量大概在1500左右. 于是着手优化 验证一开始是使用entity中的label来加载的,label的文本是企业的名称,同时注意到控制台有800多个警告 然后我就到cesium的sandcastle里验证一下,我的label的text属性是Math.random(), 发现一点也不卡, 经过搜索发
2024-03-11
#Cesium #IndexDB #性能优化
记一次vite打包优化

记一次vite打包优化

最近的项目打包越来越慢,甚至达到了5分多钟,但是项目并不是很大,感到很奇怪于是便开始搜索打包相关的问题 1.分析打包产物 使用 rollup-plugin-visualizer 插件分析打包产物 1npm i rollup-plugin-visualizer -D 在vite.config.ts中 12345import { visualizer } from &#x
2024-03-07
#vite #打包优化
css添加动态视频背景

css添加动态视频背景

通常我们的系统顶部会有UI切图的背景,但是有的时候我们需要动态的背景,这个时候我们可以使用css来添加动态视频背景,但是如果直接添加MP4,即使是透明背景的mp4也会有黑边, 如下 如果使用css样式 123video{ mix-blend-mode: screen;} 背景又会过于透明 可以考虑在底部叠加一个背景实现融合,实现了效果 1234
2024-03-04
#css #html
123

搜索

Hexo Fluid
总访问量 次 总访客数 人