Sketchfab

Dina Chehab

The leading platform for 3D & AR on the web

Manage your 3D assets. Distribute 3D & AR experiences. Collaborate with others. Showcase your work. Buy & sell 3D models.

Link : 3D Assets 

  • Works with all operating systems, browsers and devices.
  • Interactive and configurable, VR and AR ready.
  • Embeddable everywhere, for eCommerce, advertising and social media.

FreeSound.org

Keenan Gray

A great free soundfx library https://freesound.org/ 

You will have to register a new account or you can use the existing AR Worlds Log in

Pixabay Royalty Free Music for Download

Sumanth Mysore Krishna

Animations & Sounds

Dina Chehab

Final Presentation

Joselyn McDonald

Final Presentations

Prompt

End of Studio Presentations celebrate our successes as designers! These presentations are the story of our project - from early sketches and inspiration, through prototypes and more developed ideas, presentations highlight the pieces of the process that led each of us to our latest design.

Instructions

In this assignment, you will compile all your work to present to your class. Presentations should take 5 minutes or less in order to make sure everyone has a chance to present. Typically, you will receive 2 minutes of feedback following your presentation.

Your presentation should be created in a slideshow format and include the following:

Slide 1: Title

  • Project Title
  • Team Members’ Names
  • Evocative Image that highlights the kind of experience you want your game to provide (this can set the tone for your presentation).

Slide 2: Game Type / Theme / Concept

  • Game Type (e.g., adventure, puzzle, RPG, etc.).
  • Theme (e.g., mystery, sci-fi, fantasy).
  • Thesis Statement: A 1-2 sentence statement summarizing the core idea or purpose or story of your game.

Slide 3: World Sketch + Moodboard

  • World Sketch: Show an early sketch of your game's world and environment.
  • Moodboard: Present images, color palettes, textures, and inspirations that influenced the look and feel of your game world.

Slide 4: Character Design

  • Character Sketches: Show  your character design + 3D model screenshots
  • Character Role: Explain each character's role within the game and how they interact with the world.

Slide 5: Narrative + Storyboard

  • Narrative Summary: Provide a brief overview of your game's story.
  • Storyboard: Share a few storyboard frames that outline key moments or cutscenes in the game.

Slide 6: Game Mechanics

  • Core Mechanics: Explain the main gameplay mechanics (e.g., how players interact with the game, character movement, object interaction, etc.).
  • Interactive Features: Describe any unique features you've implemented, such as interactive objects, character dialogues, or puzzles.
  • Block-Based Coding: Provide a snapshot of key coding sequences or mechanics you programmed.

Slide 7: Final Design

  • Gameplay Screenshots or Demo Video: Show key moments from your game.

Slide 8: Thank You

  • End the presentation with a thank you slide, acknowledging your team, teacher, and any collaborators.

Deliverables

In the 'Responses' tab, Create your presentation in the Nufolio slide editor. Alternatively, you can use Google Slides, and then post the Sharable Link in a post; however, you must set your share settings to "Anyone with the Link" can "View" (see image below)


10 I CoSpace: Code your Game

Dina Chehab

CoSpaces

II

Prompt
It’s time to add interactivity and finalize your games using CoSpaces! Incorporate all the work you've done so far.

Instructions

  1. Start by introducing interactions to make your game more dynamic:

    • Clickable Characters: Make characters interactive by adding dialogue or actions when clicked. For example, a character can give instructions or trigger the next part of the story.
    • Interactive Objects: Add objects that respond to player actions. For instance, a door can open when the player clicks it, or an object can disappear when collected.
    • Use Events: Create events where one action leads to another. For example, clicking on a button could trigger a door opening or unlock a hidden area.
  2. Use Block-Based Coding
    CoSpaces has a simple, visual coding system that lets you build game mechanics without needing to write code. Here's how to get started:

    • Object Collection: Use code blocks to allow players to collect items in the game, such as keys or treasures. When the player clicks the object, it disappears, and a message can confirm the collection.
    • Character Interactions: Set up mechanics where characters respond to player actions. For example, if a player clicks on a character, that character could say something or trigger an event.
  3. Sound adds atmosphere and emotion to your game. Here’s how to integrate audio:

    • Background Music: Choose background music that fits the mood of your game’s scenes (e.g., suspenseful music for a mystery game or upbeat music for an adventure).
    • Sound Effects: Add sound effects to enhance player interactions (e.g., footsteps when a character moves or a door creaking open).
    • Tip: CoSpaces has a library of sound effects, but you can also upload your own audio files if needed. Check the "Sounds library" in the tabs above.

Deliverables

  •  Completed version of your game in CoSpaces with all interactions, music, and sound effects in place.
  • Take screenshots or create screen recordings of key moments in your game, showcasing both the design and interactivity.

Coding Tutorials

Dina Chehab

check this playlist: 4 videos in total 

https://www.youtube.com/watch?v=15Vlqe22_x0&list=PLwVby6khJkrplyIpQ8TB_-vt2P7EixnQk

Demo Day

Jiyoo Jye

DEMO DAY

AR/VR

Prompt: You are almost to the finish line! Great work so far. Today, your team will test your AR/VR World and capture documentation of it working. 

Instructions: 

  • Make sure you have everything set up to start your AR/VR experience. 
  • Grab your phone and install the Cospaces App and sign in. 

  • Check Functionality: Make sure that all interactions, coding, and sound effects work as expected. If something isn’t functioning properly, review your code blocks and adjust as needed.

  • Then, each team should record and capture the AR/VR world using their phones and/or laptops. 

  • If time permits, feel free to demo your world to your peers for feedback.

Deliverable: 

Post your recorded video int the 'responses tab'. You will use this footage to demonstrate how your AR/VR world works as a part of your final presentation.

Create 3D using Magica Voxel

Dina Chehab

3D model

Using

MagicaVoxel

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

Download this version: MagicaVoxel 0.99.6

Instructions:

  1. Introduction to Voxel Art and MagicaVoxel: You will learn about voxel art, which is like building with 3D pixels, and how it differs from traditional 3D modeling. Get ready to explore the MagicaVoxel app, the tool you'll use for this creative adventure.
  2. Voxel Placement and Sculpting: Use the voxel placement tools in MagicaVoxel to sculpt and shape your 3D model. You'll discover how to add and remove voxels, paint them, and adjust their positions to craft your creation.
  3. Layering and Detailing:Dive into creating layers in MagicaVoxel to give your model depth and details. Experiment with layers to make your model look multidimensional and intricate.
  4. Coloring and Texturing: Choose colors and textures to give life to your voxel model. Learn how to paint your model and understand the concept of UV mapping to make your creation colorful and vibrant. 
  5. Saving and Rendering: Save your progress and see your model come to life using rendering tools. Discover different lighting options and effects available in MagicaVoxel to enhance the appearance of your creation.
  6. Save your file as .Vox and turn it into glb, upload your files in the responses tab

Tutorials

Dina Chehab