Team:Exeter/Game

From 2014.igem.org

(Difference between revisions)
m
 
(129 intermediate revisions not shown)
Line 1: Line 1:
-
 
{{ExeterMain}}
{{ExeterMain}}
 +
<html>
 +
<style type="text/css">
 +
.glidetext{
 +
position: relative;
 +
/*Set initial position of your text. Make it just enough to hide the text from view:*/
 +
right: -1500px;
 +
}
 +
</style>
 +
<!--------------------------------------------------------------------------------------------------------------->
 +
 +
<script type="text/javascript">
 +
//Credit to http://www.javascriptkit.com
 +
 +
var pausebetweenmsg=100 //customize pause in miliseconds between each message showing up (3000=3 seconds)
 +
var curobjindex=0
 +
 +
function actualstyle(el, cssproperty){
 +
if (el.currentStyle)
 +
return el.currentStyle[cssproperty]
 +
else if (window.getComputedStyle){
 +
var elstyle=window.getComputedStyle(el, "")
 +
return elstyle.getPropertyValue(cssproperty)
 +
}
 +
 +
}
 +
function collectElementbyClass(){
 +
var classname="glidetext"
 +
glidearray=new Array()
 +
var inc=0
 +
var alltags=document.all? document.all : document.getElementsByTagName("*")
 +
for (i=0; i<alltags.length; i++){
 +
if (alltags[i].className==classname)
 +
glidearray[inc++]=alltags[i]
 +
}
 +
if (glidearray.length>0)
 +
onebyoneglide()
 +
}
 +
 +
function onebyoneglide(){
 +
if (curobjindex<glidearray.length)
 +
glidetimer=setInterval("glideroutine()",0.0001)
 +
}
 +
 +
function glideroutine(){
 +
if (parseInt(actualstyle(glidearray[curobjindex], "right"))<0)
 +
glidearray[curobjindex].style.right=parseInt(actualstyle(glidearray[curobjindex], "right"))+15+"px"
 +
else{
 +
glidearray[curobjindex].style.right=0
 +
curobjindex++
 +
clearInterval(glidetimer)
 +
setTimeout("onebyoneglide()", pausebetweenmsg)
 +
}
 +
}
 +
 +
if (window.addEventListener)
 +
window.addEventListener("load", collectElementbyClass, false)
 +
else if (window.attachEvent)
 +
window.attachEvent("onload", collectElementbyClass)
 +
else if (document.getElementById)
 +
window.onload=collectElementbyClass
 +
 +
</script>
 +
 +
<!--------------------------------------------------------------------------------------------------------------->
 +
 +
<script type="text/javascript">
 +
 +
function confuse(){
 +
    b = document.getElementById("confusing_button");
 +
    b.style.top = (400+(Math.random())*180).toString()+"px";
 +
    b.style.left = (400+(Math.random()*800)).toString()+"px";
 +
}
 +
 +
</script>
 +
 +
</head>
 +
 +
<!--------------------------------------------------------------------------------------------------------------->
 +
<div id="description">
<body>
<body>
-
<a href="http://people.exeter.ac.uk/pr263/ERASE/">CLICK TO PLAY!</a>
+
<a href="https://play.google.com/store/apps/details?id=ppr.development.igemgameProject&hl=en_GB" target="_blank"><img class="large_centre_image" src="https://static.igem.org/mediawiki/2014/6/6a/Game_banner_for_page.gif"/></a>
-
</body>
+
-
</html?
+
<table>
 +
<tr>
 +
<td>As part of our project we have developed a game. The rules are simple: help team E.R.A.S.E. and TNTony split the molecules of TNT and Nitroglycerin, but avoid destroying other, similar, molecules!</td>
 +
<td><img src="https://static.igem.org/mediawiki/2014/6/6f/GooglePlay.jpg" width="120px"/></td>
 +
</tr>
 +
</table>
 +
 
 +
 
 +
<table align="center">
 +
<tr>
 +
<td class="glidetext"><img src="https://static.igem.org/mediawiki/2014/5/53/ERASE_REVIEWS1.png" /></td>
 +
<td class="glidetext"><img src="https://static.igem.org/mediawiki/2014/4/43/ERASE_REVIEWS3.png" /></td>
 +
<td class="glidetext"><img src="https://static.igem.org/mediawiki/2014/4/4d/ERASE_REVIEWS2.png" /></td>
 +
</tr>
 +
</table
 +
 
 +
<table align="center">
 +
<tr>
 +
<td align="center"><a href="https://play.google.com/store/apps/details?id=ppr.development.igemgameProject&hl=en_GB" target="_blank"><img width="100px" src="https://static.igem.org/mediawiki/2014/2/2f/EraseAppIcon.png"/></a></td>
 +
</tr>
 +
<tr>
 +
<td align="center">The game can be downloaded <a href="https://play.google.com/store/apps/details?id=ppr.development.igemgameProject&hl=en_GB" target="_blank">here</a> to play on Android mobile devices.</td>
 +
</tr>
 +
</table>
 +
 
 +
<table>
 +
<tr>
 +
<td class="glidetext"><img src="https://static.igem.org/mediawiki/2014/f/f8/ERASE_REVIEWS4.png" /></td>
 +
<td class="glidetext"><img src="https://static.igem.org/mediawiki/2014/4/4b/ERASE_REVIEWS5.png" /></td>
 +
</tr>
 +
</table>
 +
 
 +
<button  class="glidetext" onmouseover="confuse()"  id="confusing_button" style="position:absolute; top: 600px; left: "center">Leave negative feedback</button>
 +
 
 +
 
 +
<h2> Navigation </h2>
 +
 
 +
 
 +
<p><a href="https://2014.igem.org/Team:Exeter/Presentations">Previous: Presentations </a></p>
 +
 
 +
 
 +
</body>
 +
</div>
 +
</html>
 +
{{ExeterFooter}}

Latest revision as of 22:28, 17 October 2014

Exeter | ERASE

As part of our project we have developed a game. The rules are simple: help team E.R.A.S.E. and TNTony split the molecules of TNT and Nitroglycerin, but avoid destroying other, similar, molecules!
The game can be downloaded here to play on Android mobile devices.

Navigation

Previous: Presentations

Exeter | ERASE

Retrieved from "http://2014.igem.org/Team:Exeter/Game"