3D-motion:演示如何使用 HTML5 将 3D 模型与 HTML DOM 对象融合

3D 运动 3D-motion 是一项实验性研究，旨在查看 3D 背景是否可以在使用 Web UI 构建的家庭自动化监控器中使用。 这个实验的目的是看到 3D 组件（背景）与纯 HTML 组件（有时会改变颜色的灯光）一起生活。 可以使用鼠标或进行导航。 随着虚拟现实和增强现实的出现，这个演示可以成为一段很好的代码，可以用来激发新的想法。 PS看看Leap Motion，它可以成为一个有趣的界面； 特别是对于虚拟现实！ 它是如何工作的 ？ 它非常易于使用，这一切都归功于库。 javascript代码： 构建两种类型的渲染引擎：一种用于 3D WebGL，另一种用于 CSS 效果。 创建两个场景，渲染将在其中构建演员 添加一个相机和链接到鼠标的控件并将其链接到两个场景 在两个场景中添加灯光（否则你只会看到一个地方的黑暗空间；）） 加载 3D 模型并将其添加到 WebGL 场景中