MMNMTCO

Interactive Applications for Computer Media

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.

 Jed R. Cruz
● Chief Creative Officer,
Anito Legends
● Part-time faculty, DLS-CSB
● DLS-CSB MMA Graduate

Contact:
○ jedfrancis.cruz@benilde.edu.ph
○ 0922 830 9041
○ facebook.com/jrevita

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.

 Welcome to MMNMTCO!
● Term overview
● Class policies
● Communication
● Introductions
● Final project details
● Questions

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.

 Join our Discord channel

https://discord.gg/ekUceR6H6q

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.

 Term overview (main topics)

Week Topic Deliverables Week Topic Deliverables

Course
1 5 Animation, UI A4: Add NPCs and UI to project
Introduction

Introduction to
2 A1: Create 3D environment 6 Interaction A5: Make player shoot bullets
PlayCanvas

Mouse/Keyboard Sounds and

3 A2: Add FPS player to scene 7 A6: Add sounds and music to project
Input music

Materials, Lighting, A3: Add lights and skybox to Midterm

4 scene
8 Midterm: Complete FPS project
Skyboxes submission

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.

 Term overview (finals & additional topics)

Week Topic Deliverables Week Topic Deliverables

A7: Start planning final project, VR Project

9 Intro to VR create environments for VR
13 Final: Complete VR project
Submission

Grading &
10 Production A8: VR project progress 1 14
Consultation

11 Production A9: VR project progress 2

12 Production A10: VR project progress 3

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.

 Class policies
Activities 30%
A1 to A6 (counted for midterms)
A7 to A10 (counted for finals)

Midterm Project 30%

Complete FPS project

Final Project 40%

Complete VR project

Total 100%

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.

 Class policies
● The classroom is a safe space. Be respectful towards your teacher and
most especially towards your classmates.
● All sync sessions will be recorded. Recordings will be posted on BigSky
under Resources.
● Join Discord: the link is in BigSky news.
● Weekly updates will be posted on our usual channels:
BigSky news and Discord.

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.

 Class policies
● Plagiarism will not be tolerated. Examples include (but are not
limited to):
○ Submitting someone else's work as your own
○ Copying content (including images, charts, and graphics) from a source without
citing that source
○ Combining copied content from multiple sources and turning it in as your own
○ Paraphrasing the content from a source without citing that source
○ Submitting work that includes content that you did for another class without
clearing it with your teacher first

● Plagiarism = automatic failure of the course plus 1 major offense

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.

 Communication
● Announcements will be made on BigSky and Discord.
● If you need to get in touch with me, send me an email
(jedfrancis.cruz@benilde.edu.ph), or send me a message on
Messenger or Discord.
● I will reply within 48 hours, and usually much sooner if the message is
sent during regular working hours (8 AM to 4 PM) on a weekday.
● One on one consultations can be scheduled, but please arrange them
a day in advance. No consultations on weekends.

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.

 Introductions!
● Please turn on your camera during your turn
(audio will be recorded, but not video)
● Share:
○ Your nickname

○ Where you live (just the city or province is ok)

○ A hobby or interest that is not MMA-related

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.

 PlayCanvas

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.

 PlayCanvas
● Open-source game engine
● Uses HTML5 and WebGL
● Web-based editor
● 2D and 3D support
● Physics engine
● Scripting in JavaScript

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.

 PlayCanvas applications
● Game development
● VR walkthroughs/experiences
● Configurators
● Gambling/online gaming
● Interactive advertisements

Master Archer

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.

 PlayCanvas is not the final objective
● PlayCanvas is a tool, but the idea is
not to turn you into a PlayCanvas
expert, but to introduce you to the
standards of interactive multimedia
development.
● There are many more game
engines and development
environments out there that you
can explore in the future.

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.

 Things to do for next week
● Join Discord server - https://discord.gg/ekUceR6H6q
● Sign up for PlayCanvas (it's free) - https://playcanvas.com/
● Try the basic tutorial/walkthrough (no need to submit this)
● Start thinking of a theme for a simple first person shooter

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.

 Important
● The free PlayCanvas account has
a 1GB limit
● You can upgrade your account to
the Personal plan ($15/month or
roughly Php 845/month) to
increase this limit to 10 GB
● Or you can create multiple
accounts with different email
addresses to circumvent the
space limit

Copyright © 2022 De La Salle - College of Saint Benilde. All rights reserved.