Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。

在你十八岁的夏天，有没有一场让你难以忘怀的暴雨？你有没有渴望再经历一遍当年的雨？用js实现逼真雨景，炫酷！

前言 事情是这样的，前几天我接到一个外包工头的新需求，某品牌要搭建一个在线VR展厅，用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅，这个VR展厅里会有一些信息点，点击之后可以呈现更多信息（视

一、自定义的必要性     绘制的底层是强大的,我们所用的各端语言只是在现代UI追求的步伐中和用户喜好的交互中求同存异，抽取封装出自成个性风格的UI控件,当然面对万亿级别的客户各个平台的UI库出也不可

大家好，这里是 CSS 魔法使——alphardex。 做好离屏渲染的准备工作后，可以开始本文的重点——着色器了。 Long may the sunshine.

Vector在数学中的含义是向量(矢量)，也是在很多计算中常存在的名词，相信很多地方也都可以见到有关Vector的身影，但是大多数人会在项目中去不知不觉使用，而不是单独抽出来形成依赖，这也导致了很多人忽视了它的存在，这一节中主要是讲解了Vector的相关基础操作以及可以如何利用…

在项目中自己使用 Canvas 实现了一下水波图，在这里给大家分享一下它的实现原理。 一开始看到波浪，可能不知道从何入手，我们来看看波浪的特征就会有灵感了。 没错，有人肯定会想到，就是 正余弦曲线！对于波陡很小的波动，一般选择正弦或余弦的曲线来表示波形，这是最简单而又最接近实际…

Three.js（下面简称 Three） 作为一个 3D 库，不仅减少了我们学习 OpenGL 和 WebGL 的成本，还大大提升了前端在可视化上给用户带来更多的真实、沉浸式的体验。众所周知，Three 更多的是用 3D 模型 + 投影相机 + 用户交互的方式来构建一个「3D …