hackmit / playground-frontend Goto Github PK

Make sure hackers don't walk off the edge of something or onto a building

https://stackoverflow.com/questions/217578/how-can-i-determine-whether-a-2d-point-is-within-a-polygon

(see playground/2 for additional details)

Potential solution

1. Create a button that reveals a pane on the right side of the screen.
2. In the pane, display the current YouTube video, currently queued songs, and a place to submit YouTube video URLs.
3. Send a message over our websocket to submit a new song, and listen for messages to start a new song or add a song to the queue.

Also -- Gary will be designing this, so you'll be working with him to implement his designs.

Summary

Right now, we use a static image of a penguin from club penguin as everyone's character :^)

However, marketing is working on custom-designed characters that people will be able to customize and interact with. They're planning on modeling the characters in Blender, and exporting the models as glTF files. We can then render these with three.js! (read more)

This is not an easy task — customization will involve rendering multiple models for each character. For example, if a character has a base model, along with a custom shirt, custom pants, and custom glasses, four models will need to be rendered at the same position in space. When rendering 100+ characters, this may very quickly become a performance issue. We will need to make sure our solution works in most browsers without a super powerful computer.

In addition, these models will need to be animated. Check out the link pasted above for more details about how to animate these glTF models. Also, make sure to use an orthographic camera — all of marketing's designs this year are isometric.

Is there a better name for this?

Summary

On top of the virtual environment, there will need to be some basic UI elements for people to use. You may want to play Club Penguin a bit to get a sense of what these might be. At a minimum, we will need a chatbox, and buttons to access a map, settings, day-of info, etc. Anna Sun will be designing these, so you'll work with her to implement them.