绳结拓扑展示 - 三叶结等绘制旋转
展示常见纽结(三叶结、八字结等)的三维弯曲造型,用户可旋转观察交叉。
UD5工具箱
Mental Rotation Test — 基于 Shepard & Metzler 经典范式
展示常见纽结(三叶结、八字结等)的三维弯曲造型,用户可旋转观察交叉。
根据一个基础色生成互补色、分裂互补、三角色、矩形色等经典配色方案,并显示色块和代码。
拖拽角度,在单位圆上显示sin、cos、tan的线段和数值。
在线响应式布局测试器,同时预览常见设备分辨率的网页显示效果,帮助检查前端适配。
在图像上点击,利用前端模型将点击范围内的主要物体自动从背景分离。
使用Web Audio PannerNode,在头顶环绕拖拽一个声源,体验声音在空间的移动。
功能强大的网页科学计算器,支持基础运算、三角函数、对数、幂运算、括号优先级等。
显示一个调性和罗马数字和弦级数,选择该和弦的正确根音和音名组成。
用WebGL或Three.js(轻量版)展示一条旋转的莫比乌斯带,可用鼠标拖拽视角。
设置外圆和内圆半径及笔位置,在屏幕上拖动绘制复杂的几何螺旋图案。
交互式探索Julia集,实时调整复数参数c,支持平滑着色和鼠标缩放,感受分形之美。
将图像从中心点开始向外做逐渐减弱的旋转扭曲,生成超现实的漩涡画面。
实时调整rotateX/Y/Z、perspective和translateZ,查看3D变换视觉效果。
拖动一个汽车,实时绘制它运动的x-t、v-t和a-t波形图,学习运动学。
实时调整立方体尺寸、旋转角度和面颜色,生成纯CSS 3D立方体及动画。
随机给出动词原形,要求输入过去式和过去分词,检验不规则动词掌握度。
生成经典的“...”打字机加载动画,可定颜色和大小,纯CSS实现。
选择不同的频率和振动模式,生成对应的二维克拉尼金属板砂粒聚集图案。
独立控制 perspective、rotateX/Y/Z、translateZ 等,实时查看3D卡片或立方体效果。
输入小数、分数或百分比中的任何一种,实时显示另外两种表示。
用Three.js展示三维魔方,鼠标拖拽整体视角,按钮转动层面,可打乱与复原。
模拟万花尺(Spirograph)绘制数学曲线,可调节内外圆半径和画笔位置,产出美丽图案。
新一代WebGPU API的基础演示,展示如何用GPU绘制一个彩色三角形。
上传等距柱状投影全景图,鼠标拖拽旋转视角,支持手机陀螺仪,沉浸式浏览。
将图片进行水平翻转、垂直翻转或行列转置,方便调整自拍或扫描方向。
生成非矩形、由内向外发散的圆形迷宫,支持打印用于幼儿专注力训练。
在线生成纯CSS三角形、箭头、气泡指示器,调整方向、大小和颜色,一键复制CSS代码。
在单页内模拟MPA过渡效果,自定义进场/出场动画,体验View Transitions API丝滑切换。
将图片进行水平镜像或垂直翻转,简单快捷,纯Canvas处理,下载保存翻转后的图片。
在散点图上拖拽数据点,实时更新最小二乘回归线,显示斜率和截距。