- 博客(637)
- 资源 (1)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 styled-components it looks like an unknown prop “items“ is being sent through to the DOM, which wil
【代码】styled-components it looks like an unknown prop "items" is being sent through to the DOM, which wil。
2025-04-30 10:30:10
366
原创 echarts自定义图表--柱状图-横向
要将label全部固定到最右侧： 为每个label设置不同的偏移距离。在data中加入label的配置 根据现在的值生成距离右侧的偏移。xAxis和yAxis对调。
2025-04-29 13:07:39
471
原创 echarts自定义图表--折线图
可以通过 ‘path://’ 将图标设置为任意的矢量路径。这种方式相比于使用图片的方式，不用担心因为缩放而产生锯齿或模糊，而且可以设置为任意颜色。路径图形会自适应调整为合适的大小。路径的格式参见 SVG PathData。可以通过 ‘image://url’ 设置为图片，其中 URL 为图片的链接，或者 dataURI。其中第一个参数 value 为 data 中的数据值。第二个参数params 是其它的数据项参数。实际是一个svg 的path属性。特殊之处在于标记的图形节点。
2025-04-29 09:17:41
363
原创 echarts自定义图表--雷达图
绘制六个矩形 和背景相同颜色来实现遮挡 再在上main根据角度绘制图片。使用graphic自己绘制实现。如图 六个角都有自定义图表。
2025-04-28 19:29:18
213
原创 使用Next.js构建单页面React应用
最近遇到一个问题 突然要一个单页面的项目 用惯了Next.js 而 create-react-app 又不推荐且不灵活 最终找发现Nextjs也支持单页面应用 以下是使用Next.js构建单页面React应用过程。目录 单页面应用 不支持api路由功能 放着会警告。在两个页面间跳转 发现已经不需加载 实现了单页面应用。1 正常创建项目 (我选择的是。
2025-04-24 18:13:24
337
原创 three.js NodeMaterial(节点材质系统)的 onBeforeRender(updateBefore) onAfterRender(updateAfter)
NONE 更新方法不执行。FRAME 更新方法按帧执行。RENDER 每次渲染都会执行更新方法。一个帧可能由多个渲染调用生成，因此此值允许比frame更详细的更新。OBJECT 更新方法是按照使用节点进行渲染的｛@link Object3D｝执行的。
2025-03-06 09:37:16
174
原创 three.js使用cannon.js 进行不规则物体碰撞检测
优化 可将拆分的数据保存 缓存使用 拆包过程开销很大会卡顿阻塞 网页会卡顿数秒。使用形状类似 但点更少的物体进行拆解 如右侧模型。控制台可能会出现 警告和报错 但不影响使用。将负责的模型拆分成多个小模型。如此就添加了可用的形状。
2025-01-18 11:49:24
314
原创 three.js透光率实现原理归纳
很薄的透明或者半透明的塑料、玻璃材质即便在几乎完全透明的情况下仍旧会保留反射的光线，透光性属性用于这种类型的材质。透光率（或者说透光性），范围从0.0到1.0。当透光率不为0的时候, opacity透明度应设置为1.会增加不少开销 额外渲染一次 单独渲染 作为。
2024-12-06 19:02:40
383
原创 关于频繁读取canvas数据- 使用three.js进行纹理绘制心得
如上图所示 在进行纹理绘制功能时 经常要同步读写canvas的数据 而canvas越大开销越大 尽可能在不损失效果质量的情况下使用更小的画布 但即便是512x512的大小 数据也有1048576项（512 x 512 x 4）在使用实例网格的时候的设置 即便设置动态instanceMatrix 也需要设置更新才会生效。测试环境为每帧遍历一万次 获取一万次1像素 开销颇大 改为后面的方式 则帧率无明显波动。
2024-12-03 19:18:14
341
原创 ExecStart=/usr/bin/mongod --config /etc/mongod.conf (code=exited, status=2)
mongodb 开启验证后出现这个问题。要用两个空格表示缩进 而不是tab。邪门的问题 居然是格式问题。
2024-11-12 10:42:16
285
原创 Three.js遮罩多场景穿梭过渡
在靠近门时完全渲染一个场景 在穿过门的同时切换场景关系。渲染一个遮罩 亮的区域为需要显示另一个场景的区域。获取穿梭门的渲染范围在屏幕中的占比。判断是否穿过门和方向。
2024-10-25 16:38:19
634
2
原创 WebGL读取画布任意像素颜色WebGLRenderingContext.readPixels
该方法是读取当前当前缓冲区(framebuffer)的不过three提供的方法可以传入指定的RednerTarget。three实现的思路是通过 先绑定传入的renderTarget 在最后再绑定回来。以下为threejs实现代码。
2024-10-17 18:02:06
521
原创 Cook-Torrance 直接高光反射模型
<html> <head> <title>Cook-Torrance BRDF computed by shader</title> <style> body { font-family: Monospace; background-color: #f0f0f0; margin: 0px
2024-10-04 14:25:42
765
原创 ReflectedLight.directSpecular 直接高光反射计算shader
【代码】ReflectedLight.directSpecular 直接反射计算shader。
2024-09-26 08:55:28
138
原创 THREE.JS网格边缘像素化后处理
不加处理如下⬇️<!-- * @Author: hongbin * @Date: 2024-09-04 11:06:55 * @LastEditors: hongbin * @LastEditTime: 2024-09-04 13:24:24 * @Description: --><!DOCTYPE html><html lang="en"> <head> <title>Grid Effect</
2024-09-04 13:45:56
1153
javascript创建一个数组和创建一个对象哪个开销大
2022-09-17
mongodb如何在获取值的同时获取对应的类型
2021-11-16
博客文章的评论功能 数据库里应该怎么存
2021-09-02
html css怎么实现这种弧度效果
2021-08-19
TA创建的收藏夹 TA关注的收藏夹
TA关注的人