文件名称：HTML5 Canvas基础教程源码
文件大小：28.69MB
文件格式：ZIP
更新时间：2020-11-19 09:54:42
h5 Canvas
《HTML5 Canvas基础教程》从HTML5和JavaScript(以及jQuery)的基础知识讲起，全面介绍了HTML5 Canvas的各种特性，包括渲染上下文、坐标系统、绘制图形、保存和恢复画布状态，以及变形、合成、处理图像和视频等，让读者对Canvas建立起完整的认识。随后讨论了动画循环、记忆形状、模拟运动、碰撞检测等基本而又重要的概念，带领读者温习了必要的数学和物理知识。通过带领读者动手开发“太空保龄球”和“躲避小行星”这两款小游戏，让读者掌握开发游戏的基本流程，学会响应用户操作、创造虚拟环境、循环利用对象、设计计分系统等游戏开发必备的知识。 《HTML5 Canvas基础教程》适合各层次Web设计及开发人员阅读。
【文件预览】：
Chapter 2
----The DOM.html(864B)
----Adding JavaScript.html(505B)
Chapter 8
----game.css(1KB)
----index.html(1KB)
----game.js(10KB)
Chapter 7
----Animating with physics.html(603B)
----asteroids.js(5KB)
----.DS_Store(6KB)
----canvas.css(237B)
Chapter 6
----Remembering shapes to be drawn.html(3KB)
----Bouncing objects off a boundary.html(3KB)
----Building an animation loop.html(2KB)
----Making things move.html(3KB)
Chapter 1
----Basic HTML5 Page.html(2KB)
Chapter 9
----game.css(1KB)
----index.html(1KB)
----.DS_Store(6KB)
----game.js(7KB)
----sounds()
--------background.mp3(430KB)
--------death.ogg(324KB)
--------death.mp3(119KB)
--------background.ogg(955KB)
--------thrust.ogg(96KB)
--------thrust.mp3(158KB)
Chapter 5
----Saving an image.html(2KB)
----example.jpg(397KB)
----Transforming images.html(2KB)
----Resizing and cropping images.html(1KB)
----example.ogg(11.43MB)
----Accessing pixel values.html(2KB)
----.DS_Store(6KB)
----Manipulating video.html(3KB)
----Loading an image.html(752B)
----Creating an image from scratch.html(3KB)
----example.mp4(14.85MB)
----Applying basic effects to an image.html(4KB)
Chapter 3
----Making canvas fill the browser window.html(875B)
----Adding text.html(714B)
----Drawing Basic Shapes.html(1KB)
----Erasing the canvas.html(929B)
----Changing Colour and Style.html(1KB)
----canvas.css(97B)
----2D Rendering Context.html(573B)
Chapter 4
----Gradients.html(1KB)
----Exporting the canvas.html(995B)
----Transformations.html(2KB)
----Complex paths.html(1KB)
----Compositing.html(1020B)
----.DS_Store(6KB)
----Shadows.html(1KB)
----Saving and restoring state.html(1013B)