-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (118 loc) · 5.08 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=1024" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>LJMU Computer Games Technology</title>
<meta name="description" content="Presentation about the computer games development and technology working going on in CMP at LJMU" />
<meta name="author" content="Bartek Szopka" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:regular,semibold,italic,italicsemibold|PT+Sans:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic" rel="stylesheet" />
<link href="css/presentation.css" rel="stylesheet" />
</head>
<body class="impress-not-supported">
<div class="fallback-message">
<p>Your browser <b>doesn't support the features required</b> for this presentation, so you are presented with a simplified version.</p>
<p>For the best experience please use the latest <b>Chrome</b>, <b>Safari</b> or <b>Firefox</b> browser.</p>
</div>
<div id="background">
<!-- <img id="logo-protect" src="images/PROTECT.png" /> -->
<img id="logo-ljmu" src="images/LJMU.png" />
<h1>Computer Games @ LJMU</h1>
<div id="impress" data-transition-duration="1000">
<div id="title" class="step slide" data-x="2500" data-y="0" data-z="0" data-rotate-y="70" >
<div id="title-background">
<div class="left-line">
<h2>School of Computer Science<h2>
<h2>Liverpool John Moores University</h2>
</div>
</div>
</div>
<div id="courses" class="step slide" data-x="2349" data-y="200" data-z="855" data-rotate-y="50" >
<h2>BSc and MCOMP Courses</h2>
<ul>
<li>Computer Games Development</li>
<li>Multimedia Computing</li>
<li>Software Engineering</li>
<li>Computer Science</li>
<li>Computer Studies</li>
<li>Computer Forensics</li>
<li>Computer Security</li>
</ul>
</div>
<div id="students" class="step slide" data-x="1915" data-y="400" data-z="1607" data-rotate-y="30" >
<h2>Our People</h2>
<p />Intake around 350 students each year
<p />45 academic staff, 50 PhDs, 8 technical
<p />Games intake around 50
<p />Industrial placement year
</div>
<div id="games-course" class="step slide" data-x="1250" data-y="600" data-z="2165" data-rotate-y="10" >
<h2>Computer Games Learning</h2>
<p />Focus on games software development
<p />Development of online students portfolio
<p />Students and staff are passionate about games
<p />Heavy investment in equipment
<p />PS3s, PS4s, Xbox, Kinect-PCs, Oculus Rift
<img src="images/studentgames.png" id="studentgames" />
</div>
<div id="collaboration" class="step slide" data-x="434" data-y="800" data-z="2462" data-rotate-y="-10" >
<h2>External Links</h2>
<p />BBC Research and Development
<p />Onteca Ltd.
<p />Lucid Games
<p />Zhejiang University, China
</div>
<div id="research" class="step slide" data-x="-434" data-y="1000" data-z="2462" data-rotate-y="-30" >
<h2>Four research groups</h2>
<p />Games
<p />Networking
<p />Security
<p />Applied Computing
<p /><img src="images/PROTECT.png" id="protect"/>
</div>
<div id="magic" class="step slide" data-x="-1250" data-y="1200" data-z="2165" data-rotate-y="-50" >
<img src="images/magic.png" id="magic-logo"/>
<p />Multimedia, Animation, Games, Interactive, Creators
<p />Newly started, directed by students
<p />Student-driven software development
<p />Currently 30+ students involved
</div>
<a href="http://www.biennial.com/2014/exhibition/artists/michael-stevenson" target="_blank">
<div id="biennial" class="step slide fullimage" data-x="-1915" data-y="1400" data-z="1607" data-rotate-y="-70" >
<h2>Liverpool Biennial</h2>
</div>
</a>
<a href="http://cmpproj.cms.livjm.ac.uk/virtualtour/" target="_blank">
<div id="virtualtour" class="step slide fullimage" data-x="-2349" data-y="1600" data-z="855" data-rotate-y="-90" >
<h2>Virtual Tour</h2>
</div>
</a>
<a href="http://java.cms.livjm.ac.uk/homura/index.php" target="_blank">
<div id="homura" class="step slide fullimage" data-x="-2500" data-y="1800" data-z="0" data-rotate-y="-110" >
<h2>Homura</h2>
</div>
</a>
<a href="http://www.ljmu.ac.uk/APS/OpenLabs/126602.htm" target="_blank">
<div id="gamejam" class="step slide fullimage" data-x="-2349" data-y="2000" data-z="-855" data-rotate-y="-130" >
<h2>Game Jam</h2>
</div>
</a>
<div id="overview" class="step" data-x="500" data-y="600" data-z="4000" data-scale="2">
<p />Computing: <a href="http://www.ljmu.ac.uk/cmp">http://www.ljmu.ac.uk/cmp</a>
<p />Slides: <a href="https://github.com/ljmu-cms/games-info-2014">https://github.com/ljmu-cms/games-info-2014</a>
</div>
</div>
</div>
<div class="hint">
<p>Use spacebar or arrow keys to navigate</p>
</div>
<script>
if ("ontouchstart" in document.documentElement) {
document.querySelector(".hint").innerHTML = "<p>Tap on the left or right to navigate</p>";
}
</script>
<script src="js/impress.js"></script>
<script>impress().init();</script>
</body>
</html>