在线教程

  • Oculus Go手柄(控制器)使用说明

    Oculus Go是Facebook的一体式、3Dof VR眼镜,其手柄(即控制器)功能很简单。
    电池安装
    配对控制器
    下载 Oculus 应用(这个需要手机科学上网)并按照屏幕上的指示将 Oculus Go 连上 WiFi。将随附的电池插入控制器中(如上图),然后轻触 Oculus 应用中的继续。按住控制...

    阅读全文 收藏 评论 (0) 阅读 (629) 2019-12-07 22:46:41  
  • three.js添加场景背景和天空盒(skybox)

    本文我们介绍在three.js中如何给3D场景添加背景,我们有3种方式来实现这个目的。通过html添加背景元素,这实际上一个2D背景;在three.js加载图片并设置为scene.background,这种方法的好处是可以被后处理(post-processing)效果所影响;在three.js中绘制天空盒作为背景。第一种是直接在canvas的c...

    阅读全文 收藏 评论 (0) 阅读 (907) 2019-11-11 18:25:03  
  • 如何实现three.js响应式设计(消除拉伸变形和锯齿)

    我们先创建一个基本的three.js场景,里面有一个cube对象。分三步,首先声明一个canvas的html元素并设置其样式:&canvas>id="c">>>width:>100%; >>>>height:>100%; >>>>display:>block; }第二步,使用three.js创建场景、光照、相机和立方体模型(cube):
    import>*>as>THREE>from>'//techbrood.com/thr...

    阅读全文 收藏 评论 (0) 阅读 (672) 2019-11-09 15:26:43  
  • 深入剖析JavaScript代码执行上下文、变量范围以及闭包(Closure)

    Some concepts are important to grok before you can grok closures. One of them is the execution context.This article has a very good primer on Execution Context. To quote the article:When code is ru...

    阅读全文 收藏 评论 (0) 阅读 (276) 2019-11-03 22:49:54  
  • WebXR桌面浏览器模拟器使用简介

    WebXR标准最近(10月份)刚刚发布了工作版本(Working Draft),是一个重要的里程碑。由于WebXR的体验依赖于头戴设备,因此其应用程序开发和调试比较困难,为了测试你的应用程序在各种情况下的响应,你得拥有大量的设备:移动设备、3dof设备、6dof设备等等(比...

    阅读全文 收藏 评论 (0) 阅读 (654) 2019-10-29 14:30:02  
  • WebGL 2D纹理坐标到3D顶点坐标的映射

    webgl纹理映射用来把图片贴到模型的材料表面,给模型添加丰富的细节。该方法的核心是把一张二维的图片映射到三维的坐标空间去,也就是为每一个3d顶点找到其相应的纹理像素。要想实现这样的目标,显然需要先把3d模型展开为2d的平面,然后才可以和2d贴图建立对等的映射关系。我们这里以一个最简单的平面来观察这个映射的过程...

    阅读全文 收藏 评论 (1) 阅读 (816) 2019-09-12 20:24:55  
  • WebXR基本概念和应用程序开发简介

    XR是VR,AR和MR的统称,VR,AR是从感官体验的角度来区分的,
    VR是用户借助外设输入输出(头戴、手柄、体感、运动感知等软硬件系统)来和纯虚拟场景的交互体验,AR也是用户借助外设来体验额外的虚拟内容,区别是虚拟内容是叠加在真实世界上,其方式可以是通过透射或者视频叠加。WebXR是基于网页的XR应用程序,可以用来支持...

    阅读全文 收藏 评论 (0) 阅读 (1614) 2019-09-02 18:31:12  
  • 网站SSL安全证书认证的基本过程和原理

    现在的网站基本上都迁移到了https协议上,https是http协议的安全升级版本。在原来的http协议下,如果有人截获了你发送给服务器的报文,就能获取里面的信息,比如用户名乃至密码。所以http协议单纯从传输层面看是不安全的,其信息安全性得依赖额外的应用层面来保证。那么如何保证信息交互的安全性呢,一般是通过密钥对的方式...

    阅读全文 收藏 评论 (0) 阅读 (431) 2019-08-16 13:33:18  
  • WebGL入门教程 - 高光计算模型

    现实物体在光源的照射下,会出现吸收和反射。物体的颜色主要由漫反射决定,但局部高光效果则主要由镜面反射来决定。从表面反射出的光线与入射角成相等但相反的角度,称为“镜面反射”。如果镜面反射光线直接进入相机,就好像相机直接看到光源一样,即使它已经从物体上反弹出来。相机看到的是光源的光,而不是物体的颜色。如...

    阅读全文 收藏 评论 (1) 阅读 (1216) 2019-08-09 18:06:06  
  • 体积光原理及WebGL实现

    体积光(或叫上帝之光)在自然界中是十分常见的现象,如太阳光从云隙中透过时产生的云隙光,森林中阳光从树叶中穿过产生的光柱。如果我们要在网页三维场景中模拟这种光效,需要深入了解大气物理模型和光散射原理。大气物理模型物体与其观察者之间存在着复杂的介质,比如太阳光到达我们眼睛是穿过了厚厚的大气层,大气层里面...

    阅读全文 收藏 评论 (1) 阅读 (827) 2019-07-16 17:43:36