甩动拍照模拟器 - 模拟拍立得效果
点击拍照后,照片慢慢显影并带有随机老化效果,模拟拍立得相纸。
UD5工具箱
实时摄像头鱼眼变形效果 · 可调参数 · 支持截屏
点击拍照后,照片慢慢显影并带有随机老化效果,模拟拍立得相纸。
在线CSS滤镜效果生成器,调节模糊、亮度、对比度、灰度、色相旋转等滤镜参数,实时预览并输出filter代码。
通过摄像头识别身体姿态关键点,控制屏幕角色跳跃或移动来躲避障碍。
拖拽轨道上的关键帧,调整动画属性和时间点,直接生成@keyframes代码。
添加任意多个色标,等距分布生成平滑渐变条,复制linear-gradient代码。
手动播放一个动画,录制元素实际位置变化,反向生成@keyframes。
粘贴CSS linear-gradient/radial-gradient代码,提取并显示每个色标的位置和颜色。
在线CSS渐变生成器,可视化调整线性渐变、径向渐变角度与色标,自动生成兼容CSS代码。
设置边框宽度和渐变角度,生成带有渐变色边框的CSS代码,支持border-image和background-clip方案。
拖拽或输入数值组合多个 CSS transform 函数,实时观察元素变换效果并获取代码。
用键盘模拟苏格兰风笛演奏,显示对应指法,内置装饰音示范。
选择数学领域(如代数、几何),随机生成带答案的练习题,适合课后自测。
用等分矩形的重叠区域演示分数乘分数的意义,直观展示几分之几。
选择黑白、复古等 CSS 滤镜,实时预览并录制摄像头画面,下载 WebM。
使用 Web Speech Recognition API 持续捕捉语音,实时显示识别文字,支持多语言。
连接示例 SSE 端点,展示服务器单向推送的实时数据流,并显示事件类型和数据。
从公开汇率 API 获取最新数据,进行任意两种货币的换算,展示近期趋势图。
调用摄像头,实时应用红色盲、绿色盲、蓝黄色盲等滤镜,让普通人体验色觉障碍者的世界。
在前端创建模拟 SSE 连接,接收服务器推送的消息流并实时渲染到页面。
模拟客户端定时请求服务器数据,展示网络延迟和响应,对比短轮询效率。
打开前置或后置摄像头,查看自己,检查硬件正常与否。
通过人脸关键点定位,在视频流中给嘴唇和脸颊叠加色彩。
利用前置摄像头估算人眼到屏幕距离,过近时警告,降低近视风险。
通过摄像头简单估算头部倾斜,久坐后若驼背则弹窗提醒。
根据设备方向和地理位置,显示当前头顶天空的星座连线。
搜索并添加多个城市,显示当前时间与日期,适合远程团队。
调用摄像头或截取屏幕区域,叠加色觉障碍模拟滤镜,帮助理解不同色盲视角。
使用Web Speech Recognition API将语音转为文本,支持自动标点,可事后编辑复制。
连接CheerLights API,显示全球此刻统一的情绪颜色,加入同步。
利用Canvas将摄像头画面或图片实时切割并多重镜像,形成动态万花筒视觉效果。