-
Notifications
You must be signed in to change notification settings - Fork 0
/
PETS.html
170 lines (166 loc) · 9.26 KB
/
PETS.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE HTML>
<html>
<head>
<title>P.E.T.S Game Info</title>
<meta name="description" content="website description" />
<meta name="keywords" content="website keywords, website keywords" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style/style.css" title="style" />
</head>
<body>
<div id="main">
<div id="header">
<div id="logo">
<div id="logo_text">
<!-- class="logo_colour", allows you to change the colour of the text -->
<h1>P.E.T.S Game Information</span></a></h1>
<h2>The page for P.E.T.S videogame demo, a zoo animal care simulator.</h2>
</div>
</div>
<div id="menubar">
<ul id="menu">
<!-- put class="selected" in the li tag for the selected page - to highlight which page you're on -->
<li><a href="index.html">Home</a></li>
<li><a href="koudaha.html">Moop People</a></li>
<li><a href="games.html">Moop Games</a></li>
<li><a href="people.html">Resources</a></li>
<li class="selected"><a href="PETS.html">P.E.T.S Game Info</a></li>
<!-- Don't need these atm but might in future
<li><a href="another_page.html">Another Page</a></li>
<li><a href="contact.html">Contact Us</a></li>
-->
</ul>
</div>
</div>
<div id="site_content">
<div class="sidebar">
<!-- insert your sidebar items here -->
<h3>Moop News</h3>
<h4>News Placeholder</h4>
<h5>Human Date 2024</h5>
<p>Moop website news article placeholder.
<br> *Inserts Latin placeholder*
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum..."
</p>
<p></p>
<h3>Useful Links</h3>
<ul>
<li><a href="https://kouda-ha.itch.io/pets">P.E.T.S Game Download Page</a></li>
<li><a href="https://github.com/Level6-ManchesterMet-SCMDT/PetSim">Public GitHub Repository for P.E.T.S</a></li>
<li><a href= "https://www.eventbrite.com/e/manchester-met-games-computer-animation-and-visual-effects-showcase-2023-tickets-631164238227">Free ticket for games showcase, Manchester UK(24/5/23)</a></li>
</ul>
</div>
<div id="content">
<!-- insert the page content here -->
<h1>Information about P.E.T.S. Videogame Demo</h1>
<h3>P.E.T.S - An MMU Group Project for 'Advanced Computer Games Design'</h3>
<p> P.E.T.S (Preservation of Endangered and Threatened Species) is an animal care job simulator,
but instead of a zoo sim with customers, you're behind the scenes taking care of a variety of animals
from penguins to pandas and even a South American Coati (based on a real Coati called Casper, pictured below).
<br>
<span class="left"><img 50% src="style/caspertyfp.png" alt="Photo of Casper"/></span>
<br>
This vertical slice demo was created by 7 students from MMU during the final semester of 2022/23, for their 'Advanced Computer Games Design' module.
<br>
The module is set around a games studio called 'Cheddar Cat' and emulates a 20 hour per week parttime job.
<h2>The Team (Alphabetical Order)</h2>
<ul>
<li>Callum Critchley (Sound / AI) - Twitter: @BlazingSDev, URL: blazingstar-dev.itch.io</li>
<li>Howard Xu (Lead Programmer) - Email: xu.howards@hotmail.com, URL: github.com/howardxu23</li>
<li>Marjan Ahmed Mashud (3D Environment Modeller) - URL: itch.io/profile/marjanahmed21</li>
<li>Owen Bardini (Project manager) - Twitter/Insta: @Kouda_Ha, URL: moop.uk</li>
<li>Rhys McGoldrick (3D Animal Models and Animation) - Email: rhysm789@gmail.com</li>
<li>Ryan Hughes (Lead UI/UX Designer) - Email: ryan.hughes31@hotmail.com</li>
<li>William McDouall (Minigame Programmer) - Email: wmcdouall@yahoo.com</li>
</ul>
</p>
<h2>Screenshots and Images</h2>
<h4>Here's a few screenshots and photos from during development:</h4>
<span class="center"><img src="style/image01.png" alt="example graphic" /></span>
<span class="center"><img src="style/image02.png" alt="example graphic" /></span>
<span class="center"><img src="style/image03.png" alt="example graphic" /></span>
<span class="center"><img src="style/image04.png" alt="example graphic" /></span>
<span class="center"><img src="style/image05.png" alt="example graphic" /></span>
<span class="center"><img src="style/image06.png" alt="example graphic" /></span>
<span class="center"><img src="style/image07.png" alt="example graphic" /></span>
<span class="center"><img src="style/image08.png" alt="example graphic" /></span>
<span class="center"><img src="style/image09.png" alt="example graphic" /></span>
<span class="center"><img src="style/image10.png" alt="example graphic" /></span>
<span class="center"><img src="style/image11.png" alt="example graphic" /></span>
<span class="center"><img src="style/image12.png" alt="example graphic" /></span>
<span class="center"><img src="style/image13.png" alt="example graphic" /></span>
<span class="center"><img src="style/image14.png" alt="example graphic" /></span>
<span class="center"><img src="style/image15.png" alt="example graphic" /></span>
<p>Disclaimer: P.E.T.S was a group project by several MMU students, for one of their final modules.
'Moop' is a passion project by the Project Manager of 'P.E.T.S' and added this information webpage so that people have
more context about the game during a games showcase. P.E.T.S isn't a Moop game, but I launched the Moop website a few
days prior to the PETS game showcase at Pixel Bar, Manchester so we could give more information to those who request it.</p>
<!--
<h2>Text</h2>
<p>The following examples show how the text (within '<p></p>' tags) will appear:</p>
<p><strong>This is an example of bold text</strong></p>
<p><i>This is an example of italic text</i></p>
<p><a href="#">This is a hyperlink</a></p>
<h2>Lists</h2>
<p>This is an unordered list:</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>
<p>This is an ordered list:</p>
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ol>
<h2>Images</h2>
<p>images can be placed on the left, in the center or on the right:</p>
<span class="left"><img src="style/graphic.png" alt="example graphic" /></span>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum.
</p>
<span class="center"><img src="style/graphic.png" alt="example graphic" /></span>
<span class="right"><img src="style/graphic.png" alt="example graphic" /></span>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur.
</p>
<h2>Tables</h2>
<p>Tables should be used to display data and not used for laying out your website:</p>
<table style="width:100%; border-spacing:0;">
<tr><th>Item</th><th>Description</th></tr>
<tr><td>Item 1</td><td>Description of Item 1</td></tr>
<tr><td>Item 2</td><td>Description of Item 2</td></tr>
<tr><td>Item 3</td><td>Description of Item 3</td></tr>
<tr><td>Item 4</td><td>Description of Item 4</td></tr>
</table>
<h2>Form Elements</h2>
<form action="#" method="post">
<div class="form_settings">
<p><span>Form field example</span><input type="text" name="name" value="" /></p>
<p><span>Textarea example</span><textarea rows="8" cols="50" name="name"></textarea></p>
<p><span>Checkbox example</span><input class="checkbox" type="checkbox" name="name" value="" /></p>
<p><span>Dropdown list example</span><select id="id" name="name"><option value="1">Example 1</option><option value="2">Example 2</option></select></p>
<p style="padding-top: 15px"><span> </span><input class="submit" type="submit" name="name" value="button" /></p>
</div>
</form>-->
</div>
</div>
<div id="footer">
Copyright © textured_stars_light | <a href="http://validator.w3.org/check?uri=referer">HTML5</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.html5webtemplates.co.uk">design from HTML5webtemplates.co.uk</a>
</div>
</div>
</body>
</html>