图片 3D 透视变换工具 - 拖拽角点进行三维映射
在图片上拖拽四个角点,实现任意四边形映射,模拟三维空间中的图片摆放效果。
UD5工具箱
在图片上拖拽四个角点,实现任意四边形映射,模拟三维空间中的图片摆放效果。
加载 HDR 或普通全景图,以 3D 天空盒方式旋转查看。
展示常见晶体的三维晶胞结构(面心立方、体心立方、金刚石等),可旋转观察。
上传深度图或选择预设形状,生成可通过平行眼或交叉眼观看的单图像立体图。
使用 Canvas 生成带有光照和凹凸效果的 3D 渐变纹理,可导出无缝平铺图。
通过多层 text-shadow 叠加生成具有厚度和光照感的 3D 文字效果。
输入 SMILES 字符串,生成简单的 3D 分子球棍模型并可旋转缩放,用于化学可视化。
Three.js实现的第一人称视角迷宫游戏,键盘控制移动与转向,限时找到出口。
使用Web Audio PannerNode,在头顶环绕拖拽一个声源,体验声音在空间的移动。
提取图片中每个像素的RGB值并在3D空间中以小球显示,直观查看主色分布。
以3D方式展示太阳系大致轨道,可缩放和加速时间,观察行星公转顺序。
利用AbsoluteOrientationSensor绘制一个匹配设备真实朝向的三维指南针。
以线框形式渲染正四面体、立方体等柏拉图立体,可鼠标拖拽旋转。
加载文本格式的STL模型文件,以线框形式旋转查看它的三维结构。
以3D渲染(p,q)环面纽结,可旋转视角,感受拓扑之美。
选择水、甲烷等预置分子,展示旋转的3D球棍模型(基于Three.js)。
放置正负点电荷,显示电势面和电场线,感受库仑力方向。
在画布上放置多个磁极(N/S),实时计算并显示周围的磁场线分布。
用Three.js展示三维魔方,鼠标拖拽整体视角,按钮转动层面,可打乱与复原。
用WebGL或Three.js(轻量版)展示一条旋转的莫比乌斯带,可用鼠标拖拽视角。
设置卡片正面和背面内容,生成鼠标悬停时沿X轴或Y轴3D翻转的CSS动画。
通过堆叠多层text-shadow或box-shadow创造浮雕或厚重立体文字效果,复制代码。
实时调整立方体尺寸、旋转角度和面颜色,生成纯CSS 3D立方体及动画。