|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/desarrolla-juegos-html5-con-canvas/
课程评论：没有评论
**课程名称：** 使用 HTML5 Canvas 开发游戏 **课程概述：** 本课程旨在教授学员如何利用 HTML5 Canvas 这一强大工具，结合 JavaScript 语言，实现丰富的网页互动内容，尤其侧重于游戏开发。Canvas 提供了处理图像、创建滤镜、管理文本、绘制图形以及实现动画等多种功能。 **核心学习内容：** * **Canvas 基础：** 了解 Canvas 标签的基本用法。 * **基本图形绘制：** 学习绘制线条、矩形、二次贝塞尔曲线、三次贝塞尔曲线、弧形和圆形。 * **样式与效果：** 掌握线性渐变、径向渐变、使用图像作为填充模式以及添加阴影效果。 * **图像处理：** 学习加载图像并应用各种滤镜和特效，例如水平翻转。 * **实例应用：** * 首先，将创建一个 Canvas 绘图应用程序，让学员亲手实践绘制功能。 * 随后，将开发一个图像加载和处理应用程序，应用之前学到的滤镜和特效。 * 最终目标是能够利用 Canvas 开发具有吸引力的游戏。 **课程亮点：** * **跨平台兼容性：** 通过 Canvas 开发的应用可在各类移动设备上无缝运行，包括 iPhone 和 iPad。 * **实用技能：** 掌握 Canvas 及其相关 JavaScript 技巧，为前端游戏开发打下坚实基础。 * **实践导向：** 课程包含实际的应用程序开发环节，帮助学员巩固和应用所学知识。
El CANVAS de HTML5 es una poderosa herramienta que nos permitirá, entre otras cosas, procesar imágenes, crear filtros, manejar textos, dibujar, realizar animaciones, todo por medio del lenguaje JavaScript. Con el canvas de HTML5, tus aplicaciones se podrán visualizar en cualquier dispositivo móvil, incluso en el iPhone y iPad! Aprenderemos desde hacer una etiqueta muy básica, hacer líneas, rectángulos y curvas Bézier, tanto cúbicas como cuadráticas, arcos y círculos. Revisaremos la forma de hacer gradientes lineales y radiales, cargar patrones de imágenes y hacer sombras.Antes de hacer juegos, realizaremos una aplicación para dibujar en canvas y otra para cargar imágenes y aplicar filtros y efectos como el flip horizontal.
