Bryan
Vue Three.js 新玩法之 TresJs Vue Three.js 新玩法之 TresJs
效果预览今天我们将会探索一个名为 TresJs 的工具,它是一个使得在 Vue3 中使用 Three.js 变得更加容易的库。下面,我们将会使用 TresJs 来创建一个如下 iframe 展示的简单的 3D 手机模型展示。 什么是 T
2024-01-21
结合GreenSock实现数字翻牌效果 结合GreenSock实现数字翻牌效果
引言   好久没更新博客了,最近得空把githubPage挂到了cloudflare的CDN上(别问我为什么,问就是他免费且我穷)。顺便写一篇文章,测试测试速度。   最近在做一个项目,需要实现一个数字翻牌的效果。于是就想到使用 Gree
2023-03-23
道格拉斯-普克算法(Ramer–Douglas–Peucker)曲线降采样 道格拉斯-普克算法(Ramer–Douglas–Peucker)曲线降采样
背景在最近开发的某系统中,有一需求是在map上显示路径,并在路径上分段打箭头、点和文字信息(时间)。 测试环境(mock数据)理想效果 看起来还不错是吧然鹅,但由于真实环境点位数据过于密集,导致显示效果十分魔幻,看起来是这样婶的。(害)
2021-05-13
Cesium之Vue环境配置与demo运行(一) Cesium之Vue环境配置与demo运行(一)
背景最近公司有新项目(据说是关于数字孪生),需要用到Cesium来展示3d模型。由于我技术栈是Vue,故在此记录环境配置、安装相关的一些要点。 Vue项目创建 本次Demo尝试使用Vue3来搭建。 通过Vue-CLI ^4.5+ 脚手架
2021-05-07
JS奇淫技巧 JS奇淫技巧
前言本文中记录了 js 的一些技巧/新特性 选择/反选对象中的元素function pick(obj, keys) { return keys .map((k) => (k in obj ? { [k]: obj[k] }
2021-02-03
CSS奇淫技巧 CSS奇淫技巧
前言在日常实现一些功能的时候,一些复杂的界面/交互需求往往能使用几行 CSS 来实现,再次做相关记录,以便之后检索。 css 半圆画法(圆边框)/*右半圆*/ width: 9px; height: 18px; border-radius:
2021-02-03