Catmull-Clark 细分曲面演示 - 控制网格迭代
载入简单控制网格,执行 Catmull-Clark 细分一次,观察光滑效果。
UD5工具箱
洛伦兹吸引子(Lorenz Attractor)是由美国气象学家爱德华·洛伦兹于1963年发现的一种奇异吸引子,源自他简化的大气对流模型。它是混沌理论中最著名的数学模型之一,因其三维轨迹形似蝴蝶翅膀,常被称为"蝴蝶曲线",也是"蝴蝶效应"概念的数学体现。
洛伦兹系统由三个耦合的常微分方程描述:
其中 σ(普朗特数)、ρ(瑞利数)、β 为系统参数。经典混沌参数为 σ=10, ρ=28, β=8/3。
当 ρ > 1 时,系统存在三个不动点:原点(0,0,0)(总是不稳定的鞍点)和两个对称的非零不动点 C₁, C₂ ≈ (±√(β(ρ−1)), ±√(β(ρ−1)), ρ−1)。这两个不动点是吸引子"翅膀"的旋转中心。
载入简单控制网格,执行 Catmull-Clark 细分一次,观察光滑效果。
在浏览器中构建 3D 场景,添加基本几何体、光源,导出场景代码。
可视化Flexbox容器和子项的所有属性及选项,鼠标悬停预览效果。
为页面上使用CSS Grid的元素显示网格线和名称,辅助布局开发和调试。
上传两张图片,实时切换并预览正片叠底、滤色、叠加等多种混合模式效果。
上传浮动图片并选择圆形、椭圆或多边形 shape-outside 值,观察文字环绕效果。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
上传一组图片,设定每张展示秒数和转场,生成WebM视频幻灯。
绘制或生成迷宫墙,选择DFS或BFS算法自动寻找出口,动画展示探索过程。
一款漂亮的拟物指针时钟,同时显示数字时间和日历,适合常驻副屏或全屏。
随机生成两到五种颜色的组合,附带预览色块,提供设计意外之喜。
在布满干扰物的图片中寻找并点击目标物品,记录用时。
在绘图板画几条直线,算法自动利用霍夫变换检测并高亮出这些线段。
在页面上叠加可拖拽的半透明网格线,辅助网格布局对齐。
拖拽两控制点精细微调CSS `cubic-bezier()` 曲线并对比预设函数效果。
通过加权Voronoi点算法将图片转换为类似针笔画的黑白点描艺术效果。
在线生成Lorem Ipsum占位文本,可指定段落数、单词数或字节数,用于设计排版和布局填充。
以3D渲染(p,q)环面纽结,可旋转视角,感受拓扑之美。
基于斐波那契数列绘制黄金螺旋,展示各个正方形组成的矩形。
构建 Promise 链并显示每个 then/catch 的执行时间与状态,帮助理解微任务调度。
随机可视化Skip List的层级结构和快速查找过程,对比链表效率。
编写Brainfuck代码,以可视化的方式步进执行,观察活动纸带和指针。
上传多个 SVG 文件,合并为一个 SVG sprite 并生成使用示例代码,减少 HTTP 请求。
动画展示 Kruskal 算法选择边和合并集合的过程,高亮生成树边。
为图片添加类似胶片漏光的红黄色调渐变或光晕效果,营造怀旧氛围。
上传一张原图,智能裁剪并输出从16x16到512x512的各尺寸ICO/PNG,适合网页与PWA。
上传精灵图,自动切片检测或手动框选获取背景定位数值,生成CSS Sprite代码。
生成一行JavaScript代码,可将每日更新的编程相关名言嵌入到你的网站。
为图片添加可调节的暗角效果,控制大小、强度和羽化,引导视线至中心。
使用新的迭代器辅助方法链式处理数据,查看懒求值效果。