全景声方位模拟 - 拖拽声源全向移动
使用Web Audio PannerNode,在头顶环绕拖拽一个声源,体验声音在空间的移动。
UD5工具箱
使用Web Audio PannerNode,在头顶环绕拖拽一个声源,体验声音在空间的移动。
通过滑块实时调整 perspective、rotateX/Y/Z 等属性,观察卡片、立方体等元素的 3D 效果。
实时调整rotateX/Y/Z、perspective和translateZ,查看3D变换视觉效果。
独立控制 perspective、rotateX/Y/Z、translateZ 等,实时查看3D卡片或立方体效果。
在图片上拖拽四个角点,实现任意四边形映射,模拟三维空间中的图片摆放效果。
用WebGL或Three.js(轻量版)展示一条旋转的莫比乌斯带,可用鼠标拖拽视角。
将图片进行水平翻转、垂直翻转或行列转置,方便调整自拍或扫描方向。
将图片进行水平镜像或垂直翻转,简单快捷,纯Canvas处理,下载保存翻转后的图片。
上传多张图片,在画布上自由拖拽位置、旋转和调整大小,创造自由拼贴。
展示一对旋转角度不同的三维块状图形,判断是否为同一形状的镜像或旋转。
生成围绕元素不停旋转的多彩渐变边框,通过conic-gradient实现。
设置外圆和内圆半径及笔位置,在屏幕上拖动绘制复杂的几何螺旋图案。
使用指针锁定 API 在 3D 场景中控制视角移动,模拟 FPS 游戏鼠标控制。
交互式探索Julia集,实时调整复数参数c,支持平滑着色和鼠标缩放,感受分形之美。
用Three.js展示三维魔方,鼠标拖拽整体视角,按钮转动层面,可打乱与复原。
设计带有大标题、描述、CTA 按钮和背景图的首屏区域,生成完整代码。
在色带任意位置点击添加色标并拖拽,感受渐变设计。
在图像上点击,利用前端模型将点击范围内的主要物体自动从背景分离。
在单页内模拟MPA过渡效果,自定义进场/出场动画,体验View Transitions API丝滑切换。
读取照片EXIF Orientation并自动旋转图片到正确方向,导出修正后的JPEG。
在线响应式布局测试器,同时预览常见设备分辨率的网页显示效果,帮助检查前端适配。
将两到三张有重叠的手持照片拖入,手动寻找重叠区域自动混合为宽幅全景图。
拖拽添加图片与文字,生成响应式轮播图Slider,支持自动播放和导航点,提供HTML/CSS/JS代码。
本地音频或麦克风输入时,显示随音乐跳动的频谱柱状图,多种配色风格。
上传图片随意摆放、缩放、旋转,创建个人愿景或情绪板。
上传PDF文件,逐页渲染并可将任意页面导出为PNG图片,基于pdf.js本地解析,无需安装插件。
将图像从中心点开始向外做逐渐减弱的旋转扭曲,生成超现实的漩涡画面。
实时调整立方体尺寸、旋转角度和面颜色,生成纯CSS 3D立方体及动画。
输入文字,选择多种华丽特效(如金属光泽、冰冻效果),生成对应CSS样式。
在两个视图间切换并调用 document.startViewTransition,观察浏览器默认过渡动画。