在线教程

  • WebGL 2D纹理坐标到3D顶点坐标的映射

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

    阅读全文 收藏 评论 (1) 阅读 (1944) 2019-09-12 20:24:55  
  • AI数学基础 - 如何理解傅里叶变换

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

    阅读全文 收藏 评论 (0) 阅读 (1769) 2019-07-09 23:01:26  
  • WebGL光照基础知识:光学现象基本概念

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

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

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

    阅读全文 收藏 评论 (0) 阅读 (4876) 2019-04-29 18:26:12  
  • CSS3属性选择器特性使用详解

    CSS3除了引入动画、滤镜(用于特效)以及新的布局技术外,在选择器(selector)方面也有增强。属性选择器根据元素的属性(attributes)来匹配。这可以是一个单独的属性,比如[type],或者可以是一个属性和取值的组合,比如[type=checkbox] 或 [for="email"]。我们也可以用属性选择器来匹配属性存在与否以及子字符...

    阅读全文 收藏 评论 (0) 阅读 (3579) 2017-02-21 18:15:59  
  • CSS3原生变量(Native Variables)新特性简介

    对Web开发者来说,一个盼望已久的特性是CSS终于支持原生变量了!
    变量是程序语言中用来解决代码重复和进行表达式计算的关键概念(想想数学方程式中的x)。这样CSS看起来更像一门样式“语言”了。在这之前,我们得使用SASS(SCSS)预编译方式来支持变量,现在你可以直接在CSS代码中使用变量。该特性的规范描述在

    阅读全文 收藏 评论 (0) 阅读 (3596) 2017-02-07 12:35:59  
  • JavaScript语言多编程范式简介

    和C++等语言类似,JS支持多范式(paradigms)编程。我们常常混合这些范式来完成一些大型Web项目。JS支持3种编程范式:命令式、面向对象和函数式。命令式(Imperative JavaScript)命令式就是简单的从上而下完成任务,流水账过程式编码风格:function>task(nums)>{ var>i,>sum=0,>squares>=>[]; for>(i=0;>i&nums.leng...

    阅读全文 收藏 评论 (0) 阅读 (6637) 2017-01-04 18:58:03  
  • JavaScript事件模型图解

    在JavaScript中用户交互的核心部分就是事件处理。本文为对事件模型和处理机制的总体性描述。Event是什么?
    event是用户操作网页时发生的交互动作,比如click/move, event除了用户触发的动作外,还可以是文档加载,窗口滚动和大小调整。Event模型是什么?
    Event模型指的是浏览器如何处理发生的事件。不同的浏览器其...

    阅读全文 收藏 评论 (0) 阅读 (3659) 2017-01-04 15:47:10  
  • 常见面试题JS语言中四种函数调用方式实例讲解

    JS的语言世界中函数(function)是一等公民,函数的调用有多种方法。普通调用这个是最常见和直接的方式:function>f(x)>{>>>>>>>> >>>>console.log(x*x); } f(5);>//>25方法调用函数被定义为对象的方法,以对象方法的形式调用,如下:
    var>c>=>{>>>> >>>>v>:>0,>>>> >>>>f>:>function(x)>{>>>>>>>>>>>>>>>> >>>>>...

    阅读全文 收藏 评论 (0) 阅读 (3420) 2017-01-04 13:00:55  
  • 常见面试题JavaScript闭包(ES5语法)

    JavaScript闭包(Closure)是常见的JS面试题,是否理解闭包是一个简单的区分JS初级和高级程序员的判例。几乎每个JS程序员都在使用闭包,有意或无意间。比如编写一个jQuery鼠标点击处理函数:$(function()>{ >>var>option; >>$(".scssbox").click(function()>{>//>闭包,该闭包同时也是一个匿名函数 >>>>option...

    阅读全文 收藏 评论 (1) 阅读 (6411) 2017-01-02 23:05:17