《HTML5交互动画开发实践教程》适用于希望学习HTML5新技术以及Web前端开发人员,也可用于高校数字媒体专业、动画设计专业或网页开发相关专业的教材。本书不要求阅读读者具有编程经验,不过如果具有编程基础,那么会对本书内容更容易地了解。教材面向所有对动态网页和交互动画感兴趣的学生,授课内容将由浅入深,理论和实践相结合,从基本语法逐渐过渡到学生亲自设计动画交互,激发学生对网页交互设计的兴趣。
《HTML5交互动画开发实践教程》分3部分,第一部分是JavaScript脚本语言的基本教程,在该部分集中讲述了用于web网页开发的脚本语言JavaScript,用简明通俗的语言介绍了JavaScript的面向对象技术;第二部分讲解了HTML5画布的基本绘图、高级绘图及基于引擎的绘图功能;第三部分则以动画的例程和休闲游戏例程来讲述如何利用原生的HTML5画布功能来设计动画与休闲游戏的开发。通过本书系统的学习,学生可以掌握JavaScript的面向对象技术、HTML5的图形功能、动画和休闲游戏的开发及编程技术。
本书适用于希望学习HTML5新技术以及Web前端开发人员,也可用于高校数字媒体专业、动画设计专业或相关专业的教材。本书不要求读者具有编程经验,不过如果具有编程基础,那么会对本书内容更容易地了解。通过本书系统的学习,读者可以掌握JavaScript的面向对象技术、HTML5的图形功能、动画和休闲游戏的编程及开发技术。
本书共分为3个部分,第一部分是JavaScript脚本语言的基本教程,在该部分集中讲述了用于web网页开发的脚本语言JavaScript,用简明通俗的语言介绍了JavaScript的面向对象技术;第二部分讲解了HTML5的画布的基本绘图、高级绘图及基于引擎的绘图功能;第三部分则以动画的例程和休闲游戏例程来讲述如何利用原生的HTML5画布功能来设计动画与休闲游戏的开发。
第一部分:
第1章 基本概念:这一章简单介绍了HTML5的发展现状,并且演示了搭建开发环境的步骤流程。
第2章 编程基础:本章开始介绍JavaScript的基本语法,包括有变量命名、数据类型与运算符的作用,编程的书写规范。读者可以了解到JavaScript与C风格语言的相似之处与不同点,并为之后的学习内容打好基础。
第3章 基本流程控制:本章中讲述了JavaScript用于流程控制的基本语句,包括有顺序语句、条件语句和判断语句。
第4章 函数:这一章中,读者可以学习到函数的定义方法,函数参数和返回值的相关知识,读者可以尝试编写一个函数并在语句中调用这个函数。
第5章 引用类型:本章介绍了JavaScript中的核心类型,即引用类型。JavaScript是一种基于对象的语言,因此在JavaScript中非常多概念都是通过一个对象来实现,甚至连函数也是一个对象。读者可以从本章学习到JavaScript中的内置对象以及访问对象的属性和方法。
第6章 面向对象编程:本章中介绍了如何在JavaScript中编写面向对象编程的代码,包括对象的封装、继承和多态的实现。
第二部分:
第7章 Canvas基本功能:这一章中介绍了画布提供的基本绘图功能,读者可以在这章中学到如何利用画布提供的方法来实现在画布上下文中绘图,以及改变绘图属性来绘制不同样式的图案。
第8章 Canvas高级功能:这一章在第7章的基础上,更深一层次地讲述了画布提供的高级绘图功能。利用这一章中的内容,读者可以绘制出带有更加复杂效果的图案。
第9章 CVIDrawJS绘图部分:本章介绍了中山大学自主研制的CVIDrawJS游戏引擎的绘图部分的功能。通过面向对象编程把绘图方法封装在对象之中,使得开发者可以方便地调用绘图对象的方法来快速绘图。
第三部分:
第10章 预备知识:本章中介绍了动画的形成过程和浏览器上的设备响应的实现。这一章主要是为第11、12章的内容做基础。读者可以在这一章中学习到矩阵变换所形成的动画和精灵动画,以及与浏览器进行交互的方法。
第11章 HTML5动画设计:本章以一个鱼游动动画的设计为主线,一步步介绍了如何使用HTML5的原生接口进行动画的制作于设计。读者可以学到简单动画的设计过程。
第12章 HTML5休闲游戏设计:本章介绍了浏览器上休闲小游戏的制作过程。其中游戏制作的过程从简单的游戏原型开始,一步步增添功能和完善游戏,带领读者了解一个简单的休闲游戏制作的全过程。
感谢读者选择使用本书。作为一种新的标准,HTML5仍在不断发展和完善着,书稿虽然几经修改,但仍难免挂一漏万,希望读者能够不吝指正。
编者 2014年9月
第一部分
第1章 基本概念
1.1 了解HTML5
1.1.1 什么是HTML5
1.1.2 HTML5新特性
1.1.3 HTML5发展趋势
1.2 了解JavaScript
1.2.1 什么是JavaScript
1.2.2 核心(ECMAScript)
1.2.3 文档对象模型(DOM)
1.2.4 浏览器对象模型(BOM)
1.3 搭建开发环境
1.3.1 开发环境介绍
1.3.2 代码编辑器
1.3.3 浏览器
1.4 在HTML文档中使用JavaScript
1.4.1 新建HTML文档
1.4.2 直接嵌入JavaScript
1.4.3 嵌入JavaScript脚本文件
1.5 小结
1.6 习题
第2章 编程基础
2.1 编程规范
2.1.1 注释
2.1.2 命名规范
2.2 变量
2.2.1 变量命名
2.2.2 变量声明和赋值
2.2.3 变量的作用域
2.3 数据类型
2.3.1 Undefined类型
2.3.2 Null类型
2.3.3 Number类型
2.3.4 Boolean类型
2.3.5 string类型
2.3.6 Object类型
2.4 运算符与表达式
2.4.1 表达式的含义
2.4.2 Javascript中的运算符
2.4.3 运算符的优先级
2.4.4 运算符的结合性
2.4.5 算术运算符
2.4.6 关系运算符
2.4.7 逻辑运算符
2.4.8 条件运算符
2.4.9 位操作运算符
2.4.10 其他运算符
2.5 小结
2.6 习题
第3章 基本流程控制
3.1 if语句
3.2 switch语句
3.3 while语句
3.4 do—whne语句
3.5 for语句
3.6 forin语句
3.7 break和continue语句
……
第二部分
第三部分