通过实践创意编码,掌握原生JavaScript和HTML Canvas


- 视频格式:MP4 | 视频编码:h264,分辨率1920×1080 | 音频编码:AAC,采样率44.1 KHz,双声道
- 难度级别:初学者 | 类别:电子学习 | 语言:英语 | 时长:38讲(2小时13分钟) | 大小:2.83 GB
- 课程简介:通过实践创意编码,掌握原生JavaScript和HTML Canvas。
- 学习内容:
  - 理解原生JavaScript如何在HTML Canvas上绘制和动画图形
  - 控制颜色、渐变、阴影以实现高级视觉效果
  - 将代码转化为可重用的创意工具和生成器
  - 自信地阅读、调整和实验过程艺术算法
- 前置要求:
  - 对JavaScript语法有基本了解
  - 能够访问Web浏览器
  - 简单的代码编辑器
- 课程描述:在本课程中,我们不会有所保留,而是将完全投入到疯狂的实验模式中。在这场实践编码冒险中,利用原生JavaScript和HTML Canvas释放你的创造力!从简单的分形开始,然后对其进行扭曲、拆解和改造,将它们变成蝴蝶、飞蛾和蝙蝠。所有这些都是完全程序化的,完全由你掌控。
- 你将创建:
  - 随机分形生成器:混合颜色和形状,观察意想不到的图案出现。
  - 魔法蝴蝶生成器:添加火花、电流、毛发、符文和其他绘制模式,打造独特的视觉效果。
  - 电影风格渲染图
  - 变异蝙蝠:深红色光晕、血管、卷须和孢子。看看当魔法出错时会发生什么。
  - 生物发光外星飞蛾:精致的翅膀薄膜、发光点、保护性鳞片。捕捉未被探索的外星生命之美。
- 课程特色:以有趣的方式学习编码!发现HTML Canvas如何绘制形状、像素和路径的工作原理,以及原生JavaScript在幕后的实际运行方式。不使用任何框架或库,因为真正的巫师和女巫都了解他们的咒语实际上是如何构成的。通过参与能产生即时视觉反馈的项目,你将更快地掌握编码概念,实时看到代码中的变化如何影响输出,并增强对编程技能的信心。
- 课程成果:课程结束时,你将拥有自己的程序化生物生成器和分形生成器,深入理解原生JavaScript和Canvas如何协同工作,并具备创建迷人交互式艺术的技能。调整参数、探索形状,进行自己的实验!将你最喜欢的渲染图保存为PNG格式,与朋友或在你的作品集分享你的创作。加入课程,一起编码,发现新的编码技术和视觉艺术的维度。

以下内容为付费内容,请购买后观看

App下载
技术邻APP
工程师必备
  • 项目客服
  • 培训客服
  • 平台客服

TOP

1