Embedded Files
Schedule
Schedule
9:00 am - 9:50 am Camp introduction/preparation
9:50 am - 10:00 am Break
10:00 am - 10:50 am SVG module 1
10:50 am - 11:00 am Break
11:00 am - 11:45 am SVG exercise/mini project
11:45 am - 12:15 pm Lunch/Recess
12:15 pm - 3:00 pm Afternoon activities (led by camp assistant)
Computer for art and graphics
2D graphics
3D models https://codepen.io/collection/mrpQNL
Animation https://codepen.io/rogie11/pen/NWRqpPb
Multimedia (movie)
Interactive media (game) https://codepen.io/rogie11/pen/JjrNGLp
Tools
Drawing tools: https://www.pixilart.com/draw or https://pixlr.com/x/
Coding/Programming
Coding for web graphics/media
HTML/CSS/JavaScript
CSS art https://codepen.io/tag/css-art and https://www.youtube.com/@CodingArtist/
SVG art https://freesvg.org
Canvas
What are we doing in this camp? - SVG Art!
Everything in this 100 second video https://www.youtube.com/watch?v=emFMHH2Bfvo
We will create something like https://codepen.io/collection/ANJWVd
Resource
See homepage
Get CodePen ready - need an account https://codepen.io
Today's Mini Project
Today's Mini Project
Create some simple art work using straight lines and simple shapes.
A simple ladybug
Or
A snowman
SVG Module 1
SVG Module 1
Code examples on CodePen https://codepen.io/collection/kNjopM
SVG canvas and position (coordinates)
Straight lines and basic shapes (rectangle, square, circle, eclipse)
Stroke (shape border) and fill (area color)
Layers
Lab Exercise
Lab Exercise
Logo of Target or Toyota
Peace symbol https://www.bethelwoodscenter.org/blog/the-peace-symbol-woodstock-history
Flag of France, Sweden, and Greece
Break Info
Break Info
Georgia Student Technology Competition (Annual) https://www.gastc.org
Afternoon Activities
Afternoon Activities
Continue to finish at least one mini project and then go on to the "Challenge of the Day" and "Design of the Day".
Showcase your work the next day!
Design of the Day
Design of the Day
Design and create a simple robot using what we learned today.
You can find a partner to do it together.
The robot can be funny, weird, powerful, or just silly. Open your mind and be imaginative.
Challenge of the Day
Challenge of the Day
It's very popular to create Doraemon's head using CSS - see https://www.youtube.com/watch?v=tKIPNbs8glc - can you use what you learned about SVG today to create a similar one?
If you have more time, create something you like. What else can you create? Be creative.
Page updated
Google Sites
Report abuse