5/1 4 Corner Presentations

[lunaiwa]

4 Corner Presentations

Project

Our project is ....

• purpose
• functions
• ect. add screen shots here

Demo Code

• screen shots and explinations

How Our Group Works

In total we have 11 group members... We have to make sure each of us are doing our work by setting up triangles... Each triangle has 3-4 people within them and we use them as our mini groups within our group ect...

Triangles

• Triangle 1 (Luna, Rachit, Tanisha)
• Triangle 2 (Theo, Finn, Emma, Grace)
• Triangle 3 (Vivian, Aliya, Justin, Shivansh)

Triangle 2 and 3

Cyber Game Integration (Vivian, Grace, Aliya, Emma)

• Integrating games that teach cybersecurity into the overall game system
• Created an engaging user interface where the player enters a room and can play the games directly on a cartoon computer screen --> feels more interactive

Cyber Room that is entered from main page:

Computer screen, can click icons to play the games:

Games displayed and played on pixel computer:

Chat Bot Feature (Shivansh and Justin)

• chat bot feature to ask questions about the game or the content of the game. Serves an assistance purpose

Working on:

• Connecting the cyber games to the map made with tiles for the other games. Instead of just clicking a link, users would be able to move their character into the room with the wasd keys.
• Integrating a point system for the cybersecurity into the leaderboard system for other games

Current Leaderboard with just CSA points:

Feature Demos 🤩

Finn

• [x] Revamped Questions database
• [x] New Layout/Backend
• [x] Collaboration with Theo's inventory concept
• [x] New Menu

Theo

• [x] Menu bar revamp to show player data
• [x] Quest bar functional
• [ ] Backend user adding for quests
• [x] Small menu trasfer screen for game
• [x] Single/Multiplayer menu
• [x] Backend method for inventory

Emma

• [x] make icons fixed no matter computer dimensions (computer screen button aligns w/button)

• [x] upgrade CSS styling for phishing attack (background turns green when user answers correctly for instant feedback) and password game

• [ ] make collision so user can enter cyber house
• [ ] connect cyber game points with game leaderboard

Grace

• [x] backend database of terms (csp, csa, and cyber)
• [x] GET function to obtain random term on front end
• [ ] gravity CSS, make it bootiful
• [ ] figure out how to make it so that new term is taken every time a new "rock" falls

Pull Requests 🤝

Analytics

Active Team Feedback & Encouragement 😄👍

Screenshots from our "Triangles" group chat throughout March & April

[akshat122805]

Rachita Love Story

Rift - a coding game that helps users learn code and level up to learn other computing fundamentals

Glows

1. Great dashboardm quest log, and level system. The game looks great frontend wise, and it seems like a professional game. The layout and functionality of the game is great.

2. The overall concept of the game is very well constructed and it seems that users can actually learn code. Also a variety of games, having three games is really cool.

Grows

1. Connection issues, Ditto seemed to be tough to work for this group
2. Presentation could be more cohesiveness

The project is really good

[VishnuAravind12]

Rift

• A coding game that teaches people on the principles of computing.

Glows

• Beautiful interface and sprite work, the UI is very intuitive ad the battle mechanics make perfect sense.
• The features like the quest log, the the player stats page, and one can gain armor and weapons.
• This solves a really prevalent problem of not knowing computing fundamentals in an intuitive way.

Grows

• A think the presentation was not very "together".
• Speakers should project their voice more, they were not looking at the audience while talking.

[rohinsood]

Overview

• Coding game, level up through topics
  • Quest log, level system, stats
  • Level up by fighting NPCs
• Spits fireball

  Glows

• User interaction with the project was very good
• Use specific game tasks with ease

  Grows

• Not enough diversity in ideas
• Presentation could be more put together

[Tirth-Thakkar]

Very good system with a comprehensive level progress system and combat to understand and demonstrate educational topics in an engaging way that would cover the main points of the lesson. Good map dynamic and art style that allows for a unified style to demo various different features and concepts from within the world and allow a user to continue to interact with the world as a whole. There could be the additional element of adding a more comprehensive art style to the mini-games and adding a learning element as they currently feel a tad out of place such as coding challenges or other similar aspects. There could be more focus on the multiplayer aspect as the idea currently feels a tad under developed with no clear presentation available.

[Henerystone]

Glows and Grows:

• The project is high-leveled and everything about it, including the art style to the game concepts are much like a real RPG game.
• The team as a whole is also very interconnected and this aspect shows in the smoothness of the presentation.
• There is still room for improvement as there are aspects of art that can be improved. For example, the "fight scenes" have a very CGI feel to them, as if the characters and the background don't match up.
• the way the game's start screen is modeled is also very out of place as the background screens and the themes don't match up.

[h4seeb-cmd]

Glows:

• Very cool idea
• Nice graphics on the combat aspect and game map
• Nice educational aspects, with good systems designed for player engagement
• Organized presentation

Grows:

• Some of the minigames are a little rough graphically, email phishing game in particular. Lack of focus as well,
• Lack of multiplayer functionality as described.

[YLu-1258]

Glows

---

• Working login system
• Very nice sprites and UI for the actual game, a lot of effort has been put into the game's design
• A lot of communication between backend and frontend
  • saving location
• Good premise: Answer CS questions in a Pokemon style battle
• Variety of minigames available in addition to the main feature, allows for a lot of people to contribute their unique features to the project
• Nice little additional site to display player data and stats.
• Very nice implementation of how the game works with collisions and the background moving

  Grows

  ---

• May replace the alert box with a much cleaner looking design
• Some of the textboxes in the game do not align well with the rest of the scene.
• Some of the features connected on the frontend is a lil buggy, 404 error.

[VINERAJ]

Notes

• Can predict AP score
• Motivate students
• Game looks like pokemon
• Not working right now-stuck in collision
• quest log
• Adds to your points if you win, helps in AP scores
• Cyber Wizard-many different minigames, earns points on leaderboard
• Chatbot to answer any questions about CS the user has
• To have multiplayer functionality, needs web sockets
• Has a scrumboard and issues

Glows

• Game looks really cool
• I like the quest and chatbot features
• Having a connection to AP is a good idea

Grows

• Bugs need to be worked out
• Could have spoken out a bit more

[Emaad-Mir]

Glows

• Presentation is very interactive with the audience, gets us involved (in answering cs questions)
• All members in the group participated and talked about something they did
• Shows all four corners and clear connection across the frontend and backend

Grows

• 404 error on one of the features, make sure to get that fixed
• Overall presentation could have been better organized
• Could talk more about the multiplayer mode of the game

[DavidVasilev1]

Glows

• I think that the game integrating CS knowledge is a good idea, the game is interactive and works well
• All members of the group participated and things were explained clearly
• The way the background is mapped out is cool and how all of the visual elements work together is cool as well

Grows

• The cyber security game seems to be a bit disconnected from the rest of the game
• There were some errors with the 404 when connecting the the cyber security game and it felt to be disconnected from the rest of the actual game
• The presentation could be more integrated as well

[jm1021]

Rachita Love Story had a progressive game , tough questions, and evidences of code. They seem to be very ad hoc on the presentations. The 3rd period did a bit better with sharing code as they were demoing, they did a good job of adapting to Ditto difficulties, 1st period got more hung up on challenges.

It was evident that there was a lot of work that has gone into game and passion overcame wisdom in presentation of it. Finn and Theo just dove into game and where doing traditional demo "only" presentation. In 3rd period session, Rachit was speaking and Tanisha was showing corresponding code, this was a start to something big! Think about entry point to discussion, discuss a "short" plan, show a "short" demo, and "show" behind the scenes logs, database change, or code written illustrate work. Work the 2, 3, 4 corners, then move on.

Glows: After seeing demo and looking at above there is some solid Game and frontend to Backend interactions. Player obtaining assets and managing in Java looks fantastic.

Grows: The House feature was totally overlooked and people involved did not look like they did any work. There was no passion in this area. The voices start to talk at the end of presentation, but other than showing UI integration it was hard to follow. This is were several teams could be ready to present and rotate through features.