Class Hours: 9:40 – 2:05
9:40 Attendance and Article
9:45 Responsive Web Step by Step
To make sure everyone is comfortable with foundational ideas of Responsive Web Design, we are going to all do a step by step with Emma’s site to we can all get hands on practice – and we ALL will have the same issues to learn from.
10:25 Mask Break (10 Minutes)
- We are going to take a 10 minute break (seat to seat) outside to take our masks off and get some fresh air.
- Plan on having a jacket, shoes to walk on grass, and potentially even an umbrella. You could even leave the umbrella on the floor at your station for the year if interested.
10:35 Intro to CAWD Clicker / Idle game
This morning we are going to start creating a web based clicker / idle game. The premise of this game mechanic is:
- Click for points
- Use these points to buy “click helpers” – both click multipliers and idle clickers so even when you are idle you get clicks (cookies, gems, whatever)
This will practice Web Design skills through:
- HTML – structure
- CSS – presentation
Today we will start with some basics – this will be a multi week project we keep chunking through week by week. Very hands on, we will break code, we will read errors, we will fix code, and you will be able to put your own personal spin on it through the “skin” – your art and your CSS – which we start pre-production of in DH26.
11:25 Blender Secrets
As part of our 2nd semester coursework we are going do a Day 2 Blender Secret. At this point in your career you have enough knowledge to be dangerous, and also to learn on your own. These “Blender Secrets” are ways to watch another professional work, get some inspiration, etc. The same idea can be applied to Photoshop Secrets, Illustrator Secrets, Cooking secrets – anything.
Learning how to learn is the most important skill I can help you improve– so its time you start practicing picking up content from industry sources.
11:30 Web Designer Certification Exam Prep
Just like we prep for the SAT’s, or ACT’s, or WorkKeys, we are going to practice for our Web Designer certification exam.
This is important as the exam is multiple choice! This is excellent in many ways, but also means that we have to start working in that multiple choice medium.
11:45 Lunch (30 Minutes)
12:15 Wipe Down / Clean Stations
12:20 CAWD Week 26 Homework
CAWD Project: Parents Pet vs. Livin’ the Dream
In our CAWD project this week I want you to create a website similar to our diametrically opposed website from yesterday except with a topic that I assign you: Parents Pet vs. Livin’ the Dream. How does your family want you to live? How do you want to live? We will setup in a project that practices Responsive Web Design that we started this week.
This isn’t a super serious indictment of or families, there is obvious overlap, but it will be something fun that practices what we are learning. Take it as far as you want to.
Parents Pet (Breakpoint of 800 pixels and larger):
- Image – how your parents want you to live your life – what would the visual be? Size up to you.
- Heading – “Parents Pet” using a Google hosted display font that is calm, serious, academic, responsible.
- Paragraph – 5 sentences in a single paragraph. How do your parents want you to live your life?
- Black and white color scheme through CSS – devoid of “life” and “creativity”.
Livin’ the Dream (Breakpoint of 799 pixels and smaller):
- Image – how YOU want you to live your life – what would the visual be? Size 100% width.
- Heading – “Livin’ the Dream” using a Google hosted display font that matches the energetic vibe of high school aged / college aged / young adults.
- Paragraph – 5 sentences in a single paragraph. How do YOU want you to live your life?
- Vibrant color scheme through CSS – youth, life, energy, optimism.
No horizontal scroll bar!
Put all work in project called “life” inside of “week_26” as a single html file called “index.html” so it auto loads.
We will start this project now in class.
Student Agency Project
Using your newly learned skills create anything you wish.
Save and upload your work as “(lastname)Agency.jpg” and upload to your “week_26” folder. Example:
Design Homework 26: Concept Art for Clicker / Idle game
As we move into our Clicker / Idle game development we need you to star thinking of the artwork and “skin” we will overlay on our game.
Take the next page of your sketchbook and create your game concept. Are you clicking to collect “gems”, “cookies”, “points”, “dates”, “horsepower”, “pieces of firewood”, etc. What is your game name? What are some examples that you could “buy” to create idle clicks, such as an “oven” for cookie clicker, or a “turbo” for horsepower, or a “wood splitter” for firewood.
Create text and visuals that outline:
- Game Title
- What you click the mouse, what are you doing? Chopping firewood, adding horsepower, baking a cookie?
- What would you click on to start the game? Initially click on the cookie? Click on a piece of wood? Click on an engine?
- What is an example of two upgrades:
- Level 1 – Not time based – but a click multiplier – what does it do? How often? Sketch the visual.
- Level 2 – Time based idle clicker – what does it do? How often? Sketch the visual.
Take image of your sketch saved as “(lastName)DH26.jpg” and upload “week_26” folder. Example: