创意编码: 用JavaScript制作视觉效果 | Creative Coding: Making Visuals with JavaScript

Creative Coding: Making Visuals with JavaScript

学习编程的基础知识,发现如何使用代码开发、绘制和动画视觉效果和文本

尝试创造性的编码永远不会无聊——总有一些东西要探索,新技术要学习,或者新图像要创建。对于创意编码员 Bruno Imbrizi 来说,这是一个将他的兴趣与动态图形和视觉与编程相结合的机会。他曾为戴尔、阿迪达斯和环球音乐等小型机构和知名品牌工作。

在本课程中,Bruno 分享了他的专业知识,以帮助您使用代码创建引人入胜的视觉效果。探索编程的基础知识并学习如何使用 JavaScript 中的创造性编码进行绘图。

您将在此在线课程中学到什么?

首先了解创意编码员 Bruno Imbrizi。他讲述了他作为平面设计师的早期职业生涯,以及他如何将其与他对编码的兴趣结合起来。然后,他讨论了他喜欢使用的平台及其原因,以及影响他工作的人。

探索编码的基础知识。在概述变量、函数、数组和循环等编程概念之前,Bruno 会教您如何设置主要工具。然后他演示了如何在开始绘制草图之前改进您的设置。

使用不同的画布变换创建新的数字草图。然后学习如何使用三角学将形状分布在一个圆圈周围。了解如何缩放草图并了解如何使用实用功能来促进您的下一个设计。通过绘制弧线并使用不同的参数值来完成草图。

使用在画布上移动的代理设计动画草图。在了解如何将动画导出为可以在线共享的视频文件之前,了解如何根据它们之间的接近程度在它们之间画线。

重新审视您的网格并学习使其更加灵活和高效。然后使用噪声发生器来增强它。创建一个小型控制面板,让您可以实时更新您的草图。

最后,了解如何在您的作品中使用文本。Bruno 向您展示了如何绘制、测量它并设置字体属性,然后再解释如何使用键盘触摸来更新您的字母。通过学习如何阅读颜色值并对最终草图进行最后的润色来结束课程。

本课程的项目是什么?

设计一系列可以使用代码在 Web 浏览器上实现的创意视觉组合。

声明:本站所有资源、素材等全部来源于互联网,赞助VIP仅用于对IT资源服务器带宽等费用支出做支持,从本站下载资源,说明你已同意本条款。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
TheItzy » 创意编码: 用JavaScript制作视觉效果 | Creative Coding: Making Visuals with JavaScript