國語(繁體)
登入

用程式碼創造藝術!發現 Javascript 之美 [數位藝術 + 動畫]

班級
玩
Terry D [Code & Art, JavaScript, M.Ed]
平均評分:
5.0
評論數量:
(41)
在這個為期 8 週的課程中,學習者編寫程式碼來創造美麗的生成藝術 - 神奇地改變自己的動畫設計!我們還將探索空間、色彩、互動和其他使數位藝術閃閃發光的視覺設計理念。
我們無法翻譯此文,請刷新頁面並再試一次。

課堂經歷

英語程度 - A2
美國等級 6 - 8
Beginner 等級
8 lessons//8 Weeks
 Week 1
Lesson 1
Shape
Learners log into our coding website (https://openprocessing.org) and explore the collaborative coding screen. Then they learn p5.js JavaScript commands that draw basic shapes like ellipses and rectangles. Learners also explore the coordinate plane and use it to position shapes where they wish. Exercise #1 (15 minutes) Learners pick two adjectives like "sharp" and "wet." They use black-and-white shapes to illustrate those ideas.
 Week 2
Lesson 2
Color and Random Variation – Exploration
Learners explore a color model called "hue, saturation, and brightness" which expresses colors as a series of 3 numbers. Learners also explore ways to vary color and shape randomly. By applying randomness thoughtfully, learners create eye-catching art that looks different each time it appears. Exercise #2 (15 minutes) Learners make something completely random.
 Week 3
Lesson 3
Color and Random Variation – Project
Learners view the work of artists Mark Rothko, Damien Hirst, Sam Gilliam, and Barnett Newsman. We discuss how these artists play with the contrast between randomness and consistency in their art. Project #1 (45 minutes) Using ideas of shape, color, and randomness, learners make their own project in the spirit of one of the artists we discussed. At the end of class, learners can share projects if they wish.
 Week 4
Lesson 4
Progression Through Time and Space – Exploration
Learners use variables to change the color, position, and size of shapes progressively over time. They also learn how to use commands like "if" to change projects when specific conditions are met (for example, if a shape touches bottom, the animation ends). Exercise #3 (15 minutes) Learners change one characteristic of a shape, like its sideways position, progressively over time.
 Week 5
Lesson 5
Progression Through Time and Space – Project
Learners view several exemplary, carefully-curated animations in p5.js JavaScript that change color, shape, size, or position progressively over time. They discuss what kinds of changes they find appealing. Project #2 (45 minutes) Using ideas of progression over time, learners create a meditation app, a fish tank, an abstract grid, or other project of their own design. At the end of class, learners can share projects if they wish.
 Week 6
Lesson 6
Interaction – Exploration
Learners view several exemplary, carefully-curated animations in p5.js JavaScript that change when you press the mouse button or keys. At the same time, learners also explore visual reflection – shapes that move or change in ways that oppose one another. Exercise #4 (15 minutes) Learners make a project where shapes change in simple ways when you touch them or press a key. For example, they make 2 shapes that jump apart when you press 'j.'
 Week 7
Lesson 7
Interaction – Project
Project #3 (55 minutes) Using ideas of interaction and reflection as well all previous skills, learners create a kaleidoscope, digital paint brushes that produce special visual effects, digital faces that can be changed by touching them, or other projects of their own design. At the end of class, learners can share projects if they wish.
 Week 8
Lesson 8
Finish Projects and Share
If learners wish, they can continue to work on previous projects. Alternatively, learners can collaborate to create an interactive poster for our class using all the skills we studied.
  • Students will learn basic JavaScript coding skills and how they can be used to express visual design ideas like random variation, progression through time, and interaction.
17 years of experience teaching JavaScript, Python, Scratch, HTML, 3D websites, 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. And, most of all, great love, patience, and respect for the many different ways that students learn and the gifts they each bring to the classroom!
0 - 1 每週課外時間
Projects
頻率: 3-6 throughout the class
回饋: 包括
細節: Students will develop several projects that explore basic coding skills – creating shapes and color, using variables to create animation, and using "if" commands to make animations behave in different ways over time. In addition, students learn how code can express visual design themes including shape, color and random variation, progression through space and time, and interaction.
等級
頻率: 3-6 throughout the class
細節: Assessment is done informally for the 3 major class projects. Written feedback is provided via a learner note.
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.
No prerequisites.
除了 Outschool 教室外,本課程也使用:
Students will create a login and join a coding group at Open Processing, where their class will write code collaboratively and see the resulting animations. Student logins at Open Processing include many safety features. For example, no personal information is collected, 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 "Restricted Student Accounts" at 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 is not appropriate for iPads or phones. 
已加入 August, 2022
5.0
41評論
教師檔案
教師專業知識和證書
Hello! My name is Terry, and I'm glad to meet you! In my classes, learners create art, games, and stories by writing computer code. 

My students learn by tinkering – by exploring and changing starter code to see what happens, always working in... 

評論

團體課

US$23

每週或US$184 用於 8 課程
每週上課 x 1 次, 8 週
55 分鐘

即時視訊會議
年齡: 11-14
2-4 每班學員人數

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