作为 WebGl 系列文章的第一篇，本文详细的讲解了如何编写第一个 WebGL 程序。

一篇关于探讨使用 Three.js 创建 3D 动画场景的基础教程。

《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》一文让读者了解了 HT 的 2D 拓扑图组件使用，本文将对 HT 的 3D 功能做个综合性的介绍，以便初学者可快速上手使用 HT 构建例如电信网管 3D 机房应用、水务燃气 SCADA 监控应用及智能楼宇等应用场景。 HT for Web 的 3D 是完全基于 WebGL 技术实现的渲染引擎，但开发者几乎不需要了解 3D 图形数学或 Shader 渲染的底层技术，只需要掌握基本的 3D 坐标系和相机 Camera 的概念，剩下需要掌握的也就是基本 JavaScript 的面对对象编程知识，即可快速开发各种丰富的 3D 场景应用。 对于坐标系、相机和投影概念，以及 HT 的 2D 模型和 3D 模型之间的关系在 《HT for Web 3D 手册》中有详细描述：http://www.hightopo.com/guide/guide/core/3d/ht-3d-guide.html。HT 封装得很人性化，所以大部分情况下你都不需要调整或深入了解这些晦涩的 3D 参数，例如对于灯光，很多 HT 用户开发完 3D 的应用场景，都完全不需要学习任何灯光相关的技术知识。

最近在捣鼓 Three.js 相关, 觉得做一个微场景是一个很不错的选择，结果做下来发现效果还可以。 首先你要清楚自己想实现的效果, 就需要一张效果图, 然后才能根据效果图来建模。 我在网上找到一张自己喜欢的风格的建筑图做参考，明确自己大概要实现的效果，但结果不一定要一模一样。…

canvas入门 本文首发于我的个人博客：http://cherryblog.site/ github项目地址：https://github.com/sunshine940326/canvasStar 项目演示地址：https://sunshine940326.github.io…