If you're seeing this message, it means we're having trouble loading external resources on our website.

如果你被网页过滤器挡住,请确保域名*.kastatic.org 和 *.kasandbox.org 没有被阻止.

主要内容

单元：JS 入门： 绘图 & 动画

编程简介

如果您是新人，请观看我们的介绍视频，并简要了解我们的编程课程。 然后开始编码！

学习

绘图基础知识

我们将向您展示编程的基础知识以及如何用程序绘制图形。

学习

着色

我们将向您展示如何对形状进行着色和处理轮廓！

学习

变量

我们将介绍如何使用变量来保存值、 动画显示您的图纸等等。

学习

练习

动画基础知识

学习如何动化您的图纸。

学习

交互程序

了解如何制作基于鼠标位置绘制形状的程序，如绘图应用程序。

学习

更多：用变量调整大小

了解如何使用变量表达式调整绘图中某些部分相对于其他部分的大小。(这涉及较多数学知识，所以如果对分数掌握得还不够好，你可以跳过这一内容。）

学习

练习

文本和字符串

了解如何在画布上显示文本、 调整大小、 上色，以及进行动画处理等。

学习

函数

将你的代码分组放在函数中来进行多次调用，用这些函数来接受和回传计算结果。

学习

逻辑和 if 语句

教您的程序做出决定 ！

学习

调试程序

如何知道你的代码有什么问题？学习调试程序的技巧和窍门。

学习

循环

想让程序多次重复做一件事？循环功能将帮助您。

学习

练习

编写干净的代码

学习如何通过很好地使用缩进、间距、命名和注释等技术，来编写出易于阅读和理解的 JavaScript 代码。

学习

  • 这一课没有视频或文章

练习

数组

在数组中存储多个变量 ！

学习

对象

了解如何将复杂的数据存储在对象中。

学习

面向对象设计

如何在 JavaScript 中使用的面向对象概念使更加可重用的代码。

学习

成为一个更好的程序员

现在您已入门编程来，学习一些提高您的效率的技术帮助你写出更漂亮的代码。

学习

关于本单元

了解如何使用 JavaScript 语言和 ProcessingJS 库来创建有趣的绘图和动画。