-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Browse the repository at this point in the history
- Loading branch information
Showing
15 changed files
with
519 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,244 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en" dir="ltr"><meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> | ||
| <meta charset="UTF-8"> | ||
|
|
||
| <link rel="stylesheet" href="/tryout/css/style.min.4debd73aa52c1458db6b6e05ccd12ed47d41633e3a00235906f58d77eaa41a30.css" integrity="sha256-TevXOqUsFFjba24FzNEu1H1BYz46ACNZBvWNd+qkGjA=" crossorigin="anonymous"> | ||
|
|
||
|
|
||
| <script src=https://htw-imi-showtime.github.io/tryout/js/title-animate.js charset="utf-8"></script> | ||
| <script src=https://htw-imi-showtime.github.io/tryout/js/semester-select.js charset="utf-8"></script> | ||
| <script src=https://htw-imi-showtime.github.io/tryout/js/secret.js charset="utf-8"></script> | ||
| <title>IMI Showtime - HTW Berlin</title> | ||
| <body> | ||
| <nav class="background master"> | ||
| <a href="https://htw-imi-showtime.github.io/tryout/" class="animate-trigger"><strong>IMI<span class="light">×</span><span class="animate">ST</span></strong> <span class="light"> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| 23/24 | ||
|
|
||
|
|
||
| </span></a> | ||
|
|
||
| <div class = "warn">Preview Site! | ||
| (with drafts) | ||
| <div class = "warn small">Production Site: <a href="https://showtime.f4.htw-berlin.de/">https://showtime.f4.htw-berlin.de/</a></div> | ||
| </div> | ||
|
|
||
| <ul> | ||
| <li><a href="https://htw-imi-showtime.github.io/tryout/projects">Projects</a></li> | ||
| <li><a href="https://htw-imi-showtime.github.io/tryout/schedule">Schedule</a></li> | ||
| <li><a href="https://htw-imi-showtime.github.io/tryout/dates">Dates</a></li> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| <li><a href="/tryout/ss23">Archive</a></li> | ||
| <li><a href="https://htw-imi-showtime.github.io/tryout/contact">Contact</a></li> | ||
| </ul> | ||
| </nav> | ||
|
|
||
| <div class="background master"> | ||
| <header class="project-header"> | ||
| <h1> | ||
| <span class="type">M4 Master</span> | ||
| M4 Gaming for Future: A video game about water scarcity in Brandenburg (M4 Gaming for Future: Ein Videospiel über Wasserknappheit in Brandenburg) | ||
| <span class="underscore-spacer"> </span> | ||
| </h1> | ||
| <section style="text-align: right;"> | ||
| <div class="spacer"></div> | ||
|
|
||
| <h4>Team</h4> | ||
| <ul> | ||
|
|
||
| <li>Eliot Hoff</li> | ||
|
|
||
| <li> Kenneth Englisch</li> | ||
|
|
||
| <li>Cong Nguyen-Dinh</li> | ||
|
|
||
| <li>Adib Ghassani Waluya</li> | ||
|
|
||
| </ul> | ||
|
|
||
|
|
||
| <h4>Supervision</h4> | ||
| David Mueller | ||
|
|
||
| </section> | ||
| </header> | ||
| </div> | ||
| <div class="project-menu desktop-menu background master"> | ||
| <ul> | ||
| <li class="active"><a href="/tryout/ws23/master/m4-gamingforthefuture/">Overview</a></li> | ||
|
|
||
| <li ><a href="/tryout/ws23/master/m4-gamingforthefuture/process/">Process</a></li> | ||
|
|
||
| </ul> | ||
| </div> | ||
| <div class="project-menu mobile-menu background master"> | ||
| <ul> | ||
| <li class="active"><a href="/tryout/ws23/master/m4-gamingforthefuture/">Overview</a></li> | ||
|
|
||
| <li ><a href="/tryout/ws23/master/m4-gamingforthefuture/process/">Process</a></li> | ||
|
|
||
| </ul> | ||
| <input type="checkbox" id="project-menu-button"> | ||
| <label for="project-menu-button"> | ||
| <span></span> | ||
| </label> | ||
| <div class="dropdown-menu"> | ||
| <ul> | ||
|
|
||
| </ul> | ||
| </div> | ||
| </div> | ||
| <main class="project"> | ||
|
|
||
|
|
||
|
|
||
|
|
||
| <p class="intro"> | ||
| Gaming For Future | ||
| </p> | ||
|
|
||
| <section> | ||
| <h3> | ||
|
|
||
| Our Goal | ||
|
|
||
| </h3> | ||
| <div class="spacer"></div> | ||
| <div class="content"> | ||
| The goal of our project was to develop a game together with the NABU about the Water Scarcity in Brandenburg. | ||
| </div> | ||
| </section> | ||
|
|
||
| <section> | ||
| <h3> | ||
|
|
||
| Gameplay | ||
|
|
||
| </h3> | ||
| <div class="spacer"></div> | ||
| <div class="content"> | ||
| The player can place tiles on the map. Each tile has different influences on the water level. | ||
| </div> | ||
| </section> | ||
|
|
||
| <section class="gallery"> | ||
| <figure> | ||
| <img src="/tryout/ws23/master/m4-gamingforthefuture/Game1.png" alt="App home screen"> | ||
| <figcaption>Level 1</figcaption> | ||
| </figure> | ||
| <figure> | ||
| <img src="/tryout/ws23/master/m4-gamingforthefuture/Game2.png" alt="Profile screen"> | ||
| <figcaption>Level Selection</figcaption> | ||
| </figure> | ||
|
|
||
| </section> | ||
|
|
||
| <section> | ||
| <h3> | ||
|
|
||
| The team | ||
|
|
||
| </h3> | ||
| <div class="spacer"></div> | ||
| <div class="content"> | ||
| Our team included Eliot Hoff, Kenneth Englisch, Cong Nguyen-Dinh, Adib Ghassani Waluya and our supervisor David. | ||
| We divided the tasks equally and spend the first few weeks with researching and planning the game. We tracked our project progression via Github and communicated via Discord. | ||
| </div> | ||
| </section> | ||
|
|
||
| <section class="gallery"> | ||
| <figure class="team-member"> | ||
| <img src="/tryout/ws23/master/m4-gamingforthefuture/Adib.jpeg" alt="Portrait of Adib"> | ||
| <figcaption>Adib</figcaption> | ||
| </figure> | ||
| <figure class="team-member"> | ||
| <img src="/tryout/ws23/master/m4-gamingforthefuture/Cong.jpeg" alt="Portrait of Cong"> | ||
| <figcaption>Cong</figcaption> | ||
| </figure> | ||
| <figure class="team-member"> | ||
| <img src="/tryout/ws23/master/m4-gamingforthefuture/Kenneth.png" alt="Portrait of Kenneth"> | ||
| <figcaption>Kenneth</figcaption> | ||
| </figure> | ||
| <figure class="team-member"> | ||
| <img src="/tryout/ws23/master/m4-gamingforthefuture/Elliot.png" alt="Portrait of Elliot"> | ||
| <figcaption>Elliot</figcaption> | ||
| </figure> | ||
|
|
||
| </section> | ||
|
|
||
| <section> | ||
| <h3> | ||
|
|
||
| Technologies | ||
|
|
||
| </h3> | ||
| <div class="spacer"></div> | ||
| <div class="content"> | ||
| <p>For this project we used mainly the Unity Engine to develop the game. | ||
| Other programs that we used were Figma,Photoshop and Excel. Sometimes we had to use Blender as well. | ||
| Discord was used for communication.</p> | ||
| <figure> | ||
| <img src="/tryout/ws23/master/m4-gamingforthefuture/Tech.png" alt="Profile screen"> | ||
| <figcaption>Tech Stack</figcaption> | ||
| </figure> | ||
|
|
||
| </div> | ||
| </section> | ||
|
|
||
| <section> | ||
| <h3> | ||
|
|
||
| Keymaps | ||
|
|
||
| </h3> | ||
| <div class="spacer"></div> | ||
| <div class="content"> | ||
| Keyboard: | ||
| 1-6: select a specific biome tile. | ||
| Q-W-E: brush sizes (Q = small, W = medium, E = large). | ||
| ESC: pause menu. | ||
| Mouse: | ||
| LMB: place a tile. | ||
| Scroll wheel: camera zoom. | ||
| Mouse drag to screen border: move camera. | ||
| </div> | ||
| </section> | ||
|
|
||
|
|
||
| </main> | ||
| <footer> | ||
| <section> | ||
| <a href="https://htw-imi-showtime.github.io/tryout/" class="animate-trigger"><strong>IMI<span class="light">⨯</span><span class="animate">ST</span></strong> | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| 23/24 | ||
|
|
||
|
|
||
| </a> | ||
| <ul> | ||
| <li><a href="https://htw-imi-showtime.github.io/tryout/contact">Contact</a></li> | ||
| <li><a href="https://htw-imi-showtime.github.io/tryout/privacy-policy">Privacy Policy</a></li> | ||
| <li><a href="https://htw-imi-showtime.github.io/tryout/imprint">Imprint</a></li> | ||
| </ul> | ||
| </section> | ||
| <img src="https://htw-imi-showtime.github.io/tryout/img/htw-logo.png" alt="HTW Logo"> | ||
| </footer> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| <?xml version="1.0" encoding="utf-8" standalone="yes"?> | ||
| <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> | ||
| <channel> | ||
| <title>M4 Gaming for Future: A video game about water scarcity in Brandenburg (M4 Gaming for Future: Ein Videospiel über Wasserknappheit in Brandenburg) on IMI Showtime</title> | ||
| <link>https://htw-imi-showtime.github.io/tryout/ws23/master/m4-gamingforthefuture/</link> | ||
| <description>Recent content in M4 Gaming for Future: A video game about water scarcity in Brandenburg (M4 Gaming for Future: Ein Videospiel über Wasserknappheit in Brandenburg) on IMI Showtime</description> | ||
| <generator>Hugo -- gohugo.io</generator> | ||
| <language>de-de</language><atom:link href="https://htw-imi-showtime.github.io/tryout/ws23/master/m4-gamingforthefuture/index.xml" rel="self" type="application/rss+xml" /> | ||
| <item> | ||
| <title>Process</title> | ||
| <link>https://htw-imi-showtime.github.io/tryout/ws23/master/m4-gamingforthefuture/process/</link> | ||
| <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate> | ||
|
|
||
| <guid>https://htw-imi-showtime.github.io/tryout/ws23/master/m4-gamingforthefuture/process/</guid> | ||
| <description>Initial Meetings Discussed the project with Rebecca and David to identify the core problem related to water scarcity in Brandenburg. Received relevant documents from Rebecca for further understanding. Communication and Iteration We engaged in back-and-forth communication with Rebecca and David to refine the project details every week. Flow Charts Developed flow charts to map out the game. Then we created initial prototypes and designs using Figma to visualize the project.</description> | ||
| </item> | ||
|
|
||
| </channel> | ||
| </rss> |
Oops, something went wrong.