Assignment 1
My design is based on the game Monopoly. I enrich this fun game by mixing with Virtual Environment. This extension will help to achieve a better user experience. The items for this game are: a game board which serves the map, one marker for dice and several markers for game characters.
The dice marker will provide the dice for players. This dice is floating over the marker. The dice will roll if the camera is close by and the rolling will stop with a smoothly decreased speed. The algorithm is designed to make sure it stops with a face facing upwards as result. When the camera is far, it stops rolling, but will resume once the camera approaches.
The character marker with a unique 3D character on top of it is used to symbolize of each player. The user can pick their own character marker.
The game board has several 3D buildings as property. They lay inside of the grid. When character is nearby, its size will increase and when he goes, it shrinks back to normal size. If we put the dice marker to the middle of the map, you will see a translucent dice rotating in the middle of the map as an easter egg.
If all of the targets are out of track, then a monopoly character image will show up on the screen to indicate that you need to focus on the target or marker. Once the target or marker get focused, the image will disapper.
I image this game to be a 3D extended version of monopoly. The properties can adjust themselves based on the geography relation with the players and also, more information, like price, owner etc can be show when one character is approaching a specific property. Furthermore, we can have more tricks on the cards and deeds.
According to the grading guidline:
- Display non-trivial 3D content (HTML and WebGL) relevant to your experience, in the space of the image target. (3/10)
– I use three building models representing the properties on the image target (game board). Those models are lit by a point light source and an ambient light source. And they are positioned and scaled to the suite the game board. Please refer to createBoard() function for details.
– If triggered, a translucent dice will be created resembling the dice marker. This cube is rotating on the center of the map.
- Handle tracking gracefully, in particular when the image target or a marker is lost for a small amount of time due to transient occlusion or computer vision errors. Feedback and content should reflect such losses appropriately. (1/10)
– When all targets (including map and markers) are out of tracking, a monopoly character will show up on the top of the screen indicating that the map is out of tracking. Once the camera moves back, the image will disappear.
- Have the content change in compelling ways based on the movement of the camera and it’s relationship to the image target (2/10)
– The dice on the marker with change its state based on the camera position. If it is far, the dice won’t roll even though it’s tracked. If the distance between them is under a threshold, the dice start to roll and will smoothly decrease its speed. It stops with a face facing towards the top to indicate a result.
- Have content on fixed marker affected by trigger marker(s). (1/10)
– The easter egg of this game is, when you put the dice marker on the middle of the game board, it will copy itself with another translucent dice and leave it on the map.
- Have non-trivial 3D content on interactor marker(s). (1/10)
– The dice on the marker is created by a three js cube object. And then texture mapped on each face to form a dice. It rolls regarding to the camera position.
- Have content on the image target and the interactor marker(s) react to relative movement or location of the interactor relative to the image target. (2/10)
– The buildings on the map will adjust their size according to the distance from the character marker. The closer the character is, the larger the building is.
Please use this URL for Argon2 display: users.ece.gatech.edu/~xzhu62/VEa/a1.html
Package for board map and marker: users.ece.gatech.edu/~xzhu62/VEa/a1.rar
Comments are closed.