在线教程

  • WebXR基本概念和应用程序开发简介

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

    阅读全文 收藏 评论 (0) 阅读 (709) 2019-09-02 18:31:12  
  • Yii2里面布局Layout的缺省设置

    yii2里面渲染视图时,需要先查找layout,这个逻辑是在yii2/base/Controller/renderContent里面实现的:
    public>function>renderContent($content) >>>>{ >>>>>>>>$layoutFile>=>$this->>>>>>if>($layoutFile>!==>false)>{ >>>>>>>>>>>>return>$this-=$content],>$this); >>>>>>>>} >>>>>>>>return>$content; >>...

    阅读全文 收藏 评论 (0) 阅读 (350) 2019-07-20 15:34:53  
  • 体积光原理及WebGL实现

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

    阅读全文 收藏 评论 (1) 阅读 (477) 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) 阅读 (356) 2019-07-12 20:40:31  
  • AI数学基础 - 如何理解傅里叶变换

    傅里叶变换是信号分析的基础数学方法,其本质是把信号做分析(analysis)以及合成(synthetise),和把白光分解为彩色光谱原理类似。
    傅里叶变换的基本思想是:符合一定条件下,任意周期信号可以分解为直流分量和一组不同幅值、频率、相位的正弦波。分解的方法就是傅里叶变换。这些正弦波的频率符合一个规律:是某个频...

    阅读全文 收藏 评论 (0) 阅读 (522) 2019-07-09 23:01:26  
  • vue项目初始化时npm run dev报错webpack-dev-server

    在运行vue项目时报如下问题:E:mobile_realmobile-vue > >C:UsersFKT00120AppDataRoamingnpm-cache_logs2019-05-27T01_45_54_024Z-debug.log查阅资料发现是webpack新版bug,卸载现有webpack,安装老版本即可解决办法:1、npm uninstall webpack-dev-server2、npm install webpack-dev-server@2.9.13、npm run dev

    阅读全文 收藏 评论 (1) 阅读 (737) 2019-05-27 10:16:55  
  • WebGL基础知识 - GLSL和着色器(Shader)

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

    阅读全文 收藏 评论 (0) 阅读 (2044) 2019-04-29 18:26:12  
  • 浏览器报错: Failed to execute 'createObjectURL' on 'URL'

    之前工作的网页调用摄像头获取视频并拍照的作品报错:Failed to execute 'createObjectURL' on 'URL'原因是Chrome升级后,新版本的Chrome不再支持该用法。其他主流浏览器也是如此,详细讨论请参考如下链接:

    阅读全文 收藏 评论 (2) 阅读 (1964) 2019-04-25 16:23:38  
  • IntersectionObserver(相交观察器) API简介及在线实例

    有时候我们希望跟踪DOM中的元素何时进入屏幕视线可见区域,这样就可以延迟加载图像或其他数据(比如广告)。要实现这样的目的,一般的思路是我们可以通过挂接滚动事件或使用定时器并对该元素调用getboundingclientrect(),然后计算元素包围盒是否落在当前位置的窗口区域中来完成。然而,这种方法非常缓慢,因为每次调用getb...

    阅读全文 收藏 评论 (0) 阅读 (600) 2019-04-25 14:26:26  
  • videos播放rtmp流遇到的一些问题

    >利用videos播放rtmp流遇到的一些问题此处使用的是videojs的5.xx版本,尝试利用6.xx或者7.xx是播放不了rtmp流的,6以上的videojs版本默认取消了flash的支持,因此在项目中如果必须使用高版本,可以添加支持flash的js文件videojs-flash。在项目中因为需要使用高版本来播放HLS,因此与5.xx版本冲突,所以我的解决办法是添加了...

    阅读全文 收藏 评论 (0) 阅读 (2772) 2019-03-29 12:48:58