123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- <style type="text/css">
- html,body{
- margin: 0;
- padding: 0;
- font-family: Arial, sans-serif;
- }
- #game-container {
- width: 100%;
- height: 100%;
- z-index: 1;
- }
- #leaderboard {
- position: absolute;
- bottom: 0;
- left: 0;
- z-index: 10;
- padding: 10px;
- background-color: rgba(255, 255, 255, 0.5);
- }
- #eventticker {
- position: absolute;
- top: 0;
- width: 100%;
- z-index: 10;
- background-color: rgba(255, 255, 255, 0.5);
- overflow: hidden;
- display: block;
- }
- #eventticker p {
- display: inline;
- }
- p {
- margin: 0px;
- padding: 0px;
- }
- </style>
- <div id="game-container"></div>
- <script type="text/javascript" src="system.js"></script>
- <script type="text/javascript" src="examplegame.js"></script>
- <script type="text/javascript">
- document.addEventListener("DOMContentLoaded", function(event) {
- var system = new System();
- system.create("game-container", new ExampleGame(), "#3333DD");
- });
- </script>
|