Outschool
開啟貨幣、時區和語言設置
登入

嘗試一下!用 P5js Javascript 程式碼創作藝術

在這個一次性課程中,學習者透過 p5.js(一種面向藝術家的 JavaScript)進行編碼,利用隨機形狀和顏色創建生動的電腦生成動畫。透過創造美麗的東西來體驗程式設計的樂趣!歡迎初學者。
Terry D [Code & Art, JavaScript, M.Ed]
平均評分:
5.0
評論數量:
(46)
班級
玩

包含什麼

1 現場會議
1 上課時間
我們無法翻譯此文,請刷新頁面並再試一次。

課堂經歷

英語程度 - A2
美國 5 - 8 年級
Beginner 等級
In this one-time class, learners get a quick look at the beauty and fun of making computer-generated art – the lovely patterns and shapes that computers create when we give them imaginative commands. Like many coding classes this one welcomes learners who love games, and it also welcomes learners who love design, color, and animation. No previous experience coding is necessary!

We'll focus on a few essential commands for color and shape. Learners begin by tinkering with teacher-provided code. In a guided exploration, they make changes to the code and notice what happens. Then they collaborate with classmates, comparing results and figuring out together how the code works. New concepts and commands are added in small steps, with plenty of concrete examples and time for invention. Gradually, students write commands independently. They finish the class by designing and coding their own project with randomly-generated shapes, sizes, and colors. 

Class sizes are small so that I can work with individual students, finding each student's strengths and proposing questions or challenges that build on them. In addition, I provide supplementary written or video materials for students who move a little faster than the class.

This class is intended both for students with no experience in text-based coding (writing commands instead of dragging blocks) and also for students who've written short scripts in Roblox or Minecraft or who have completed tutorials and video lessons online. However, for more advanced students who already write code independently in p5.js, JavaScript, or another language, please contact me to arrange a more appropriate learning experience.

學習目標

Learners explore JavaScript commands that display shapes and colors and that change them randomly.
學習目標

其他詳情

學習需求
To support a variety of learning styles, this class provides consistent structure with multiple communication strategies (written, verbal, and visual) as well as flexibility in content, pacing, learner participation and teaching approaches.
父母的引導和規範
During the class, students will create accounts at https://openprocessing.org/, where they will write code and see their animations. Student accounts include many safety features. No personal information is collected. Additionally, student profiles and projects are visible only to the teacher and classmates, and students are not allowed to comment or annotate projects outside their class. For a full description of these protections, see https://intercom.help/openprocessing/en/articles/5228489-student-account-types. This free code editor, funded by the Processing Foundation, works on Windows, Mac, Linux, and Chromebook computers but isn't appropriate for iPads or phones.
先決條件
No prerequisites.
外部資源
除了 Outschool 教室外,本課程也使用:
已加入 August, 2022
5.0
46評論
教師檔案
教師專業知識和證書
15 years of experience teaching JavaScript, Python, Scratch, web development, robotics, and artbotics to students from 8 - 15 years old in private, public, and after-school settings. Two masters degrees in education – from Harvard Graduate School of Education with a focus on technology and from Lesley University in mathematics education.

評論

一次性直播課程
分享

US$23

每班
單堂課
60 分鐘

有9 位學習者完成此課程
即時視訊會議
年齡: 9-14
1-4 每班學員人數

關於
支援
安全隱私加州隱私學習者隱私您的隱私選擇條款
下載這個軟體
在應用程式商店下載在 Google Play 上取得
© 2025 校外