-
使用A-Frame创建动画(轨道旋转)
a-frame入门教程实例:vr orbit rotate animation with a-frame
-
使用A-Frame创建动画(球体自转)
a-frame入门教程实例:vr sphere rotate animation with a-frame
-
使用A-Frame创建动画(立方体旋转、变色和缩放)
a-frame入门教程实例:vr cube rotate, scale, color change animation with a-frame,带默认光照。
-
Krpano(HTML5 WebVR Viewer)在线演示
krpano.com webvr demo, 需要购买license。本例仅供学习。
-
HTML5 Canvas球坐标系投影到二维直角坐标系实例演示
使用canvas 2d模拟三维空间的光芒漫射特效。无论多炫的3D效果也只是二维平面上的投影,除非进入VR场景。其核心就是把球坐标系投影到二维直角坐标系,以模拟3d视觉感受。
-
A-Frame WebVR动作捕捉代码实例 - 虚拟实现舞厅
使用a-frame开源webvr框架开发的一个跳舞虚拟现实动画,创造了一个跳舞的空间,捕捉、记录和回放你的身体动作和移动,并可以分享。支持HTC Vive和Oculus Rift VR头盔(头显)。
-
HTML5 Three.js 3D变形管道
morphing tubes, 使用webgl在3D虚拟现实空间中绘制粒子、几何曲线和梯形。
-
HTML5/WebGL 虚拟现实版本的3D日晷
VR Sundial,灯塔、哨岗类3D建筑。用来根据太阳照射下的阴影来确定时间的一款古代计时设备。
-
如何在Three.js中实现多场景(scene)绘制
多个scene的绘制通常用于:1个作为辅助的背景场景(一些静态背景元素,如加载背景图片),一个作为主场景用来处理交互动画。本例演示了如何创建这样的应用。适用于创建VR应用。
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
实时光线追踪技术简介
实时渲染视频级别的计算机三维图形是计算图形领域的终极目标,与现在普遍使用的光栅化渲染技术相比,光线追踪普遍被视为视觉技术的未来方向,可带来近乎真实的真...
生成本地npm包
1、创建一个文件夹,此处我的文件夹名字为test-my-pack
2、在文件根目录初始化npm,可以一路回车
npmOculus Go手柄(控制器)使用说明
Oculus Go是Facebook的一体式、3Dof VR眼镜,其手柄(即控制器)功能很简单。
电池安装
配对控制器
下载 Oculus 应用(这个需要手机科学上网)并...基于elementUI封装自己的UI组件库
three.js添加场景背景和天空盒(skybox)
本文我们介绍在three.js中如何给3D场景添加背景,我们有3种方式来实现这个目的。通过html添加背景元素,这实际上一个2D背景;在three.js加载图片并设置为scene.b...
更多...