|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/kurs-canvas-w-html-i-javascript/
课程评论：没有评论
**课程名称：** HTML 和 JavaScript 中的 Canvas **课程概述：** 本课程将深入探讨 HTML5 中的 Canvas 元素，它允许使用 JavaScript 绘制任意形状、编辑图像、创建动画、制作动态游戏和信息图表。Canvas 是 HTML5 的一项重要功能，无需安装额外的浏览器插件（如 Flash Player）即可运行，并得到主流浏览器的广泛支持。 通过本课程，您将： * 了解 Canvas 的强大功能及其在 Web 应用中的应用。 * 学习如何利用 Canvas 创建一个简单的浏览器游戏。 * 掌握 Canvas 的重要变量、方法和参数。 * 学习如何使用 JavaScript 为 Canvas 元素添加事件处理。 * 学会为静态元素添加动画效果。 **课程重点：** 课程将以经典游戏“贪吃蛇”为例，逐步教授 Canvas 的核心概念和实现技巧，帮助您理解如何构建互动式 Web 内容。您将学习如何控制蛇的移动、增长以及处理游戏中的随机元素。 **目标听众：** 对 Web 开发、HTML5 和 JavaScript 感兴趣的学习者。 **为何学习 Canvas？** Canvas 是 HTML5 的一项杰出功能，为创建引人入胜的 Web 应用和游戏提供了无限可能。通过本课程，您将掌握这项宝贵的技能，为您的 Web 开发能力增添亮点。
Canvas czyli inaczej płótno został wprowadzony do Htmla jako element, dzięki któremu można przy pomocy Java Scriptu rysować dowolne kształty. Jednak to nie wszystko co potrafi, ponieważ umożliwia również edytowanie obrazów, tworzenie animacji, ruchomych gier czy infografik. Element ten został wprowadzony wraz z wersją HTML5 i do tego czasu jest chętnie wykorzystywany w aplikacjach. Dzięki niemu aplikacja czy gra może działać bez konieczności instalacji dodatkowych wtyczek w przeglądarce np. przestarzałego Flash Playera. Obsługuje go większość współczesnych przeglądarek, takich jak Chrome, Firefox, Safari, Opera, IE. W kursie przekonasz się, do czego zdolny jest canvas i jak możesz z niego korzystać tworząc prostą grę przeglądarkową.Poznasz ciekawą funkcję CanvasPrzypiszesz poszczególne funkcje do klawiszyPoznasz ważne zmienne, metody oraz parametryDowiesz się jak tworzyć zdarzeniaZanimujesz statyczne elementyPierwsza gra - snakeCanvas to jedna z najlepszych funkcji HTML5, dzięki której możesz tworzyć świetne aplikacje. Na potrzeby kursu wykorzystamy przykład gry, którą znają chyba wszyscy. Na pewno większość z Was grała na starych telefonach komórkowych w popularnego Snake czyli węża. Początkowo na ekranie pojawia się mały wąż. Gracze mogą zmieniać kierunek węża za pomocą strzałek, aby poruszać się w górę, w dół, w lewo i w prawo. Długość węża wzrasta po zjedzeniu losowo pojawiającego się na planszy kwadracika. Gra jest idealnym przykładem, żeby poznać najważniejsze funkcje canvas.
