导读阅读完此文，你会了解：渲染方式在WebGL中渲染文字，并不是一件简单的事情。DOM简单且常用到的渲染文字的方法是通过dom生成html元素。该方法只需要了解一个三维坐标点是如何投影到屏幕坐标，每次

游戏开发中经常有碰撞检测的算法，对于平面上N个图形，如果需要检测互相之间是否发生碰撞。 为了保证规律性和平均分配，采用区域划分方法显示标注。简单来说就是把屏幕分割成若干个区域，每个区域最多显示一个标注，然后根据地图缩放比例动态的设置这些区域的大小以达到最佳的用户体验。 如果有1…

本文主要是总结一下web页面中的旋转矩形的碰撞检测，碰撞算法本身并不难，只是需要注意web坐标系在计算中的影响。碰撞检测应该是在游戏等场景中很常见且基础的功能，本文记录了在JavaScript API GL遇到了这类碰撞问题的调研和实现的过程。 用户在地图上实现MultiLab…

碰撞检测（Collision Detection）这个东西，之前找 canvas 相关资料的时候碰到过，有些好奇，就去尝试了解一下。 与碰撞检测有些类似的一个概念：命中检测（Hit-testing），也被广泛运用。 在计算机图形编程中，命中检测是确定用户控制的光标（或触摸屏上的…

什么是词云？ 标签云或词云是关键词的视觉化描述，是对文本中出现频率较高的关键词予以视觉上的突出，形成关键词云层或关键词渲染，从而过滤掉大量的文本信息，使浏览网页者只要一眼扫过文本就可以领略文本的主旨。

GPU渲染管线 几何阶段 光栅化阶段 顶点着色器 片元着色器 模型变换 视图变换 曲面细分 剪裁 三角形设置 三角形遍历 片元着色器 片元操作

前言 因为群里粉丝一直要求我写一篇可视化入门指南，今天他来了。其实说起前端可视化，大家所能想到的就是各种图表，大屏。这种看着贼炫酷，而笔者呢工作也一直从事3D前端开发工作，慢慢对图形产生了兴趣。但是呢

WebGL 是 HTML 5 草案的一部分，可以驱动 Canvas 渲染三维场景。WebGL 虽然还未有广泛应用，但极具潜力和想象空间。本文整理自淘宝前端团队的叶斋。

本文不会涉及到具体的代码。 CPU 和 GPU 都属于处理单元，但是结构不同。形象点来说，CPU 就像个大的工业管道，等待处理的任务只能依次的通过这跟管道，所以CPU处理这些任务的速度完全取决于处理单个任务的时间。 CPU管道虽然只能让任务一个一个依次执行，但是CPU处理单个任…