TypeScript图形渲染实战

作品简介

TypeScript是由微软公司开发的一种开源编程语言，主要为大型应用而设计。它是JavaScript的一个超集，扩展了JavaScript的语法，任何现有的JavaScript程序都可以不加改变地在TypeScript下工作。

本书使用最新的TypeScript语言，以面向接口及泛型的编程方式，采用HTML5中的Canvas2D绘图API，实现了一个2D动画精灵系统，并在该精灵系统上演示了精心设计的与图形数学变换相关的Demo。该精灵系统是一个具备最小运行环境（更新、重绘、裁剪，以及事件分发和响应），并支持精确点选（点与点、线段、矩形、圆形、椭圆、三角形及凸多边形），采取了享元设计模式，基于场景图管理且兼容非场景图类型，而且易于扩展的系统。

步磊峰编著

作品目录

• 前言
• 第1篇　TypeScript篇
• 第1章　构建TypeScript开发、编译和调试环境
• 1.1　TypeScript简介
• 1.2　安装TypeScript开发环境
• 1.3　使用TypeScript编译（转译）器
• 1.4　模块化开发TypeScript
• 1.5　使用SystemJS自动编译加载TypeScript
• 1.6　使用VS Code调试TypeScript源码
• 1.7　本章总结
• 第2章　使用TypeScript实现Doom 3词法解析器
• 2.1　Token与Tokenizer
• 2.2　IDoom3Token与IDoom3Tokenizer接口的实现
• 2.3　使用工厂模式和迭代器模式
• 2.4　从服务器获取资源
• 2.5　本章总结
• 第2篇　Canvas2D篇
• 第3章　动画与Application类
• 3.1　requestAnimationFrame方法与动画
• 3.2　Application类及其子类
• 3.3　测试及修正Application类
• 3.4　为Application类增加计时器功能
• 3.5　本章总结
• 第4章　使用Canvas2D绘图
• 4.1　绘制基本几何体
• 4.2　绘制文本
• 4.3　绘制图像
• 4.4　绘制阴影
• 4.5　本章总结
• 第3篇　图形数学篇
• 第5章　Canvas2D坐标系变换
• 5.1　局部坐标系变换
• 5.2　坦克Demo
• 5.3　本章总结
• 第6章　向量数学及基本形体的点选
• 6.1　向量数学
• 6.2　向量投影Demo
• 6.3　点与基本几何形体的碰撞检测算法
• 6.4　附录：图示代码
• 6.5　本章总结
• 第7章　矩阵数学及贝塞尔曲线
• 7.1　矩阵数学
• 7.2　贝塞尔曲线
• 7.3　本章总结
• 第4篇　架构与实现篇
• 第8章　精灵系统
• 8.1　精灵系统的架构与接口
• 8.2　实现非场景图类型精灵系统
• 8.3　IShape形体系统
• 8.4　精灵系统测试Demo
• 8.5　本章总结
• 第9章　优美典雅的树结构
• 9.1　树的数据结构
• 9.2　树数据结构的遍历
• 9.3　树数据结构的序列化与反序列化
• 9.4　队列与栈的实现
• 9.5　本章总结
• 第10章　场景图系统
• 10.1　实现场景图精灵系统
• 10.2　骨骼层次精灵Demo
• 10.3　坦克沿贝塞尔路径运动Demo
• 10.4　让精灵系统支持裁剪操作
• 10.5　本章总结