html5 canvas基础与动画开发详解-吴华-专题视频课程

html5 canvas基础与动画开发详解—533人已学习
课程介绍    

    一、本课程几乎包括所有canvas常用的api用法讲解 二、包括以下案例应用： 1、坐标系绘制 2、图片裁剪与填充 3、requestAnimationFrame详解 4、七巧板绘制 5、常见运动：匀速，变速，加速，抛物线，摩擦力运动 6、边界判断与喷泉，散弹模拟效果 7、跟随鼠标而动的炫彩小球 8、下雪特效 9、色彩处理 10、运动的边界判断，边界穿透，反弹等等
课程收益
    掌握html5 canvas api以及常见动画的制作
讲师介绍
    吴华 更多讲师课程
    7年php开发经验,国内某大型培训机构项目经理,曾授课程:php,ecshop二次开发,ThinkphpBootstrap商城,html,html5,css,css3,javascript,jquery微信接口开发Linux课程等
课程大纲
    1. 认识canvas  11:26
    2. 直线，矩形api与清空画布  25:59
    3. beginPath与closePath  11:59
    4. 弧度  15:55
    5. 七巧板实战  6:40
    6. 饼图的绘制  5:25
    7. arcTo用法与圆角矩形  7:55
    8. 1px像素与绘制坐标系  13:13
    9. 贝塞尔曲线  7:55
    10. 线条样式(lineWidth,setLineDash,lineCap,lineJoin)  13:19
    11. 文本样式  12:28
    12. 图片加载(drawImage)的多种用法  15:46
    13. clip裁剪图片与图形详解  15:47
    14. 保存状态与恢复状态的应用(save与restore)  7:56
    15. 像素处理(反色,黑白,亮度,复古,蒙版,透明)  15:46
    16. 线性，径向渐变与阴影  25:57
    17. requestAnimationFrame,setInterval,setTimeout实战进度条  17:18
    18. 封装基本的库-实时获取鼠标的当前坐标  15:14
    19. 匀速运动  13:02
    20. 加速运动  5:14
    21. 抛物线运动  5:43
    22. 自由落体运动  6:04
    23. 抛物线+自由落体合成运动  2:02
    24. 摩擦运动  2:11
    25. 运动的边界判断  6:32
    26. 运动边界穿透  4:58
    27. 散弹效果  8:40
    28. 模拟喷泉效果  4:55
    29. 单物体与多物体边界反弹  4:23
    30. 跟随鼠标移动消失的一堆炫彩小球  8:19
    31. 下雪效果  9:11
    32. 综合练习题-绘图工具与下雨效果  2:14
大家可以点击【 查看详情】查看我的课程