html5游戏编程核心技术与实战目录

我是李大福

已于 2022-04-04 13:37:15 修改

阅读量2.8k

点赞数

分类专栏： html5游戏编程核心技术与实战文章标签：游戏开发游戏引擎 html5 前端 javascript

于 2022-04-03 11:55:29 首次发布

本文链接：https://blog.csdn.net/weixin_42708208/article/details/123934738

版权

html5游戏编程核心技术与实战专栏收录该内容

2 篇文章 0 订阅

订阅专栏

html5游戏编程核心技术与实战目录

概述

将书上的代码手工敲一遍，另外由于书出版比较早，有些地方的写法已经过时了，做了一些修改。比如var 改为了let，div上面的属性 align="center"已经废弃了，就直接删除了。

蓝色文字颜色的内容是带跳转链接的，可以点击查看相应内容。
对哪一章感兴趣，欢迎留言，我提前更新一下。

第1章游戏和 HTML5初探

1.1 网页游戏和HTML5
1.1.1 网页游戏简介…
1.1.2 HTML5 简介
1.1.3 HTML5浏览器工具…………4
1.1.4 HTML5 开发工具……
1.2 HTML5 新特性初探………10
1.2.1 canvas元素……10
1.2.2 WebGL…12
1.2.3 多媒体元素……13
1.2.4 地理信息服务………14
1.2.5 本地存储…15
1.2.6 Web sockets 网络通信………16
1.2.7 Web Worker 多线程……………16
1.3 小结…… ……… …18

第2章 Canvas绘图 …19

2.1 基本知识………………19

2.1.1 创建 canvas
2.1.2 理解 canvas 坐标系………20
2.1.3 获取 canvas 环境上下文………20

2.2 图形 API……… ……………21

2.2.1 理解路径………21
2.2.2 路径操作 API………………21
2.2.3 绘制线条………………22
2.2.4 绘制矩形……23
2.2.5 绘制圆弧……24
2.2.6 绘制贝塞尔曲线…25
2.2.7 线条属性……27
2.2.8 线条颜色…28
2.2.9 填充…… ……28
2.2.10 绘图状态…………31

2.3 图像API… …32

2.3.1 使用canvas 绘制图像
2.3.2 案例:放大镜…33
2.3.3 案例:帧动画实现 4
2.3.4 像素操作…………………36
2.3.5 案例:转换灰度图7
2.3.6 案例:浮雕效果……39

2.4 坐标变换………… …………40

2.5 绘制文2

2.6 其他全局属性

2.7 案例:《你画我猜》…5

2.7.1 UI界面设计……5
2.7.2 定义画板对象…………47
2.7.3 初始化画笔选项区………47
2.7.4 实现画板绘制………………49
2.7.5 整合代码……50

2.8 小结… …54

第3章多媒体元素… ………… …55

3.1 多媒体基本知识 … …55

3.1.1 多媒体容器…….…………55
3.1.2 音视频解码器………56

3.2 使用多媒体元素……………57

3.2.1 属性…………… …58
3.2.2 方法…… … …59
3.2.3 事件…… … …60
3.2.4 多媒体元素的限制…………61

3.3 案例:本地音乐播放器…

3.3.1 UI界面设计……61
3.3.2 创建Player对象2
3.3.3 添加本地文件…65
3.3.4 实现播放进度条…66
3.3.5 实现播放功能…67
3.3.6 整合代码68

3.4 音频处理高级技巧74

3.4.1 Web Audio API 简介 74
3.4.2 Audio 上下文…… 74
3.4.3 加载和播放音频 76
3.4.4 调节音频增益…77
3.4.5 混合多个音频……79
3.4.6 3D 音效 82
3.4.7 显示声音波形… 83

3.5 小结………………… ……86

第4章制作2D游戏引擎…87

4.1 理解游戏循环……………87

4.2 渲染引擎实现…8

4.2.1 游戏引擎介绍……8
4.2.2 建立游戏主循环框架……………89
4.2.3 控制游戏帧数2
4.2.4 游戏监听器………4
4.2.5 创建游戏主窗口…97
4.2.6 创建游戏精灵………104
4.2.7 案例:屏幕弹球……112
4.2.8 游戏精灵帧动画……115
4.2.9 加载游戏资源……131
4.2.10 游戏IO控制……142 6