
Javascript
鸢_
这个作者很懒,什么都没留下…
展开
-
原生js实现数据响应方法2.0
本文介绍了一个实现类似Vue数据响应式的JavaScript函数createReactive。该函数通过Proxy代理对象,在属性被修改时触发回调。示例展示了如何监听普通属性和嵌套属性的变化,并在值改变时打印变更日志。函数支持自定义回调,可灵活应用于状态管理场景。核心原理是利用Proxy的get/set拦截器,递归处理嵌套对象,构建完整属性路径进行变更追踪。原创 2025-05-26 15:15:10 · 284 阅读 · 0 评论 -
【threejs】实现不同动画的播放和平滑切换
主要是通过 修改动作的速度和幅度达到平滑切换。原创 2024-12-03 17:38:00 · 388 阅读 · 0 评论 -
【Threejs】CatmullRomCurve3 生成折线和曲线
CatmullRomCurve3 是 Three.js 中的一个类,用于创建基于 Catmull-Rom 插值的曲线。这个类允许你通过一组点来创建一条平滑的曲线。curveType 和 tension 是用来控制曲线形状的参数。curveType 是一个字符串,用于指定 Catmull-Rom 曲线的类型。它有以下三个可能的值:这种类型的曲线在计算插值时会考虑到点的分布,倾向于生成更平滑的曲线。曲线的弧度会较小,生成的效果更平滑。原创 2024-11-25 14:38:33 · 465 阅读 · 0 评论 -
【Threejs】让物体永远处于最上层图层
如图所示,让这些粒子永远悬浮再模型前面,但事实上它们是穿插在场景中的。原创 2024-11-25 14:35:31 · 325 阅读 · 0 评论 -
【Threejs】沿连续的路径点path创建墙体
【代码】【Threejs】沿连续的路径点path创建墙体。原创 2024-11-19 14:10:17 · 294 阅读 · 0 评论 -
【threejs】一个控制器事件派发器
可以为场景内的模型添加点击,鼠标移入移出和鼠标滑动回调。原创 2024-11-08 14:57:59 · 279 阅读 · 0 评论 -
【threejs】创建及管理场景内的后期处理效果(以bloom为例,开箱即用)
创建后期处理通道的类后期类内部的辉光通道类效果我在花朵和瓶子上分别用了1 和2 辉光效果,下图是无光效果对比原创 2024-11-08 14:20:54 · 272 阅读 · 0 评论 -
js自定义简易动画库
当你懒得使用tween或者想自定义一些工具给过度动画,渐变数值什么的都可以用,当动画结束会停止调用动画帧无需手动卸载。原创 2024-10-31 10:02:25 · 269 阅读 · 0 评论 -
【Javascript】原生实现deep watch,使用proxy逐层建立数据监听
使用对象处理数据,添加监听,然后递归再次添加直到全部添加完毕。原创 2024-09-24 16:50:51 · 488 阅读 · 0 评论 -
【JavaScript&&threejs】对于二维平面内的路径进行扩张或缩放
对指定路径沿着边缘向内或向外扩张,达到放大或缩小一定范围的效果,这里我们获取每个点(这里是Vector3(x,y,z)),获取前后两个点和当前点的坐标,计算前后两点的向量,旋转90度向内或向外,然后获取单位向量。原创 2024-04-23 15:57:04 · 344 阅读 · 2 评论 -
【JavaScript&&Threejs】判断路径在二维平面上投影的方向顺逆时针
可以将路径每个连续的两点向量叉乘相加,根据正负性判断路径顺逆时针性当我们计算两个向量的叉积时,结果是一个新的向量,其方向垂直于这两个向量所在的平面,并且其大小与这两个向量构成的平行四边形的面积成正比。这个新向量的方向由右手定则确定:如果你将右手的四指放在两个向量的方向上,让拇指指向叉积的方向,那么你的手指弯曲的方向就是两个向量的顺时针旋转方向。当我们应用这个概念到路径的情况时,我们可以将相邻的路径点表示为向量,然后计算它们之间的叉积。原创 2024-04-22 16:24:21 · 572 阅读 · 1 评论 -
【threejs&&Javascript】实现事件注册派送
在初始化threejs场景的 class内使用。以事件管理器和点击事件为例。原创 2024-04-01 10:19:30 · 351 阅读 · 0 评论 -
【javaScript】遍历树形结构
【代码】【javaScript】遍历树形结构。原创 2024-03-28 08:58:09 · 426 阅读 · 0 评论