数据可视化

🖼️ 有时候在网页上看到一些很炫酷的小动画，比如loading特效，还能控制这个动画的状态，真的觉得很神奇。 大部分做后端的不想碰前端，做前端的不想碰动画特效

🌈 在数据可视化的世界里，图表是我们最常用的语言。但你是否曾被一张图表的配色误导？ 配色方案的选择往往被看作是一种艺术，但其实它更是一门科学。

本文介绍 Three.js 的基础方法：监听材质加载。 在 《Three.js 基础纹理贴图》 里介绍了如何给图形贴图，贴图前需要先把纹理加载好。我们基于这篇文章继续讲解如何监听材质加载结果。

p5.js 作为一款艺术类的 canvas 库，对颜色方面的支持是挺下功夫的，比如本文要介绍的渐变方法： lerpColor 的作用是混合两个颜色以找到一个介于它们之间的颜色

在刚接触 p5.js 时我以为这只是一个艺术方向的 canvas 库，没想到它还支持视频文件和视频流的播放。 本文简单讲讲如何使用 P5.js 播放视频。

这次要介绍几个 p5.js 提供的画布相关的方法：创建画布时的相关配置、让画布绑定指定元素、 重置画布大、删除画布。

本文介绍Annotorious.js的使用方法，实现图片标签注释、框选注释、自定义选框样式、自定义选框形状……

Skeleton.css 是一个只有419行代码的基础库(包含响应式布局)。读懂这么精简的源码真的对小白走出新手村非常有帮助。

🪐 在 Matter.js 世界里，默认是没有边界的，也就是说你往一个方向把物体丢出去，超过画布边界后你可能就找不回那个物体了。本文讲解让丢出去的物体在另一边重新出现的方法～

🌅 本文介绍了如何使用p5.js开发点彩画派绘画工具。如果你对p5.js和点彩画派感兴趣，可以跟着本文动手试试～

🖼️ 本文主要讲解在p5.js中怎么设置背景图。背景图和普通的图片元素之间有哪些差异、使用背景图时有哪些注意点~

👍 OpenLayers.js快速入门教程。从基础概念到实际应用，轻松掌握OpenLayers.js的核心技能。通过实例演示和解释，帮助你迅速上手OpenLayers.js

🀄️ 如果你使用Fabric.js做编辑类的产品，有可能需要给用户配置字体。这次就讲讲在Fabric.js中创建文本时怎么使用自定义字体、在项目运行时怎么修改字体、以及推一个精简字体库的工具

🐱 当你要复制一个 fabric 的元素时，你考虑到的是什么？是深拷贝当前选中对象再添加到画布中？ 其实，fabric.js 提供了一个克隆方法。

🌶️这次要介绍的一个demo是"拖拽多边形定点修改多边形形状"。我会用老奶奶也能学得懂的方式进行讲解

🦞Fabric.js 官网有很多有趣的Demo，不仅可以帮助我们了解其功能，还可以为我们提供创意灵感。其中，Stickman是一个非常有趣的例子。

🦄 Matter.js是一个强大的JavaScript物理引擎，可帮助你创建逼真的动画和交互式效果。如果你正在寻找一种能够增强你网站用户体验的方式，那么Matter.js是一个很好的选择。

😸 如果你在学习Pixi.js时找不到适合的demo，可以瞧瞧本文。本文从初学者的角度出发，介绍了Pixi.js的一些基础知识和用法，包括Pixi.js的交互事件和动画基础教程

🐇 p5.js是一个流行的JavaScript库，可以轻松创建互动性的图形、动画和交互式应用程序。其中3D图形的绘制也是其强大又有趣的特性之一，本文将介绍如何使用p5.js绘制立方体。

🦄 p5.js中的变换操作是实现动态图形效果的关键，包括平移、旋转、缩放和倾斜等多种操作方式，可以为创作提供丰富的可能性。本文将介绍p5.js中常用的变换函数及其用法。