23
COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Embed Size (px)

Citation preview

Page 1: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

COMP150 Game Design

LESSON #6: Digital Playtesting & Introduction to 2D and 3D

Art Asset Production

Page 2: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

TODAY:1. Digital Prototype Testing/Sharing.

2. Introduction to 2D Asset Production: Adobe Photoshop for Painting and Photo Manipulation

3. Introduction to 3D Asset Production: Autodesk Maya for basic 3D Object Modeling.

Page 3: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

DIGITAL PLAYTESTING

SET UP (10 minutes):1. Teams Choose Tables

2. Set up game digital prototype on 3 laptops.

3. Decide initial Observers (1-2) and Players.

4. Discuss: 1-3 points/instructions to share with visiting players? Write them down!

Page 4: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

DIGITAL PLAYTESTING

PLAYTEST ROUND #1 (20 minutes):1. Observers stay to manage playtest, Players

find other games to play.

2. If team chose 1-3 instructions, give them.

3. Players attempt to play prototype (5-10 min). Observers take notes!

4. Players fill out questionnaire (5 minutes).

5. Time permitting, discuss answers.

Page 5: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

DIGITAL PLAYTESTINGPLAYTEST ROUND #2 (20 minutes):

1. Switch roles: new Observers to stay and manage playtest, new Players find other games

to play.

2. If team chose 1-3 instructions, give them.

3. Players attempt to play prototype (5-10 min). Observers take notes!

4. Players fill out questionnaire (5 minutes).

5. Time permitting, discuss answers.

Page 6: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

DIGITAL PLAYTESTING

TEAM MEETING (20 minutes):1. Convene at your team table to discuss

observations and questionnaire answers.

2. Discuss Production goals for the next week (next top priority Backlog items, potentially

influenced by tester experience/ observations) and divide work equitably.

Page 7: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

PART 2: Digital Art Production1. Adobe Photoshop (monthly charge, available

in 122). Use a tablet (department has 15 Huon tablets/pens, also recommend Wacom Bamboo). 2 character sprites, background art, and VFX sprites: painting and photo manipulation. Also consider Sai or Gimp.

2. Autodesk Maya (free with .edu email at students.autodesk.com). Character, prop, environment modeling, surfacing, and animation.

Page 8: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Photoshop: 2D Art ProductionColor Scripts: Choose a Palette

Page 9: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Photoshop: 2D Art ProductionColor Scripts: Characters, Environment, VFX

Page 10: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Photoshop: 2D Art ProductionDrawing and Painting!

1. New file: 12”x12”, 72ppi

2. New Layer #1: [b] for brush, shrink with “[“, draw a quick/silly character.

3. Open 1_ColorScripts.PNG for color reference.

4. New Layer #2 (above): hold [Alt] to pick colors, paint 5-10 colors in a corner for a palette.

5. New Layer #3 (below): Paint Bucket fill with medium color. Paint skin and clothing colors, highlights and shadows with brush (make larger with “]”). Use 30% opacity with [Alt] color picking to blend.

Page 11: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Photoshop: 2D Art ProductionBlending Modes:

Change Saturation to Control Focus1. Open 2_DullPhoto.png.

2. [Ctrl]+[j] to duplicate layer.

3. Set Blending Mode to Overlay.

4. Set Opacity to 60%.

Page 12: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Photoshop: 2D Art ProductionPhoto Manipulation: Copy/Paste, Clone

Stamp, adjust Hue/Saturation, Edit/Transform

Page 13: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Maya: 3D Art Production: Interface

Page 14: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Maya: 3D Art Production: Interface

Page 15: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Maya: 3D Art Production: Channel Box

Page 16: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Maya: 3D Art Production: Modeling Tools

Page 17: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Maya: 3D Art Production: Hypershade #1

Page 18: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Maya: 3D Art Production: Hypershade #2

Page 19: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Maya: 3D Art Production: Hypershade #3

Page 20: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Maya: 3D Art Production: Book Case

Page 21: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Production Scheduling: Course Milestones

• Due Week 5: Paper Prototypes: “Fun”• Due Week 6: Digital Prototypes: “Quantity.”• Due Week 7: Full Playable Prototypes: “User Clarity.”• Due Week 9: Revised prototypes: “Fun.” • Due Week 12: Beta Complete: Art and Audio locked.• Due Week 14: Alpha Complete: Levels done, bugs

fixed.• Final Presentations: Playable Game and completed.

Marketing materials: Trailer, Website, Press Release, Icon, and Marketing Plan.

Page 22: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Due Next Week:HOMEWORK #6: Final Game, 2nd Digital Prototype TEAMS: 1. Divide Unity production work evenly (art can be

concepted, but stay as greybox for testing).2. Meet with your team at least twice to discuss

progress, solve problems, and consolidate build.3. Test clarity with at least two new players.4. Submit second digital build to class next week.Individually: Progress Report #2: Submit typed page: What you agreed to produce, what you accomplished, self-evaluation/related screenshots.

Page 23: COMP150 Game Design LESSON #6: Digital Playtesting & Introduction to 2D and 3D Art Asset Production

Have an Outstanding Week!

And don’t forget to email us with questions:

Instructor: JASON [email protected]

Available an hour after class and daily email.

TA: MIKE [email protected]

Lab hours: Wednesdays 4:30-5:45