HTML5在线教程和技术博客

  • WebGL光照基础知识:光学现象基本概念

    用webgl着色器来实现光照特效,本质上是一个对物理学特性使用计算机进行近似模拟的方法和过程。所以我们需要理解光线传播的几个基本概念及其区别:反射、衍射、散射以及透射、折射散射是由于介质中存在的微小粒子(异质体)或者分子对光的作用,使光束偏离原来的传播...

    阅读全文 收藏 评论 (0) 阅读 (232) 2019-05-05 00:11:11  
  • WebGL基础知识 - GLSL和着色器(Shader)

    在本站的WebGL入门教程中,提到绘制管道中有两个着色器,一个是vertex shader(顶点着色器)和一个fragment shader(片段着色器)。本章简介这两个着色器的具体使用。每个着色器本质上就是一个函数,有特定的输入和输出。着色器函数被串联到同一个着色器程序中。Vertex Shader顶点着色器的功能是把原始顶点数据变换到裁减空...

    阅读全文 收藏 评论 (0) 阅读 (701) 2019-04-29 18:26:12  
  • 3D感知和建模关键硬件技术:双目、3D结构光和TOF

    无论VR、AR和3D打印,其核心技术包含3D成像和建模。而3D建模属于劳动密集型的工作,耗时耗力,凡这类工作都会是被新技术革命的地方,自动3D建模技术就是为了解决这样的产业瓶颈。而自动3D建模的一个技术前提是需要设备(如手机或专业的3D扫描仪)能够有效(高精度且快速)感知3D景深。这就引出了本文的主...

    阅读全文 收藏 评论 (0) 阅读 (545) 2019-02-28 14:28:08  
  • OpenGL/WebGL顶点坐标变换过程简介

    世界坐标是按照笛卡尔坐标系定义出来的绝对坐标系,下面的各种坐标系都建立在世界坐标的基础上。对象坐标系对象被应用于任何变换之前的初始位置和方向所在的坐标系,也就是当前绘图坐标系;该坐标系不固定且仅对该对象适用;默认情况下,该坐标系与世界坐标系重合;当用函数glTranslatef...

    阅读全文 收藏 评论 (0) 阅读 (1338) 2018-11-19 18:03:15  
  • 增强现实引擎ARToolKit工作原理简介

    ARToolkit是一个基于CV(计算机视觉)和Marker(标识)的开源增强现实引擎。其具备如下功能特性:A. 鲁棒跟踪,包括基于标记的跟踪与基于特征的跟踪;>B. 强用力的摄像头/相机标定支持(摄像头/相机标定需要确定中心点坐标(光心)、摄像机实际焦距(fx=α∗f,fy=β∗f)(fx=α∗f,fy=β∗f)与镜头畸变参数(取决于...

    阅读全文 收藏 评论 (0) 阅读 (1257) 2018-11-19 17:46:47  
  • 常用光照类型基本概念工作原理及其计算公式

    在三维场景中,原理上物体的渲染效果取决于光照与物体表面的相互作用,对于渲染程序而言,可以通过把一些数学公式应用于像素着色来实现,从而模拟出真实生活中的各种材质效果。比如金属、玻璃、木质或石刻效果等。
    本文做如下假定:
    • 我们讨论的是基于像素着色(per-pixel basi...

    阅读全文 收藏 评论 (2) 阅读 (1252) 2018-11-16 15:09:01  
  • 3D场景中多相机拍摄的原理和意义

    一般而言,3D场景的渲染只需要一个相机,不过借助多相机可以获取一些单相机无法达到的特效。比如突显特定对象并模糊背景。
    3D相机渲染的基本原理是依靠颜色缓存和深度缓存区,颜色缓存用来成像,深度缓存用来剔除不可见对象。相机每一帧渲染时,一般都会清除这两个缓冲区,否则就会出现重影现象。多个相机渲染时,有先...

    阅读全文 收藏 评论 (0) 阅读 (2140) 2018-08-13 13:35:58  
  • ARCore基本概念和工作原理简介

    谷歌的WebAROnARCore项目基于Android手机提供的ARCore增强现实引擎,要了解WebAROnARCore,需要先了解ARCore的工作原理。基本上ARCore做了两件事,首先跟踪手机的运动轨迹,然后构建出它对现实世界的理解。ARCore的运动跟踪技术是通过相机(Camera)识别出特征点,并随着时间的推移跟踪这些特征点是如何移动的。通过这些特...

    阅读全文 收藏 评论 (0) 阅读 (3582) 2018-03-08 18:28:58