CHARACTER DESIGN


Avatar Drawing.png

Prompt:

Create a unique character by answering fun prompts! First, invent a quirky backstory—maybe they come from a world where time runs backward. Next, describe their wild personality and appearance, like glowing hair or wings made of stardust. Finally, give them an over-the-top ability, like summoning pizza, and then draw them based on these details!

Instructions:

  1. Download the Template: Start by downloading the provided character design template.
  2. Fill Out the Template: Answer the questions in the template to flesh out your character’s details. The questions will cover various aspects such as:
    • Name: What is your character’s name?
    • Age: How old is your character?
    • Background: What is your character’s backstory?
    • Personality: What are the key traits of your character?
    • Appearance: How does your character look? (Include details like hair color, eye color, clothing, etc.)
    • Abilities: Does your character have any special skills or powers?
    • Goals and Motivations: What drives your character? What are their main goals?
    • Challenges: What obstacles or challenges do they face?

3.Draw Your Character: Based on the information you’ve filled out in the template, create a detailed drawing of your character.

Deliverables:

  • Scan of all your notes and sketches: Please provide a clear, legible scan of any notes and sketches.
  • Photo of the filled template: Submit a well-lit photo of the completed template (either as a digital file or a high-quality photo of a hand-drawn image).

Materials: 

    • Markers and papers
    • Printed Template attached in this post " Avatar Drawing"
    • Laptops / Ipads (optional)

AR/VR GAMES I 15 hrs

Introduction to Studio

1.5h


  • Studio Prompt 15min

  • Show Past Projects Examples 15min

  • Game Precedent 1h

Context 

1.45h


  • Brainstorm (1hr)
  • World Building (45min)
2D pixel drawing (optional)

45 min 

  • Character Building (45min)

Skill Lab 

1hr


  • Building Narratives (45min)
Feedback
1h

  • Mid-review & Feedback Synthesis


Digital Prototyping

2.5h


  • CoSpace: Building your Game (Part 1: Building)



High-Fidelity Prototyping

(optional if they have time)

2h



  • CoSpace: Coding your Game (Part 2: Mechanisms)

Optional: 
+ Design your own 3d models for your game

  • Model Assets in 3D  (45min)

Final Presentation Prep + Final Day

 2h

  • Demo Day

  • Presentation of slide deck and prototypes

Creating a Narrative

Year & subject.png

Purpose:

In this activity, you will learn about the essential elements that make up the plot for a game and apply this knowledge by storyboarding your game. By creating a storyboard, you will visually outline the scenes, gameplay elements, and narrative progression of your game.

Instructions:

A storyboard serves as a visual representation of the narrative and gameplay mechanics of a game. It outlines the sequence of events, key interactions, and visual details of each scene.

Create Your Storyboard: A storyboard should include the following components:

Deliverables:

  • Upload your storyboard to the 'Responses Tab' of this activity.

Materials:

Pen, Pencils, Colored Pencils, Paper

Time 45 min

3D Assets Creation

Dina Chehab

3d Assets

PROMPT

Create your list of assets and select around 3 that you would like to design using 3D digital modeling tools. Alternatively, explore online websites to find pre-existing 3D models that align with your sketches.

Instructions:

  1. Create your list of assets to decide which ones you want to model using 3D tools or source from online repositories.

  2. If you want to create original 3D models, ensure you have one of the following applications :MagicaVoxel/ Goxel / Minecraft(Cubical xyz)/Tinkercad/  Al the tutorials will be found in the above tabs. 

3.  Check the resources tab for tutorials on creating your 3D model and websites you can use for online existing models.

4.Once completed, save your model as .obj file (for minecraft it's different, tutorial on how to export from Minecraft in the "Minecraft" tab). If you're files are not obj use this website to convert them into .obj https://drububu.com/miscellaneous/voxelizer/?out=obj . Save your .obj folders and upload them to your platform for backup.


  1. Sourcing Online: For assets you prefer not to model yourself, explore online repositories like:
    • Thingiverse
    • Sketchfab
    • TurboSquid

Deliverables:

In the "responses tab":

  • Submit any sketches 
  • Export and Upload your final 3D models as .obj

World

 Building

world building (3).pdf

Prompt

Every great story or video game begins in the rich imagination of the creator. By considering all the elements of the world they will create, these creators can craft rich worlds that feel as real as the one you inhabit. Consider texts like Star Wars, Dune, Hunger Games, the Marvel Universe, Final Fantasy, and other works of sweeping science-fiction and fantasy that you love. How many elements did their creators have to consider to make the world rich and full? 

Now you are going to try your hand at building a world from your imagination. Your task in this studio is to create a hybrid world that combines fantastical elements from space (and sci-fi) and the world around you. Ultimately, you'll navigate this hybrid world through your phone. 

Instructions

1. Discussion

  • Visit the 'Resources' tab to access a brief slide deck that will guide you through this step.
  • Discuss with your teacher works of fantasy that you enjoy. What specific elements of that world are appealing to you? (e.g., the way inanimate objects like paintings, photographs and chocolate frogs come to life in Harry Potter)

2.Survey Fill

Start to imagine a world that combines your everyday life and elements of the other-worldly. Start describing your hybrid world based on the following prompts by filling the attached survey.

3. Sketching

Create a sketch of your world using any medium of your choice, whether it's traditional drawing tools like pencils and paper, or digital platforms such as tablets and design software.

Optional: You may create a moodboard using Canva or other editing software.

Deliverable

A post in the "responses tab" that includes: 

  • Scan/photo of your survey filled
  • Sketch of your world 

Time: 45min

Materials: 

    • Markers and papers
    • Printed Template attached in this post " World Building"
    • Laptops / Ipads (optional)

Minecraft 3D model Export

Mike Chaiban

CoSpace: Build Your World

Dina Chehab

CoSpaces

I

Prompt

It's time to design our games using CoSpaces! 

Instructions 

  1. Open CoSpaces and enter to the project created by your teacher
  2. Explore CoSpaces' features—you can create multiple scenes, environments, and mechanisms.
  3. Start building your game world in CoSpaces.
      • Start by looking over your storyboard and game plot & Identify the key scenes or environments that are central to your game.
      • Prioritize the most important scene or location to begin building. For example, where does the player start? What should they experience first?
      • Build one scene or environment at a time to keep things organized.
      • First: Focus on the layout and environment (e.g., terrain, buildings, obstacles).
      • Position and scale any static 3D models in the scene. Remember, these models won’t move but can be essential elements like buildings, trees, or decorative objects (you will build these yourself in 3d using another software later on!).
      • Position your characters in the world. Think about where the player will encounter them and how they fit into the environment.
  4. Play through the scene to ensure that everything is working as intended (Make sure models are properly placed and scaled, and interactions are functioning smoothly).

Deliverables

  • A first draft of your game in CoSpaces. You can view it in AR/VR through the CoSpaces mobile app. Simply sign in to access your game!

Materials:

  • CoSpaces account ( your teacher will support you)
  • Laptops
  • All your previous sketches 
  • Tutorials (available in the tutorial tab within the folder)

Time 4hrs

Create 3D using Goxel

Dina Chehab

3D model

Using

Goxel

You'll use the magic of voxels to transform your sketches into 3D model using Goxel designs.

Download here: https://goxel.xyz/download/

Instructions:

  1.  

     Introduction to Goxel Basics

    • Download and Open Goxel: Download Goxel for your operating system and open it. You’ll see a blank canvas with a toolbar on the left and a color palette at the bottom.
    • Navigation:
      • Rotate Camera: Click and hold the right mouse button and move the mouse.
      • Zoom In/Out: Scroll the mouse wheel.
      • Pan: Click and hold the middle mouse button.
    • Tools Overview:
      • Brush Tool: Add voxels to your model.
      • Eraser Tool: Remove voxels.
      • Move Tool: Move selected voxels.
    • Try Out: Start by selecting a color from the palette and clicking on the canvas to place voxels.
    • 2. Building Simple 3D Models

    • Adding Shapes: With the Brush tool, click on the canvas to start creating a shape. Hold down Shift to quickly add multiple voxels in a line.
    • Basic Shapes: Experiment by creating simple forms like cubes or stacks. Adjust the brush size using the toolbar to place larger or smaller voxels.
    • Stacking: Layer voxel blocks to create 3D shapes. For instance, start with a base layer and build upward to make a pyramid or cube.
    • Undo: If you make a mistake, use Ctrl + Z to undo your last action.
    • 3. Using Layers in Goxel

    • Open Layers Panel: On the right, you’ll see a layer section. Click “+” to add a new layer.
    • Organize Your Model: For example, create one layer for the body and another for the head if designing a character.
    • Moving Between Layers: Click on the layers to switch between them. Each layer can be shown, hidden, or merged, which is useful for organizing complex models.
    • Editing Layers: Select a layer and use the tools as usual. Only the selected layer will be affected.
    • 4. Advanced Shading and Lighting

    • Color Selection: Select subtle variations of your main color for shading. For example, if your model is blue, pick slightly lighter and darker shades of blue.
    • Manual Shading: Apply these colors to areas that would naturally be in shadow or light, such as darker colors on the underside and lighter ones on the top.
    • Lighting: In Goxel’s settings (gear icon), adjust lighting settings to see how different angles affect shadows on your model.
    • 5. Exporting Models for Game Engines

    • Export Options: Go to File > Export. Choose a format depending on your needs:
      • .OBJ: Common format for most 3D applications.
      • .VOX: For voxel-based engines.
      • .PNG: For simple 2D images of your model.
    • Adjust Scaling: Game engines like Unity may require scaling adjustments. You may want to test different scale settings when importing.
    • Check for Issues: Ensure your model has no floating or unconnected voxels.
    • 6. Designing Characters with Goxel

    • Plan the Character: Begin with a sketch or rough mental image of your character.
    • Build Body Parts on Separate Layers: Use layers for different parts (head, body, arms) so you can easily modify each.
    • Details: Use the smallest brush setting for finer details like eyes, mouths, or accessories.
    • Symmetry Mode: In the toolbar, toggle the symmetry option if your character is symmetrical, which will mirror changes on the other side automatically.
    • 7. Tips and Tricks for Optimizing Voxel Art

    • Keep Voxel Count Low: Too many voxels can slow down your model. Simplify shapes where possible.
    • Avoid Overlapping Layers: Place parts close but avoid overlap unless necessary for structure.
    • Optimize Colors: Use a limited palette to create a cohesive look and to make your model easier to render.

2D & 3D Modeling on

Final Presentation

Ajay Shroff