한국어
로그인
코드로 예술 작품을 만들어보세요! Javascript의 아름다움을 발견하세요 [디지털 아트 + 애니메이션]
보고계신 지문은 자동 번역 되었습니다
수업 소개
영어레벨 - A2
미국 6 - 8 학년
레벨 Beginner
Learners embark on a 8-week journey into the beauty and fun of generative art – animated drawings that change themselves every time they're viewed. We create art by writing code in a language called p5.js JavaScript, made just for artists. We'll spark creativity by investigating visual design ideas like shape, color, random variation, and interaction. This class welcomes learners who love drawing, color, and animation. No previous experience with coding is necessary! Learners work...
8 lessons//8 Weeks
Week 1Lesson 1ShapeLearners 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 2Lesson 2Color and Random Variation – ExplorationLearners 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 3Lesson 3Color and Random Variation – ProjectLearners 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 4Lesson 4Progression Through Time and Space – ExplorationLearners 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 5Lesson 5Progression Through Time and Space – ProjectLearners 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 6Lesson 6Interaction – ExplorationLearners 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 7Lesson 7Interaction – ProjectProject #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 8Lesson 8Finish Projects and ShareIf 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.
이 수업에서는 아웃스쿨 교실 외에도 다음의 툴을 사용합니다:
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.
리뷰
그룹 수업
매주
₩100
또는 8 회 수업에₩1848주 동안 주당 1회
55분
실시간 화상 수업
연령: 11-14
수업당 학습자 2-4 명