心理旋转测验 - 三维图形旋转匹配
展示一对旋转角度不同的三维块状图形,判断是否为同一形状的镜像或旋转。
UD5工具箱
展示一对旋转角度不同的三维块状图形,判断是否为同一形状的镜像或旋转。
实时调整rotateX/Y/Z、perspective和translateZ,查看3D变换视觉效果。
独立控制 perspective、rotateX/Y/Z、translateZ 等,实时查看3D卡片或立方体效果。
用WebGL或Three.js(轻量版)展示一条旋转的莫比乌斯带,可用鼠标拖拽视角。
根据一个基础色生成互补色、分裂互补、三角色、矩形色等经典配色方案,并显示色块和代码。
使用Web Audio PannerNode,在头顶环绕拖拽一个声源,体验声音在空间的移动。
展示常见纽结(三叶结、八字结等)的三维弯曲造型,用户可旋转观察交叉。
拖拽角度,在单位圆上显示sin、cos、tan的线段和数值。
生成经典的“...”打字机加载动画,可定颜色和大小,纯CSS实现。
在图像上点击,利用前端模型将点击范围内的主要物体自动从背景分离。
上传 GIF 动画,提取每一帧并拼接为单张精灵表图片,可设置排列方式,用于游戏开发。
交互式探索Julia集,实时调整复数参数c,支持平滑着色和鼠标缩放,感受分形之美。
在线响应式布局测试器,同时预览常见设备分辨率的网页显示效果,帮助检查前端适配。
使用 WebGPU API 绘制一个彩色三角形,展示初始化、管线、着色器和绘制循环。
将图片进行水平翻转、垂直翻转或行列转置,方便调整自拍或扫描方向。
将图片进行水平镜像或垂直翻转,简单快捷,纯Canvas处理,下载保存翻转后的图片。
实时调整立方体尺寸、旋转角度和面颜色,生成纯CSS 3D立方体及动画。
在线生成纯CSS三角形、箭头、气泡指示器,调整方向、大小和颜色,一键复制CSS代码。
选择主背景色,自动推荐浅色高光和深色阴影值,用于新拟态UI。
从上传的图片中智能提取主要渐变色方向与色标,生成对应CSS渐变代码,用于设计背景。
上传等距柱状投影全景图,鼠标拖拽旋转视角,支持手机陀螺仪,沉浸式浏览。
在色带任意位置点击添加色标并拖拽,感受渐变设计。
拖拽添加图片与文字,生成响应式轮播图Slider,支持自动播放和导航点,提供HTML/CSS/JS代码。
输入小数、分数或百分比中的任何一种,实时显示另外两种表示。
使用 Canvas 生成带有光照和凹凸效果的 3D 渐变纹理,可导出无缝平铺图。
在Canvas上拖拽直角三角形顶点,实时计算边长、角度和三角函数值。
输入文字,选择多种华丽特效(如金属光泽、冰冻效果),生成对应CSS样式。
上传视频,截取其中一小段并转换GIF,可调帧率和尺寸,前端转换。
用Three.js展示三维魔方,鼠标拖拽整体视角,按钮转动层面,可打乱与复原。
上传PDF文件,逐页渲染并可将任意页面导出为PNG图片,基于pdf.js本地解析,无需安装插件。