Skip to content

Commit

Permalink
feat(content): add info about game modes to landing page
Browse files Browse the repository at this point in the history
  • Loading branch information
@sgfost
sgfost committed May 3, 2024
1 parent 6162653 commit b2fe551
Showing 1 changed file with 32 additions and 27 deletions.
59 changes: 32 additions & 27 deletions client/src/views/Home.vue
View file
Original file line number Diff line number Diff line change
Expand Up @@ -54,31 +54,31 @@
<b-row class="w-100 mx-0 my-5 px-3" align-v="start" align-h="center">
<div class="w-100 mt-5"></div>
<b-col md="12" lg="6" xl="5" class="text-left">
<h1 class="section-title mb-3">About</h1>
<h1 class="section-title mb-3">The Game</h1>
<p class="text mb-3">
Port of Mars is an interdisciplinary research project sponsored by the
<a href="https://interplanetary.asu.edu/">Interplanetary Initiative</a> at
<a href="https://www.asu.edu/" target="_blank">Arizona State University</a>. Its
original incarnation was designed and implemented as a physical card game for 5
players. This application is a digital version of the Port of Mars card game that
serves as a scalable and evolving research testbed to study collective action.
In Port of Mars, you play as one of five residents in Mars' first long-term habitat.
You will navigate through several rounds of investing, trading, purchasing, and
reacting to Mars Events with the goal achieving as many Victory Points as possible
while keeping the community alive by maintaining System Health. Watch the tutorial
video or check out the <b-link :to="manual">game manual</b-link> to learn more.
</p>
<h4 class="text-white mb-3">So how do I play?</h4>
<p class="text mb-3">
We're researching effective strategies for navigating dilemmas of shared resources,
common good, and collective action under conditions of high uncertainty and high risk,
like those in space. Players are citizens of an early Martian community charged with
working together to provide for the sustained welfare of the settlement. All player
actions are tracked, allowing researchers to analyze and examine the behaviors that
tend to produce success or failure. Each individual game is a simulation and modeling
exercise for future human space communities.
At any time, you can play Port of Mars in
<b-link :to="freePlayLobby">free play mode</b-link> against bots or create a room to
invite others to play with you. We also have a
<b-link :to="solo">solo mode</b-link> version of the game which offers a more
fast-paced experience. A few times a year we organize a "Mars Madness" tournament in
which you can team up with others and compete for a variety of rewards including
monetary awards. Gameplay outside of these organized tournaments is purely for fun.
</p>
</b-col>
<b-col md="12" lg="6" xl="5" align-self="center">
<b-embed
class="p-1"
type="iframe"
aspect="16by9"
:src="constants.TRAILER_VIDEO_URL"
:src="constants.TUTORIAL_VIDEO_URL"
allowfullscreen
></b-embed>
</b-col>
Expand All @@ -88,25 +88,28 @@
class="p-1"
type="iframe"
aspect="16by9"
:src="constants.TUTORIAL_VIDEO_URL"
:src="constants.TRAILER_VIDEO_URL"
allowfullscreen
></b-embed>
</b-col>
<b-col md="12" lg="6" xl="5" class="text-left">
<h1 class="section-title mb-3">Gameplay</h1>
<h1 class="section-title mb-3">The Project</h1>
<p class="text mb-3">
You are 1 of 5 residents at the Port of Mars, the first long-term habitat on the
planet. Each game consists of 8 — 12 rounds, and each round has phases for investing,
trading, purchasing, discarding, and reacting to Mars Events. Chance and player
actions impact System Health. If System Health falls to zero everyone in the community
dies.
Port of Mars is an interdisciplinary research project sponsored by the
<a href="https://interplanetary.asu.edu/">Interplanetary Initiative</a> at
<a href="https://www.asu.edu/" target="_blank">Arizona State University</a>. Its
original incarnation was designed and implemented as a physical card game for 5
players. This application is a digital version of the Port of Mars card game that
serves as a scalable and evolving research testbed to study collective action.
</p>
<p class="text mb-3">
Your mission is to stay alive and achieve as many Victory Points as you can. In each
round you will receive time blocks that you can invest in System Health or Influence
resources that can be used to purchase Accomplishments. System Health will maintain
the shared infrastructure and keep your community alive, while Accomplishments will
earn you the Victory Points necessary to win the game.
We're researching effective strategies for navigating dilemmas of shared resources,
common good, and collective action under conditions of high uncertainty and high risk,
like those in space. Players are citizens of an early Martian community charged with
working together to provide for the sustained welfare of the settlement. All player
actions are tracked, allowing researchers to analyze and examine the behaviors that
tend to produce success or failure. Each individual game is a simulation and modeling
exercise for future human space communities.
</p>
</b-col>
<div class="w-100 my-5"><hr /></div>
Expand Down Expand Up @@ -150,6 +153,7 @@ import {
PLAYER_HISTORY_PAGE,
SOLO_GAME_PAGE,
TOURNAMENT_DASHBOARD_PAGE,
MANUAL_PAGE,
} from "@port-of-mars/shared/routes";
import { Constants } from "@port-of-mars/shared/settings";
import Footer from "@port-of-mars/client/components/global/Footer.vue";
Expand Down Expand Up @@ -179,6 +183,7 @@ export default class Home extends Vue {
leaderboard = { name: LEADERBOARD_PAGE };
gameStats = { name: PLAYER_HISTORY_PAGE };
solo = { name: SOLO_GAME_PAGE };
manual = { name: MANUAL_PAGE };
get constants() {
return Constants;
Expand Down

0 comments on commit b2fe551

Please sign in to comment.