- 1、本文档共28页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
TypeScript图形渲染实战:2D架构设计与实现读书笔记模板
01思维导图读书笔记精彩摘录内容摘要目录分析作者介绍目录0305020406
思维导图
架构设计图形图形数学实战系统编程精灵第章数学实现系统图形体精灵贝塞尔使用接口类本书关键字分析思维导图
内容摘要
内容摘要本书使用微软最新的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开发的程序员阅读。编程爱好者、高校学生及培训机构的学员也可以将本书作为兴趣读物。
读书笔记
读书笔记挺好的,特别后面一章架构,给了我如何把代码写好,如何运用设计模式跟有思路。二零壹玖年读完的第四十本书,使用TypeScript跟 canvas标签来开发图形界面,硬核内容,值得推荐。这本书粗略看了一遍,前面还能耐心地看,后面章节越来越复杂,代码都是一坨一坨的,就没法看了,总的来说,作者实力还是挺强的,整体的架构设计也值得参考,但整本书的章节设计、写作逻辑比较混乱,没有一定基础很难阅读。
目录分析
第2章使用TypeScript实现Doom 3词法解析器第1章构建TypeScript开发、编译和调试环境第1篇 TypeScript篇
第1章构建TypeScript开发、编译和调试环境1.1 TypeScript简介1.2安装TypeScript开发环境1.3使用TypeScript编译(转译)器1.4模块化开发TypeScript1.5使用SystemJS自动编译加载TypeScript1.6使用VS Code调试TypeScript源码1.7本章总结
第2章使用TypeScript实现Doom 3词法解析器2.1 Token与Tokenizer2.2 IDoom3Token与IDoom3Tokenizer接口的实现2.3使用工厂模式和迭代器模式2.4从服务器获取资源2.5本章总结
第4章使用Canvas2D绘图第3章动画与Application类第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本章总结
第5章 Canvas2D坐标系变换第7章矩阵数学及贝塞尔曲线第6章向量数学及基本形体的点选第3篇图形数学篇
第5章 Canvas2D坐标系变换5.1局部坐标系变换5.2坦克Demo5.3本章总结
第6章向量数学及基本形体的点选6.1向量数学6.2向量投影Demo6.3点与基本几何形体的碰撞检测算法6.4附录:图示代码6.5本章总结
第7章矩阵数学及贝塞尔曲线7.1矩阵数学7.2贝塞尔曲线7.3本章总结
第8章精灵系统第10章场景图系统第9章优美典雅的树结构第4篇架构与实现篇
第8章精灵系统8.1精灵系统的架构与接口8.2实现非场景图类型精灵系统8.3 IShape形体系统8.4精灵系统测试Demo8.5本章总结
第9章优美典雅的树结构9.1树的数据结构9.2树数据结构的遍历9.3树数据结构的序列化与反序列化9.4队列与栈的实现9.5本章总结
第10章场景图系统10.1实现场景图精灵系统10.2骨骼层次精灵Demo10.3坦克沿贝塞尔路径运动Demo10.4让精灵系统支持裁剪操作10.5本章总结
精彩摘录
精彩摘录这是《TypeScript图形渲染实战:2D架构设计与实现》的读书笔记模板,可以替换为自己
文档评论(0)