在线教程

  • 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) 阅读 (376) 2019-07-12 20:40:31  
  • AI数学基础 - 如何理解傅里叶变换

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

    阅读全文 收藏 评论 (0) 阅读 (542) 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) 阅读 (771) 2019-05-27 10:16:55  
  • 构建网站我们该选择Laravel还是React

    现在构建网站的可选项很多,就架构上来讲,有两种方式:一种是传统的服务端动态语言构建,使用PHP/JAVA/Python的开发框架,比如Laravel/Yii/Django/Spring,在服务端完成特定语言模板的解析并生成标签文本输出到客户端(即SSR:服务端渲染);另外一种使用前后端分离的方式,也就是通过后端(Healess CMS)纯粹提供数据,给...

    阅读全文 收藏 评论 (1) 阅读 (775) 2019-05-22 16:27:56  
  • npm install error: tunneling socket could not be established

    出现这个问题是因为代理设置不对,执行如下命令:
    config>set>proxy>http://proxyhost:proxyport config>set>https-proxy>http://proxyhost:proxyport其中proxyhost可以是localhost,即本地代理,proxyport是端口号。如果没有proxy,则需要去除:config>set>proxy>null config>set>https-proxy>null

    阅读全文 收藏 评论 (0) 阅读 (436) 2019-05-13 18:07:22  
  • WebGL光照基础知识:光学现象基本概念

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

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

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

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

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

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

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

    阅读全文 收藏 评论 (0) 阅读 (618) 2019-04-25 14:26:26  
  • 基于jsmpeg库下使用ffmpeg创建视频流连接websocket中继器传输视频并播放

    这个功能的基本工作是这样的:  1.使用node运行jsmpeg库下的websocket-relay.js文件,这个文件的作用是创建一个websocket视频传输中继器  2.运行ffmpeg,将输出发送到中继的HTTP端口,这个http端口是使用node.js搭建的一个简易的http服务器  3.将浏览器中的JSMpeg连接到中继的Websocket端口,浏览器中的JSMpeg是node.js...

    阅读全文 收藏 评论 (0) 阅读 (820) 2019-04-09 13:24:35