|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/learn-creative-coding-with-vanilla-javascript/
课程评论:没有评论
**课程名称:** 学用原生 JavaScript 进行创意编程 (Learn Creative Coding with Vanilla JavaScript) **课程概述:** 本课程将带您从绘制单线条到复杂的随机分形形状,并通过将其转化为粒子系统,创造出“分型雨”效果。所有内容均使用纯 HTML、CSS 和原生 JavaScript 完成,无需任何框架或库。课程将深入讲解 HTML Canvas 的绘图技术,并循序渐进地确保您理解其工作原理。 课程将 generative art(生成艺术)的概念引入,其中艺术家创造一个过程,该过程在一定自主性下被启动,最终形成一件完整的艺术品。这可以被视为人机协作。在本课程中,您将扮演艺术家,而 HTML、CSS 和 JavaScript 将成为您的机器。您将有机会创作独特的艺术作品,同时提升前端 Web 开发技能。讲师将详细解释每一行代码。 **课程项目:** 分型雨 (Fractal Rain) **技能水平:** 初级到中级 **主要学习内容:** 1. **面向对象编程:** 类 (Classes)、构造函数 (Constructors)、封装 (Encapsulation)、抽象 (Abstraction) 2. **HTML Canvas:** 使用 `translate`、`scale`、`rotate` 改变状态,绘制图形,Web 动画。 3. **原生 JavaScript 深度学习:** 不使用任何框架或库。 **课程目标受众:** 本课程并非为从未接触过编程的初学者设计。但如果您已掌握 HTML、CSS 和 JavaScript 的基础知识,欢迎加入,共同学习如何利用机器创造出独特而美丽的作品。 祝您学习愉快!
Discover creative coding and go from drawing a single line all the way to complex randomised fractal shapes. Then turn it into a particle system to create 'fractal rain' effect. All of that with just plain HTML, CSS and vanilla JavaScript, no frameworks and no libraries. Today we deep dive into HTML canvas drawing techniques and take it step by step to make sure we understand how everything works.In Generative art the artist creates a process which is then set into motion with some degree of autonomy resulting in a completed artwork. I like to think about it as a human machine collaboration. Today we are the artists and HTML, CSS and JavaScript is the machine. Make your unique piece of art with me and practice your front end web development skills in the process. I will explain every line of code in detail as we go along. Class project: Fractal RainSkill level: Beginner to IntermediateTopics: 1) Object oriented programming - Classes, constructors, encapsulation, abstraction2) HTML canvas - changing state with translate, scale, rotate, drawing shapes, web animation.3) Deep learning with vanilla JavaScript, no frameworks, no librariesThis class is not for complete beginners, but if you already know at least the basics of HTML CSS and JavaScript come join me and let me show you how to make the machine help us to create something unique and beautiful. Have fun!