导语

  

内容提要

  

    步磊峰编著的《TypeScript图形渲染实战(2D架构设计与实现)》使用微软最新的TypeScript语言，以面向接口及泛型的编程方式，采用HTML 5中的Canvas2D绘图API，实现了一个2D动画精灵系统，并在该精灵系统上演示了精心设计的与图形数学变换相关的Demo。通过阅读本书，读者可以系统地掌握TypeScript语言、面向接口和泛型的编程方式、Canvas2D API绘图、图形数学（向量、点与基本形体的碰撞检测、矩阵及贝塞尔曲线）、数据结构（队列、栈、树）及重要的设计模式。
    本书共10章，分为4篇。第1篇TypeScript篇，主要介绍了如何构建TypeScript开发、编译和调试环境，以及如何使用TypeScript实现Doom 3词法解析器；第2篇Canvas2D篇，主要介绍了动画与Application类，以及如何使用Canvas2D绘图；第3篇图形数学篇，主要介绍了坐标系变换、向量数学及基本形体的点选、矩阵数学及贝塞尔曲线；第4篇架构与实现篇，主要介绍了精灵系统、优美典雅的树结构及场景图系统。
    本书内容丰富，讲解由浅入深，特别适合对图形、游戏和UI开发感兴趣的读者阅读，也适合需要系统学习图形开发技术的人员阅读。另外，本书还适合JavaScript程序员及想从C/C++、Java、C#等语言转HTML 5开发的程序员阅读。编程爱好者、高校学生及培训机构的学员也可以将本书作为兴趣读物。

    步磊峰，现为上海斐繁信息科技有限公司技术负责人。计算机图形编程资深爱好者。有超过15年的编程经验。擅长C、C++、C#、Java、JavaScript、TypeScript等编程语言。在作者的程序人生中，曾经写过3D程序、跨平台UI引擎、Java页游服务器和微信服务器，并为国内的多个大型国营金融机构开发过多款移动端App。个人最大的成就是通过内部培训，为公司培养了20多个C语言、C++及移动端的开发人才。
    微信公众号：随风而行之青衫磊落险峰行

前言
第1篇  TypeScript篇
  第1章  构建TypeScript开发、编译和调试环境
    1.1  TypeScript简介
    1.2  安装TypeScript开发环境
      1.2.1  安装Node.js
      1.2.2  安装VS Code
      1.2.3  NPM全局安装TypeScript
      1.2.4  第一个TypeScript程序
    1.3  使用TypeScript编译（转译）器
      1.3.1  生成tsconfig.json文件
      1.3.2  解决生成tsconfig.json文件后带来的常见问题
      1.3.3  自动编译TypeScript文件
    1.4  模块化开发TypeScript
      1.4.1  tsconfig.json文件中的target和module命令选项
      1.4.2  编写Canvas2D类导出给main.ts调用
      1.4.3  使用lite-server搭建本地服务器
    1.5  使用SystemJS自动编译加载TypeScript
      1.5.1  NPM本地安装TypeScript库和SystemJS库
      1.5.2  SystemJS直接编译TypeScript源码
    1.6  使用VS Code调试TypeScript源码
      1.6.1  安装及配置Debugger for Chrome扩展
      1.6.2  VS Code中单步调试TypeScript
    1.7  本章总结
  第2章  使用TypeScript实现Doom 3词法解析器
    2.1  Token与Tokenizer
      2.1.1  Doom3文本文件格式
      2.1.2  使用IDoom3Token与IDoom3Tokenizer接口
      2.1.3  ES 6中的模板字符串
      2.1.4  IDoom3Token与IDoom3Tokenizer接口的定义
    2.2  IDoom3Token与IDoom3Tokenizer接口的实现
      2.2.1  Doom3Token类成员变量的声明
      2.2.2  Doom3Token类变量初始化的问题
      2.2.3  IDoom3Token接口方法的实现
      2.2.4  Doom3Token类的非接口方法实现
      2.2.5  Doom3Tokenzier处理数字和空白符
      2.2.6  IDoom3Tokenizer接口方法实现
      2.2.7  Doom3Tokenizer字符处理私有方法
      2.2.8  核心的getNextToken方法
      2.2.9  跳过不需处理的空白符和注释
      2.2.10  实现_getNumber方法解析数字类型
      2.2.11  实现_getSubstring方法解析子字符串
      2.2.12  实现_getString方法解析字符串
      2.2.13  IDoom3Tokenizer词法解析器状态总结
    2.3  使用工厂模式和迭代器模式
      2.3.1  微软COM中创建接口的方式
      2.3.2  Doom3Factory工厂类
      2.3.3  迭代器模式
      2.3.4  模拟微软.NetFramework中的泛型迭代器
      2.3.5  IDoom3Tokenizer扩展IEnumerator接口
      2.3.6  修改Doom3Tokenizer源码
      2.3.7  使用VS Code中的重命名重构方法
      2.3.8  使用迭代器解析Token
      2.3.9  面向接口与面向对象编程的个人感悟
    2.4  从服务器获取资源
      2.4.1  HTML加载本地资源遇到的问题
      2.4.2  从服务器加载资源
      2.4.3  使用XHR向服务器请求资源文件
      2.4.4  TypeScript中的类型别名
      2.4.5  使用doGet请求文本文件并解析
      2.4.6  解决仍有空白字符输出问题
      2.4.7  实现doGetAsync异步请求方法
      2.4.8  声明TypeScript中的回调函数
      2.4.9  调用回调函数
    2.5  本章总结
第2篇  Canvas2D篇
  第3章  动画与Application类
  第4章  使用Canvas2D绘图
第3篇  图形数学篇
  第5章  Canvas2D坐标系变换
  第6章  向量数学及基本形体的点选
  第7章  矩阵数学及贝塞尔曲线
第4篇  架构与实现篇
  第8章  精灵系统
  第9章  优美典雅的树结构
  第10章  场景图系统