日本語
ログイン

コードでアートを作ろう!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... 

レビュー

グループクラス

¥100

毎週または¥184 8 クラス分
週に1回、 8 週間
55 分

オンラインライブ授業
年齢: 11-14
クラス人数: 2 人-4 人

About
サポート
安全性についてプライバシーCAでのプライバシー保護学習者のプライバシー利用規約
アプリを入手
App StoreでダウンロードGoogle Playで入手する
© 2024 Outschool