HTML5在线技术博客

  • WebGL入门教程 - 高光计算模型

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

    阅读全文 收藏 评论 (1) 阅读 (233) 2019-08-09 18:06:06  
  • 构建一个面向对象的webgl渲染引擎的总体思考

    WebGL渲染引擎主流的有three.js和babylon.js,如果我们要自己实现一个类似的引擎,该如何设计实现呢?基本上我们可以分解为以下5个部分:webgl渲染部分的封装可渲染实例的抽象光照和相机场景和资源管理常用的图形运算库其中第1部分主要是整合绘制方面的一些...

    阅读全文 收藏 评论 (0) 阅读 (312) 2019-07-19 18:25:30  
  • 体积光原理及WebGL实现

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

    阅读全文 收藏 评论 (1) 阅读 (329) 2019-07-16 17:43:36  
  • webgl glsl程序出错: Loop index cannot be compared with non-constant expression

    出现错误的代码如下:#ifdef>GL_ES precision>mediump>float; #endif //>our>texture uniform>sampler2D>u_image; //>the>texCoords>passed>in>from>the>vertex>shader. varying>vec2>v_texCoord; uniform>float>u_glowRange; void>main() { >>>>vec4>color>=>vec4(0,0,0,0); >>>>for(>float>j>=>1.0;>j...

    阅读全文 收藏 评论 (0) 阅读 (251) 2019-07-12 20:40:31  
  • WebGL光照基础知识:光学现象基本概念

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

    阅读全文 收藏 评论 (0) 阅读 (416) 2019-05-05 00:11:11  
推广服务(新)
最新文章
  • 网站SSL安全证书认证的基本过程和原理

    现在的网站基本上都迁移到了https协议上,https是http协议的安全升级版本。在原来的http协议下,如果有人截获了你发送给服务器的报文,就能获取里面的信息,比如...

  • 香江热风随感

    罗生门讲的是在很有限的参与者的情况下,你很难识别真相,因为参与者从自己的角度且通常怀有自己的目的来作证,而当时怎么说或许只是由于一念之间他突然想起或忘...

  • WebGL入门教程 - 高光计算模型

    现实物体在光源的照射下,会出现吸收和反射。物体的颜色主要由漫反射决定,但局部高光效果则主要由镜面反射来决定。从表面反射出的光线与入射角成相等但相反的角...

  • Yii2里面布局Layout的缺省设置

    yii2里面渲染视图时,需要先查找layout,这个逻辑是在yii2/base/Controller/renderContent里面实现的:
    public

  • 构建一个面向对象的webgl渲染引擎的总体思考

    WebGL渲染引擎主流的有three.js和babylon.js,如果我们要自己实现一个类似的引擎,该如何设计实现呢?基本上我们可以分解为以下5个部分:webgl渲染部分的封装可...

  • 更多...