老马老马不上班

在上篇文章中我们已经拿到了频谱数据，也知道了数组每个元素表示的是振幅，那这些数组元素之间有什么关系呢？根据FFT的原理， N个音频信号样本参与计算将产生N/2个数据（2048/2=1024），其频率分辨率△f=Fs/N = 44100/2048≈21.5hz，而相邻数据的频率间…

首先我们要跟音乐数据相结合，就需要了解一下audioContext的内容。 这样之后，就会把音频数据写入dataArray这个变量中。 数据有了。我们先看看数据长什么样。 第一反应是不是觉得自己的写错了，其实不然，这说明你的音频没有声音，我们加载音频刚开始都是这样的。 这样的数…

首先，这是一个类矩形，一张图片，进行变换。所以我们的实现流程是 这一步，我们的主要目的是了解其基本知识及概念，从中边学边画边了解。 我们首先了解一下，webgl整个绘制过程是怎样的，它与我们日常的js逻辑有啥差异。 大白话就是着色器程序就是用来设定整张画布绘制的位置和绘制的颜色…

最近看了《Three.js开发指南》，深刻地意识到光看不练跟没看差不多，所以就练习写了这个下雨小动画。

个人网页是程序员的第二张简历。如果你有酷炫的个人网页，面试官对你的好感度会蹭蹭蹭往上涨。用Three.js打造属于你的酷炫3D个人网站吧！

笔者认为Three.js是一个伟大的框架，为什么这样说，因为它可以让我们轻易创造三维世界，甚至好像笔者写这遍教程，可以创造一个太阳系，在这个三维世界里你就是创世主。

引子 上次课提到了位移，但是并没有给出一个标准的定义，这是不好的。这可能让人产生不正确的思维，好像位移代表了某人或者某个物体在平面上的移动路径。 这是不对的，位移不能代表移动路径，自然的，向量也不能代

WebGL概述 WebGL是一项结合了HTML5和JavaScript，用来在网页上绘制和渲染复杂三维图形的技术。WebGL通过JavaScript操作OpenGL接口的标准，把三维空间图像显示在二维

canvas除了最常用的javascript API绘制方式，还有WebGL的绘制方式。WebGL对很多同学来说就是实现3D场景的，其实对2D绘图来说，也有很大的发挥场景。