像素之境

主要介绍GPU渲染管线的硬件结构、webgl程序在硬件中的执行过程、其它GPU架构的一些知识点拓展。

对一些颜色丰富的设备图，可用两种变色方式。1：剔除fill或stroke等属性。2：使用变色过滤器。

在地图场景开发时多数会遇到图上要显示区域的名称、用图标标记区域、或是在区域上弹框显示信息这种功能。这都需要我们在多边形区域上找到一个合适的点位好来显示它们。

各种奇怪的需求都会遇到。这是个碰撞检测算法中要加入边界的重合判断的，但幸好，我们在边界交叉判断中加入“是否有一顶点在另一区域边界上”的判断即可完成。

园区、楼层等这种2维的小地图，即使不需要gis底图，不使用经纬度坐标，但使用gis类的第三方库开发依然是很好的选择。这方面的有一点粗浅的经验分享。

cnavas2d绘图中的实用小技巧，包括图形管理、场景管理：分模块，分层级的管理；动画制作：时间动画、动画函数选用等；性能提升：解决过度绘制的问题。

该动画总体并不算难，但也有一些小技巧，比如处理建筑与地面接触部分，无限背景动画的实现等。元素和交互不多的场景使用svg是不错的方式，借此动画也可以将技巧应用到更多的效果的制作中。

使用svg制作适应各种场景的边框动画（包括无背景的规则边框，有背景图的不规则边框），并封装为组件让它们可以适应各种尺寸大小的元素。