绝对方向传感器演示 - 三维指南针
利用AbsoluteOrientationSensor绘制一个匹配设备真实朝向的三维指南针。
UD5工具箱
利用AbsoluteOrientationSensor绘制一个匹配设备真实朝向的三维指南针。
输入 SMILES 字符串,生成简单的 3D 分子球棍模型并可旋转缩放,用于化学可视化。
以3D渲染(p,q)环面纽结,可旋转视角,感受拓扑之美。
以线框形式渲染正四面体、立方体等柏拉图立体,可鼠标拖拽旋转。
使用Web Audio PannerNode,在头顶环绕拖拽一个声源,体验声音在空间的移动。
提取图片中每个像素的RGB值并在3D空间中以小球显示,直观查看主色分布。
Three.js实现的第一人称视角迷宫游戏,键盘控制移动与转向,限时找到出口。
加载文本格式的STL模型文件,以线框形式旋转查看它的三维结构。
实时调整立方体尺寸、旋转角度和面颜色,生成纯CSS 3D立方体及动画。
用Three.js展示三维魔方,鼠标拖拽整体视角,按钮转动层面,可打乱与复原。
设置卡片正面和背面内容,生成鼠标悬停时沿X轴或Y轴3D翻转的CSS动画。
通过堆叠多层text-shadow或box-shadow创造浮雕或厚重立体文字效果,复制代码。
以3D方式展示太阳系大致轨道,可缩放和加速时间,观察行星公转顺序。
用WebGL或Three.js(轻量版)展示一条旋转的莫比乌斯带,可用鼠标拖拽视角。
选择水、甲烷等预置分子,展示旋转的3D球棍模型(基于Three.js)。