【文件属性】：
文件名称：3D-motion:演示如何使用 HTML5 将 3D 模型与 HTML DOM 对象融合
文件大小：8.93MB
文件格式：ZIP
更新时间：2021-06-01 14:10:18
JavaScript
3D 运动
3D-motion 是一项实验性研究，旨在查看 3D 背景是否可以在使用 Web UI 构建的家庭自动化监控器中使用。
这个实验的目的是看到 3D 组件（背景）与纯 HTML 组件（有时会改变颜色的灯光）一起生活。
可以使用鼠标或进行导航。
随着虚拟现实和增强现实的出现，这个演示可以成为一段很好的代码，可以用来激发新的想法。
PS看看Leap Motion，它可以成为一个有趣的界面； 特别是对于虚拟现实！
它是如何工作的 ？
它非常易于使用，这一切都归功于库。 javascript代码：
构建两种类型的渲染引擎：一种用于 3D WebGL，另一种用于 CSS 效果。
创建两个场景，渲染将在其中构建演员
添加一个相机和链接到鼠标的控件并将其链接到两个场景
在两个场景中添加灯光（否则你只会看到一个地方的黑暗空间；））
加载 3D 模型并将其添加到 WebGL 场景中
【文件预览】：
3D-motion-master
----index.html(7KB)
----datas()
--------meeting_room_sample_orig.skp(6.7MB)
--------epia.dae(4.23MB)
--------icon-light-off.png(8KB)
--------Marriott.skp(933KB)
--------Marriott()
--------Marriott.dae(1.59MB)
--------chair.dae(31KB)
--------epia()
--------meeting_room_sample()
--------meeting_room_sample.dae(5.87MB)
--------chair()
--------icon-light-on.png(9KB)
----README.md(2KB)
----libs()
--------leap-0.6.2.js(270KB)
--------THREE.OrbitControls.js(15KB)
--------THREE.CSS3DRenderer.js(6KB)
--------THREE.ColladaLoader_rev68.js(88KB)
--------jquery-2.1.1.js(242KB)
--------THREE.ColladaLoader_rev59.js(81KB)
--------tquery-bundle.js(948KB)
--------THREEx.GeometryUtils.js(3KB)
--------THREE.js(810KB)
--------leap.rigged-hand-0.1.5.js(899KB)
--------leap-plugins-0.1.7.js(83KB)