한국어
로그인

코드로 예술 작품을 만들어보세요! Javascript의 아름다움을 발견하세요 [디지털 아트 + 애니메이션]

수업
Play
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.
이 수업에서는 아웃스쿨 교실 외에도 다음의 툴을 사용합니다:
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

또는 8 회 수업에₩184
8주 동안 주당 1회
55분

실시간 화상 수업
연령: 11-14
수업당 학습자 2-4 명

아웃스쿨 소개
고객 지원
안전 정책개인 정보CA 개인 정보어린이 개인정보이용 약관
아웃스쿨 홈페이지
앱 다운로드
앱 스토어에서 다운로드Google Play에서 다운로드
© 2024 아웃스쿨