Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <body style="overflow: hidden; cursor: default;">
- <style>
- body {
- background-image: url("/css/img/blackmamba.jpg?v=0");
- color:white;
- font-family:MiniSet2;
- }
- /* Bootstrap */
- body {
- font-size:14px;
- }
- .list-group {
- display:block;
- }
- .list-group-item {
- display:block;
- }
- p {
- margin-bottom:3px;
- margin-top:3px;
- }
- button,input,select,textarea {
- margin: 0;
- font: inherit;
- color: inherit;
- }
- hr {
- margin-top: 20px;
- margin-bottom: 20px;
- border: 0;
- border-top: 1px solid #eee;
- }
- /* END */
- .aspect-ratio {
- position: relative;
- width: 100%;
- height: 0;
- padding-bottom: 51%;
- }
- .aspect-ratio iframe {
- position: absolute;
- width: 100%;
- height: 100%;
- left: 0; top: 0;
- }
- .navbar-logo {
- width:100px;
- }
- .navbar-logo:hover {
- opacity:0.8;
- }
- .navbar-nav > li{
- padding-left:10px;
- padding-right:10px;
- }
- .navbar-default {
- background-color: #f8f8f8;
- border-color: #e7e7e7;
- }
- .navbar-border {
- border-bottom:2px solid #e7e7e7
- }
- .navbar-border.navbar-inverse {
- border-bottom:2px solid #101010
- }
- </style>
- <!-- zindex so below jqueryui-->
- <script>
- window.htmlParams = window.htmlParams || {};
- window.htmlParams.GAME_VERSION = "8902832";
- window.htmlParams.SERVERS_STATUS = [{"id":1,"queryId":"World1","socketUrl":"wss://rainingchain1.herokuapp.com","playerCount":5,"status":1,"displayName":"World 1","playerMaxCapacity":50}];
- window.htmlParams.USE_CAPTCHA = false;
- window.htmlParams.MINIFY_VUE = true;
- window.RC = {};
- window.define = function(reqs, cb, extra){
- var require = function(){};
- switch (reqs.length){
- case 1: cb(require, window.RC, window.RC); break;
- case 0: cb(require, window.RC); break;
- case 2: cb(require, window.RC, window.RC, window.RC); break;
- case 3: cb(require, window.RC, window.RC, window.RC, window.RC); break;
- case 4: cb(require, window.RC, window.RC, window.RC, window.RC); break;
- default: {
- var res = [require];
- for(var i = 1; i < reqs.length; i++)
- res.push(window.RC);
- cb.apply(this, res);
- }
- }
- };
- </script>
- <link rel="stylesheet" href="/css/css_base.min.css?v=8902832">
- <script src="/bower_components/external_game.min.js?v=8902832" defer=""></script>
- <script src="/js/client.min.js?v=8902832" defer=""></script>
- <script type="text/afterDefer">
- try {
- var test = WebSocket, Float32Array, Map, Set, $;
- document.createElement('canvas').getContext('2d');
- } catch(err){
- document.getElementById('lg-oldBrowser').style.display = '';
- var fields = document.getElementById("startDiv").getElementsByTagName('button');
- for(var i = 0; i < fields.length; i++)
- fields[i].disabled = true;
- }
- </script>
- <div id="debug-messages" style="overflow-y:auto;font-size:0.8em;z-index:1000; position:absolute;top:0px;left:0px;width:70%;height:100%;pointer-events:none"></div>
- <div class="container grey-theme">
- <div id="spinner-div" style="text-align: center; display: none;">
- <div class="spinner" style="margin-top: 100px;"></div>
- <div style="padding-top:100px">
- <div id="spinner-text"><span class="">Loading account...</span></div>
- <div id="startDiv-loadPct-container2" style="">
- <span id="startDiv-loadPct2">Loading game... 100</span>/100%
- </div>
- </div>
- </div>
- </div>
- <div class="g-recaptcha" data-sitekey="6LdQAkcUAAAAAOXlmt6yWNGFbti31jaNHU2yrsh5" data-callback="signUpCaptchaCallback" data-size="invisible"></div>
- <div style="position: absolute; top: 0px; left: 0px; transform-origin: 0px 0px 0px; width: 846px; height: 648px; transform: scale3d(2, 2, 2);" id="mainDiv"><div id="jqueryDialogDiv" style="z-index: 100;"><div tabindex="-1" role="dialog" style="z-index: 58;height: 420px;width: 400px;top: 10px;left: 446px;padding: 0px;" class="ui-dialog ui-box" aria-describedby="Dialog_debug-8" aria-labelledby="ui-id-1"><div class="ui-dialog-titlebar ui-helper-clearfix ui-draggable-handle" style="height: 28px;"><span id="ui-id-1" class="ui-dialog-title">Account</span></div><div id="account-quick" style="padding: 1px 3px;"><!----> <div><div style="font-size: 1.3em;">Finish Registration:</div> <form style="margin: 10px 0px 0px;"><div class="css-table"><label><span>New Username: </span> <input autocomplete="new-password" type="text" required="required" class="ui-select" style="background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABHklEQVQ4EaVTO26DQBD1ohQWaS2lg9JybZ+AK7hNwx2oIoVf4UPQ0Lj1FdKktevIpel8AKNUkDcWMxpgSaIEaTVv3sx7uztiTdu2s/98DywOw3Dued4Who/M2aIx5lZV1aEsy0+qiwHELyi+Ytl0PQ69SxAxkWIA4RMRTdNsKE59juMcuZd6xIAFeZ6fGCdJ8kY4y7KAuTRNGd7jyEBXsdOPE3a0QGPsniOnnYMO67LgSQN9T41F2QGrQRRFCwyzoIF2qyBuKKbcOgPXdVeY9rMWgNsjf9ccYesJhk3f5dYT1HX9gR0LLQR30TnjkUEcx2uIuS4RnI+aj6sJR0AM8AaumPaM/rRehyWhXqbFAA9kh3/8/NvHxAYGAsZ/il8IalkCLBfNVAAAAABJRU5ErkJggg=="); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%;"></label> <!----> <label><span>New Password: </span> <input autocomplete="new-password" type="password" required="required" class="ui-select" style="background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACIUlEQVQ4EX2TOYhTURSG87IMihDsjGghBhFBmHFDHLWwSqcikk4RRKJgk0KL7C8bMpWpZtIqNkEUl1ZCgs0wOo0SxiLMDApWlgOPrH7/5b2QkYwX7jvn/uc//zl3edZ4PPbNGvF4fC4ajR5VrNvt/mo0Gr1ZPOtfgWw2e9Lv9+chX7cs64CS4Oxg3o9GI7tUKv0Q5o1dAiTfCgQCLwnOkfQOu+oSLyJ2A783HA7vIPLGxX0TgVwud4HKn0nc7Pf7N6vV6oZHkkX8FPG3uMfgXC0Wi2vCg/poUKGGcagQI3k7k8mcp5slcGswGDwpl8tfwGJg3xB6Dvey8vz6oH4C3iXcFYjbwiDeo1KafafkC3NjK7iL5ESFGQEUF7Sg+ifZdDp9GnMF/KGmfBdT2HCwZ7TwtrBPC7rQaav6Iv48rqZwg+F+p8hOMBj0IbxfMdMBrW5pAVGV/ztINByENkU0t5BIJEKRSOQ3Aj+Z57iFs1R5NK3EQS6HQqF1zmQdzpFWq3W42WwOTAf1er1PF2USFlC+qxMvFAr3HcexWX+QX6lUvsKpkTyPSEXJkw6MQ4S38Ljdbi8rmM/nY+CvgNcQqdH6U/xrYK9t244jZv6ByUOSiDdIfgBZ12U6dHEHu9TpdIr8F0OP692CtzaW/a6y3y0Wx5kbFHvGuXzkgf0xhKnPzA4UTyaTB8Ph8AvcHi3fnsrZ7Wore02YViqVOrRXXPhfqP8j6MYlawoAAAAASUVORK5CYII="); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%;"></label> <label><span>Password Confirm: </span> <input autocomplete="new-password" type="password" required="required" class="ui-select" style="background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACIUlEQVQ4EX2TOYhTURSG87IMihDsjGghBhFBmHFDHLWwSqcikk4RRKJgk0KL7C8bMpWpZtIqNkEUl1ZCgs0wOo0SxiLMDApWlgOPrH7/5b2QkYwX7jvn/uc//zl3edZ4PPbNGvF4fC4ajR5VrNvt/mo0Gr1ZPOtfgWw2e9Lv9+chX7cs64CS4Oxg3o9GI7tUKv0Q5o1dAiTfCgQCLwnOkfQOu+oSLyJ2A783HA7vIPLGxX0TgVwud4HKn0nc7Pf7N6vV6oZHkkX8FPG3uMfgXC0Wi2vCg/poUKGGcagQI3k7k8mcp5slcGswGDwpl8tfwGJg3xB6Dvey8vz6oH4C3iXcFYjbwiDeo1KafafkC3NjK7iL5ESFGQEUF7Sg+ifZdDp9GnMF/KGmfBdT2HCwZ7TwtrBPC7rQaav6Iv48rqZwg+F+p8hOMBj0IbxfMdMBrW5pAVGV/ztINByENkU0t5BIJEKRSOQ3Aj+Z57iFs1R5NK3EQS6HQqF1zmQdzpFWq3W42WwOTAf1er1PF2USFlC+qxMvFAr3HcexWX+QX6lUvsKpkTyPSEXJkw6MQ4S38Ljdbi8rmM/nY+CvgNcQqdH6U/xrYK9t244jZv6ByUOSiDdIfgBZ12U6dHEHu9TpdIr8F0OP692CtzaW/a6y3y0Wx5kbFHvGuXzkgf0xhKnPzA4UTyaTB8Ph8AvcHi3fnsrZ7Wore02YViqVOrRXXPhfqP8j6MYlawoAAAAASUVORK5CYII="); background-repeat: no-repeat; background-attachment: scroll; background-size: 16px 18px; background-position: 98% 50%; cursor: auto;"></label> <label><span>Email: </span> <input autocomplete="new-password" type="email" required="required" class="ui-select"></label></div> <div style="padding-top: 3px; font-size: 0.8em;">
- This email address is the only way to recover your account.
- </div> <button type="submit" class="block button ui-box-success large" style="margin-top: 10px;">Submit</button></form></div> <div><button class="ui-box-light button" style="position: absolute; right: 9px; padding: 2px 8px; font-size: 0.8em;">
- Remind me later... </button></div> <!----> <div style="overflow-y: auto; height: 120px;"></div></div><div class="ui-box button" style="position: absolute; right: 0px; top: 0px; height: 28px; width: 25px; font-size: 1.2em; display: none;"><span class="glyphicon glyphicon-remove" style="cursor: pointer;"></span></div></div></div> <div id="aboveJqueryDialog" style="pointer-events: none; position: absolute; z-index: 1000; width: 846px; height: 648px;"><div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);"><div id="disconnect" class="ui-box-danger" style="font-size: 1.5em; text-align: center; box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px; padding: 20px; display: none;">The game stopped.</div></div> <div style="position: absolute; bottom: 10px; right: 10px; width: calc(100px + 20%);"><div id="notification" class="shadow ui-box ui-box" style="pointer-events: all; padding: 6px 10px 10px; opacity: 1; display: none;">The creator of RainingChain is currently streaming on <a target="_blank" rel="noopener" class="message" href="http://www.twitch.tv/rainingchain/">Twitch</a>!</div></div> <div id="menuSpot2" style="pointer-events: all; position: absolute; width: 130px; margin-right: 1px; right: 150px;"></div></div> <div id="gameDiv" style="position: absolute; overflow: hidden; width: 846px; height: 648px;"><div id="topLeft" style="position: absolute; z-index: 10; top: 0px; left: 0px; width: 50%; height: 50%;"><div class="div-h" style="overflow-y: hidden;"><div id="minimap" style="color: white; width: 120px; height: 120px;"><div style="position: absolute;"><canvas class="ui-box-border" style="position: absolute; top: 0px; left: 0px; background: rgb(0, 0, 0); filter: contrast(75%); width: 120px; height: 120px;" width="120" height="120"></canvas> <div class="ui-box-border" style="position: absolute; top: 0px; left: 0px; width: 120px; height: 120px;"><div class="img16x16" style="position: absolute; top: 65.25px; left: 32.25px; transform: translate(-50%, -50%) scale(1.5);"><div class="sprite icon-ui-worldMapPlayer"></div></div></div></div> <div style="position: absolute; top: 0px; width: 120px; height: 120px;"><div class="clickable glyphicon glyphicon-plus ui-box has-tooltip" style="padding-top: 2px; text-align: center; font-size: 20px; top: initial; width: 30px; height: 30px; position: absolute; right: -10px; bottom: -10px; display: none;"></div></div></div> <div id="dungeonMinimap" style="color: white; width: 150px; height: 120px; display: none;"><div style="position: absolute;"><canvas width="150" height="120" class="ui-box-border" style="position: absolute; top: 0px; left: 0px; background: rgb(0, 0, 0); width: 150px; height: 120px;"></canvas> <div class="ui-box-border" style="position: absolute; overflow: hidden; top: 0px; left: 0px; width: 150px; height: 120px;"></div></div> <div style="position: absolute; top: 0px; width: 150px; height: 120px;"><div class="clickable glyphicon glyphicon-plus ui-box has-tooltip" style="padding-top: 2px; text-align: center; font-size: 20px; top: initial; width: 30px; height: 30px; position: absolute; right: -10px; bottom: -10px;"></div></div> <div class="div-h ui-box" style="position: absolute; padding-left: 5px; top: 120px;"><div class="img16x16" style="margin-top: 3px;"><div class="sprite icon-ui-dungeonKey"></div></div> <div><span class="cs-green">
- 0
- </span>
- / 0
- </div></div></div> <div style="width: 50px;"><div id="performance" class="shadow has-tooltip" style="color: white; font-size: 0.65em; display: none;">60 FPS</div></div></div> <div style="margin-top: 10px; margin-left: 1px; max-width: 50%;"><div id="questHint" class="shadow" style="display: block; pointer-events: none; font-size: 1em;"><div style=""><div style="font-size: 1.2em; color: orange; white-space: nowrap;"><div class="divButton has-tooltip" style="border: 1px solid orange; pointer-events: all; display: none;">
- X
- </div>
- Tutorial
- <br></div> <div style="margin-left: 10px; color: white;">Equip the <div class="img16x16"><div class="sprite icon-equip-weaponMace"></div></div> mace, <div class="img16x16"><div class="sprite icon-equip-weaponBow"></div></div> bow or <div class="img16x16"><div class="sprite icon-equip-weaponStaff"></div></div> staff you received from the chest!</div></div> <br style="display: none;"> <div style="display: none;"><div style="font-size: 1.2em; color: orange; white-space: nowrap;">
- SQ Name
- <br></div> <div style="margin-left: 10px; color: white;">SQ hint</div></div></div></div></div> <div id="bottomLeft" style="position: absolute; z-index: 10; bottom: 1px; left: 0px; width: 50%; height: 50%;"><div style="position: absolute; height: 60%; bottom: 0px; overflow-y: hidden; left: 8px;"><div id="partyOverlay" class="shadow" style="display: none;"><div style="font-size: 1em; color: orange; white-space: nowrap;"><div class="divButton glyphicon glyphicon-cog" style="border: 1px solid orange; padding: 2px;"></div>
- Party
- <br></div> <ul class="list-group" style="margin-left: 10px; font-size: 0.8em; color: white;"><li class="" style="display: none;"><span class="shadow360 glyphicon glyphicon-star"></span>
- Paxidihom25
- </li></ul></div> <div id="pvpScoreboard" class="shadow" style="display: none;"><div style="font-size: 1em; color: orange; white-space: nowrap;"><div class="divButton has-tooltip" style="border: 1px solid orange;">
- X
- </div>
- PvP Score
- <br></div> <ul class="list-group" style="margin-left: 10px; font-size: 0.8em; color: white;"></ul></div></div></div> <div id="bottomRight" style="position: absolute; z-index: 10; bottom: 1px; right: 1px; width: 50%; height: 50%; text-align: right;"><div style="position: absolute; right: 5px;"><div id="chrono" style="font-size: 1.4em; display: inline-block; pointer-events: none;"></div></div> <div style="position: absolute; right: 2px; bottom: 2px;"><div id="abilityBar" style="display: flex;"><div style="display: flex; align-items: flex-end;"><div style="display: flex; flex-direction: column;"><div class="shadow" style="height: 15px; font-weight: bold; color: rgb(255, 0, 0); width: 36px; text-align: center; font-size: 0.8em;"></div> <div class="ui-box" style="width: 36px; height: 36px; padding: 0px;"><div style="opacity: 1;"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAABUklEQVRoQ+2Y4W0CMQxG303QblA2KBvABmWDMkI3aDdgBLoBbEA3KBuUDegGQdEZ6Y5eDzBnCUeOxD/i5H1f7DhXUciohuRIMAOeganEfQTGFQy6Tteeb1ogQd7oCzVA/nWOuwfJu06wA576nPUC8gG8lwAyAn7cg8jx+gReXeeIgOQqtXEPci7pXST70YUEc2D5T42/qcxfctcNtoDcKbkUP5wu7MqRvqT3CDIGvt07Iq58AZMmjDtHBORP0rsEEZjfZtJ7Bmn1X55BWv2XWxA5Xmt5q+RX1WD3VU8bdMm9ef1/5LW4yjNdgzT7rxJA3oBFCSD5Tb93D3Lsv6q6MzYd5tUk1Z+DtqYUdUEpYwTIvfkYjoQjRgrE0TISVh02HFFLZzQxHDESVh02HFFLZzQxHDESVh02HFFLZzQxHDESVh02HFFLZzQxHDESVh22GEcOMR8wM5m9EE0AAAAASUVORK5CYII=" width="32" height="32" class="myDiv" style="position: absolute; opacity: 0.5; z-index: 1; width: 32px; height: 32px; display: none;"> <div class="img32x32 myDiv"><div class="sprite icon-stat-globalDmg"></div></div> <div class="img32x32 myDiv" style="z-index: 2; display: none;"><div class="sprite icon-ui-abilityCantUse"></div></div></div></div></div><div style="display: flex; flex-direction: column; height: 34px; justify-content: space-around; width: 11px;"><div class="ui-chain-h"></div> <div class="ui-chain-h"></div></div></div><div style="display: flex; align-items: flex-end;"><div style="display: flex; flex-direction: column;"><div class="shadow" style="height: 15px; font-weight: bold; color: rgb(255, 0, 0); width: 36px; text-align: center; font-size: 0.8em; display: none;"></div> <div class="ui-box" style="width: 36px; height: 36px; padding: 0px;"><div style="opacity: 0.5; display: none;"><img src="" width="32" height="32" class="myDiv" style="position: absolute; opacity: 0.5; z-index: 1; width: 32px; height: 32px; display: none;"> <div class="img32x32 myDiv"><div class="sprite"></div></div> <div class="img32x32 myDiv" style="z-index: 2; display: none;"><div class="sprite icon-ui-abilityCantUse"></div></div></div></div></div><div style="display: flex; flex-direction: column; height: 34px; justify-content: space-around; width: 11px;"><div class="ui-chain-h"></div> <div class="ui-chain-h"></div></div></div><div style="display: flex; align-items: flex-end;"><div style="display: flex; flex-direction: column;"><div class="shadow" style="height: 15px; font-weight: bold; color: rgb(255, 0, 0); width: 36px; text-align: center; font-size: 0.8em;"></div> <div class="ui-box" style="width: 36px; height: 36px; padding: 0px;"><div style="opacity: 1;"><img src="" width="32" height="32" class="myDiv" style="position: absolute; opacity: 0.5; z-index: 1; width: 32px; height: 32px; display: none;"> <div class="img32x32 myDiv"><div class="sprite icon-ability-heal03"></div></div> <div class="img32x32 myDiv" style="z-index: 2; display: none;"><div class="sprite icon-ui-abilityCantUse"></div></div></div></div></div><div style="display: none; flex-direction: column; height: 34px; justify-content: space-around; width: 11px;"><div class="ui-chain-h"></div> <div class="ui-chain-h"></div></div></div></div></div> <div style="position: absolute; right: 25px; bottom: 50%;"><div id="permPopupMouseover" style="line-height: 100%; display: none;"><div class="ui-box button" style="position: absolute; top: -24px; right: 0px; height: 24px; font-size: 1.2em;"><span class="glyphicon glyphicon-remove clickable"></span></div> <div class="ui-box" style="text-align: center; max-width: 335px; padding: 2px 6px; display: inline-block;"><span style="display: none;">✔ </span><span></span></div></div></div></div> <div style="position: absolute; z-index: 13; bottom: 1px; left: 20%; width: 60%; height: 50%; text-align: center;"><div class="bottomMid" style="position: absolute; bottom: 50px; z-index: 2; right: -30px; width: calc(250px); max-height: calc(200px);"><div id="emojiQuick" class="ui-box overflowScroll" style="width: 220px; max-height: 125px; display: none;"><div class="clickable ui-list verticalfix" style="float: left;"><div class="img24x24"><div class="sprite icon-emoji-happy has-tooltip"></div></div></div><div class="clickable ui-list verticalfix" style="float: left;"><div class="img24x24"><div class="sprite icon-emoji-sad has-tooltip"></div></div></div><div class="clickable ui-list verticalfix" style="float: left;"><div class="img24x24"><div class="sprite icon-emoji-angry has-tooltip"></div></div></div><div class="clickable ui-list verticalfix" style="float: left;"><div class="img24x24"><div class="sprite icon-emoji-cry has-tooltip"></div></div></div><div class="clickable ui-list verticalfix" style="float: left;"><div class="img24x24"><div class="sprite icon-emoji-cool has-tooltip"></div></div></div><div class="clickable ui-list verticalfix" style="float: left;"><div class="img24x24"><div class="sprite icon-emoji-frown has-tooltip"></div></div></div><div class="clickable ui-list verticalfix" style="float: left;"><div class="img24x24"><div class="sprite icon-emoji-tongue has-tooltip"></div></div></div><div class="clickable ui-list verticalfix" style="float: left;"><div class="img24x24"><div class="sprite icon-emoji-smiley has-tooltip"></div></div></div><div class="clickable ui-list verticalfix" style="float: left;"><div class="img24x24"><div class="sprite icon-emoji-surprised has-tooltip"></div></div></div><div class="clickable ui-list verticalfix" style="float: left;"><div class="img24x24"><div class="sprite icon-emoji-heart has-tooltip"></div></div></div><div class="clickable ui-list verticalfix" style="float: left;"><div class="img24x24"><div class="sprite icon-emoji-thumbsUp has-tooltip"></div></div></div><div class="clickable ui-list verticalfix" style="float: left;"><div class="img24x24"><div class="sprite icon-emoji-thumbsDown has-tooltip"></div></div></div> <div class="clickable ui-list verticalfix" style="float: right; width: 80px;"><div style="height: 24px;">
- See all
- </div></div></div></div> <div style="position: absolute; z-index: 1; bottom: 0px; left: 25px; pointer-events: none;"><div id="playerOnline" style="text-align: left; pointer-events: none;"><!----> <!----> <div class="ui-box button clickable verticalfix" style="text-align: center; width: 50px; height: 25px; pointer-events: all;"><div class="img16x16" style="margin-top: -2px;"><div class="sprite icon-ui-playerOnline"></div></div>
- 5
- </div></div></div> <div style="position: absolute; bottom: 0px; left: 100px; width: calc(100% - 100px);"><div class="" id="chat" style="display: block; border: 1px solid rgba(0, 0, 0, 0.1); color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.01);"><div style="position: absolute; width: 100%; bottom: 25px;"><div class="ui-box div-h" style="font-size: 0.7em; display: none;"><div class="div-h" style="float: left;"><div class="ui-box-light clickable button" style="width: 30px; text-align: center;"><span class="glyphicon glyphicon-chevron-up"></span></div></div> <!----></div> <div disabled="disabled" class="shadow onlyText" style="overflow: hidden auto; font-size: 0.8em; text-align: left; padding: 5px; height: auto; max-height: 97.2px; min-height: 32.4px; pointer-events: none;"><span class="chat-dest-game-nonFriend chat-visibleOnFocusOnly">Welcome!<br></span><span class="chat-dest-game-nonFriend chat-visibleOnFocusOnly">Weekly competition: <button style="" class="fakea " onmousedown="event.stopPropagation();" onclick="((m, compId) => {
- m.Dialog.openCombined(4 /* highscore */, { id: compId });
- })(RC,'Qcompetition-iAnA1');event.stopPropagation();">Crazy Switch</button><br> => Currently in first place: Darth.<br></span><span class="chat-dest-game-nonFriend chat-visibleOnFocusOnly">The creator of RainingChain is currently streaming on <a target="_blank" rel="noopener" class="message" href="http://www.twitch.tv/rainingchain/">Twitch</a>!<br></span><span class="chat-dest-game-nonFriend chat-visibleOnFocusOnly">A new player just logged in.<br></span><span class="chat-dest-accomplishment-nonFriend chat-visibleOnFocusOnly">GlassJar has completed the achievement "Complete a Task".<br></span><span class="chat-dest-accomplishment-nonFriend chat-visibleOnFocusOnly">mouse has completed the achievement "Complete a Task".<br></span><span class="chat-dest-game-nonFriend chat-visibleOnFocusOnly">Zepolykim65 just logged off.<br></span><span class="chat-dest-accomplishment-nonFriend chat-visibleOnFocusOnly">Glittris has completed the quest "Catch Them All".<br></span><span class="chat-dest-accomplishment-nonFriend chat-visibleOnFocusOnly">Glittris has completed the quest "Crazy Switch".<br></span><span class="chat-dest-accomplishment-nonFriend">Glittris has completed the quest "Fifteen".<br></span></div></div> <div class="div-h" style="position: absolute; width: 100%; bottom: 0px; overflow: hidden; text-align: left; height: 25px; font-size: 0.9em;"><div class="clickable ui-box button" style="height: 25px; width: 30px; font-size: 1em;"><span class="glyphicon glyphicon-comment"></span></div><div style="display: none;"><select class="ui-select" style="width: 85px; height: 25px;"><option value="Global">Global</option><option value="#Local">#Local</option><option value="@Private">@Private</option></select></div><div style="width: calc((100% - 25px) - 85px); display: none;"><form autocomplete="new-password" class="clearfix" style="padding: 0px; margin: 0px; display: inline-block; width: 100%;"><input maxlength="12" placeholder="Player" class="ui-input" style="float: left; padding: 1px 6px; width: 90px; height: 25px; display: none;"> <input maxlength="190" placeholder="Message" class="ui-input" style="float: left; padding: 1px 6px; height: 25px; width: 100%;"></form></div><div class="clickable img24x24" style="vertical-align: top; width: 25px; display: none;"><div class="sprite icon-emoji-smiley"></div></div></div></div></div></div> <div id="gameDiv-below" style="position: absolute; z-index: 9; top: 0px; left: 0px; width: 100%; height: 100%;"><div id="stage"><canvas width="846" height="648" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;"></canvas> <canvas width="846" height="648" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1;"></canvas></div></div> <div id="gameDiv-above" style="position: absolute; pointer-events: none; z-index: 13; top: 0px; left: 0px; width: 100%; height: 100%;"><div id="touchOverlay" style="position: absolute; width: 100%; height: 100%; z-index: 100; display: none;"><div id="joystick-move" style="pointer-events: all; position: absolute; bottom: 8%; left: 5%; width: 120px; height: 120px;"></div> <div id="joystick-ability0" style="pointer-events: all; position: absolute; bottom: 10%; right: 15%; width: 120px; height: 120px;"></div> <div class="button ui-box" style="bottom: calc(10% + 110px); right: calc(15% + 110px); width: 56px; height: 54px; pointer-events: all; position: absolute; display: none;"><div><div class="sprite"></div></div></div> <div id="joystick-ability1" style="pointer-events: all; position: absolute; bottom: 20%; right: 1%; width: 120px; height: 120px; display: none;"></div> <div class="button ui-box" style="bottom: calc(20% + 110px); right: calc(1% + 110px); width: 56px; height: 54px; pointer-events: all; position: absolute; display: none;"><div><div class="sprite"></div></div></div> <div class="ui-box button" style="pointer-events: all; position: absolute; bottom: 15%; right: 30%; width: 64px; height: 64px; padding: 0px; display: none;"><div style="position: absolute; transform-origin: 0% 0% 0px; transform: scale(1.25);"><div class="sprite icon-stat-offensiveStrike"></div></div></div> <div class="ui-box button" style="pointer-events: all; position: absolute; bottom: 3%; right: 6%; width: 64px; height: 64px; padding: 0px;"><div style="position: absolute; transform-origin: 0% 0% 0px; transform: scale(1.25);"><div class="sprite icon-ability-heal03"></div></div></div></div> <div style="position: absolute; top: 25%; left: 50%; transform: translate(-50%, -50%);"><div id="mapTransition" class="ui-box" style="opacity: 0.9; padding: 5px 15px; font-size: 1.2em; text-align: center; min-width: 100px; display: none;"><div>Road To Town</div> <div class="verticalfix" style="font-size: 0.7em; display: none;"><div class="img16x16" style="display: none;"><div class="sprite icon-ui-skullDanger"></div></div> <span>Level 0 Zone</span> <div class="img16x16" style="display: none;"><div class="sprite icon-ui-skullDanger"></div></div></div></div></div> <div style="position: absolute; top: 10%; left: 50%; transform: translate(-50%, -50%);"><div id="context" class="ui-box" style="pointer-events: none; box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 2px; text-align: center; min-width: 100px; padding: 5px; display: none;">
- Ringo <small style="display: none;"> Lv0</small> <div style="font-size: 0.8em; display: none;">
- Fame 0
- </div> <div style="color: rgb(204, 204, 204); display: none;">
- Away
- </div> <div class="bold" style="margin-top: -3px; display: none;">
- Invulnerable
- </div> <div style="margin-top: -3px; display: none;"><small><span style="display: none;">
- Weak: <span class="bold" style="color: red;">Melee</span></span> <span style="display: none;">
- Resist: <span class="bold" style="color: red;">Melee</span></span></small></div></div></div> <div style="position: absolute; top: 20%; left: 50%; pointer-events: all; width: 50%; transform: translate(-50%, -50%);"><div id="dialogue" class="clearfix" style="font-size: 0.8em; display: none;"><div style="float: left; text-align: center; width: 70px; display: none;"><div class="ui-box" style="padding: 1px; width: 70px; height: 70px;"><div class="sprite" style="transform: scale(0.5);"></div></div> <div class="clearfix"><div class="ui-chain-v" style="float: left; margin-left: 2px; height: 11px;"></div> <div class="ui-chain-v" style="float: left; margin-left: 43px; height: 11px;"></div></div> <div class="ui-box"></div></div> <div class="clearfix" style="width: 11px; float: left; display: none;"><div class="ui-chain-h" style="margin-top: 2px; width: 11px;"></div> <div class="ui-chain-h" style="margin-top: 43px; width: 11px;"></div></div> <div class="ui-box" style="font-size: 1em; padding: 3px 8px; float: left; min-height: 120px; width: 100%;"><span>I once caused the end of the world. A random player came and asked for a quest. A glitch in my dialogue script made the entire server crash, killing every living being in the world. I've been scared to talk with players.
- </span> <div style="margin-top: 5px;"><div style="width: 100%;"><div class="clickable ui-box-light medium button" style="width: 100%; text-align: left;"><span class="shadow360 glyphicon glyphicon-chevron-right"></span> <span class="shadow360" style="display: none;">1 -</span> <span class="shadow360">Hello</span></div></div><div style="width: 100%;"><div class="clickable ui-box-light medium button" style="width: 100%; text-align: left;"><span class="shadow360 glyphicon glyphicon-chevron-right"></span> <span class="shadow360" style="display: none;">2 -</span> <span class="shadow360">Bye</span></div></div></div></div></div></div> <div style="position: absolute; top: 45%; left: 60%;"><div id="expPopup" class="shadow" style="font-size: 1em; color: white; display: none;">
- +0 Exp <!----></div></div> <div style="position: absolute; top: calc(45% + 25px); left: 60%;"><div id="itemPopup" class="shadow" style="margin-left: -10px; font-size: 1em; color: white; display: none;"></div></div> <div style="position: absolute; top: calc(45% + 50px); left: 60%;"><div id="msgNextToPlayer" class="shadow" style="font-size: 1em; display: none;"></div></div> <div style="position: absolute; top: 50%; left: 50%; pointer-events: all; transform: translate(-50%, -50%);"><div id="revive" class="ui-box transparent" style="width: 100%; text-align: center; padding: 20px; display: none;"><div class="verticalfix" style="margin-bottom: 10px;"><div class="img32x32"><div class="sprite icon-ui-skullBoss"></div></div> <span style="font-size: 2em;">You are dead.</span> <div class="img32x32"><div class="sprite icon-ui-skullBoss"></div></div></div> <div style="display: none;"><button class="button ui-box-primary large" style="width: 200px;">Respawn</button></div> <div><span>Wait for party to revive you...</span> <br><small>or</small><br> <button class="button ui-box-primary large" style="margin-top: 4px;">Respawn at Waypoint</button></div> <div class="c-red" style="margin-top: 10px; display: none;">
- </div></div></div> <div style="position: absolute; top: 20%; left: 50%; pointer-events: all; transform: translate(-50%, -50%);"><div id="processBar" class="verticalfix ui-box transparent" style="width: 305px; padding: 1px 6px; height: 30px; display: none;"><div style="display: inline-block; width: 200px; background: rgb(0, 0, 0); padding: 2px;"><div style="pointer-events: none; background-color: rgb(41, 69, 41); height: 10px; width: 100%;"></div></div> <div style="display: inline-block;">
- 100%
- </div> <button class="button ui-box" style="display: inline-block;">Hide</button></div></div> <div style="position: absolute; right: 0%; bottom: 0%; pointer-events: all;"><div id="optionList" class="ui-box" style="height: auto; width: auto; padding: 3px 7px; display: none;"><div class="ui-dialog-titlebar" style="font-size: 1.2em;">The Creator</div> <div><div class="uhover">
- - Hello
- </div></div></div></div></div> <div id="topRight" style="position: absolute; z-index: 12; pointer-events: none; top: 0px; right: 1px; width: 50%; height: 50%;"><div class="clearfix" style="width: 100%;"><div style="float: right; max-width: 150px; pointer-events: all; width: calc((((100% - 130px) - 40px) - 20px) - 3px);"><div id="resourceBar" style="width: 100%; font-size: 0.8em;"><div class="ui-box clearfix" style="display: none;"><div class="shadow" style="float: left;">
- Lv 0
- </div> <div class="shadow" style="float: right; margin-right: 2px;">
- Fame: 0
- </div></div> <div class="clearfix" style="display: none;"><div class="ui-chain-v" style="float: left; margin-left: 3px; height: 11px;"></div> <div class="ui-chain-v" style="float: left; margin-left: calc((100% - 22px) - 6px); height: 11px;"></div></div> <div class="ui-box clearfix"><table class="myTable" style="font-size: 1em;"><tbody><tr><td>
- HP
- </td> <td style="width: 100%;"><div class="containerBar"><div class="shadow colorBar" style="background: red; box-shadow: rgb(68, 0, 0) 1px 1px 0px; width: 100%;"></div> <span class="shadow360 myText">1000 / 1000</span></div></td></tr> <tr style="display: none;"><td>
- XP
- </td> <td class=" has-tooltip"><div class="containerBar"><div class="shadow colorBar" style="background: rgb(255, 217, 50); box-shadow: rgb(34, 34, 0) 1px 1px 0px; width: 7%;"></div> <span class="shadow360 myText">90 / 1220</span></div></td></tr></tbody></table></div></div></div> <div id="menuSpot1" style="float: right; pointer-events: all; width: 130px; min-height: 1px;"><div id="menu" style="width: 100%; transform-origin: 100% 0px 0px; transform: scale(1.5);"><div class="clearfix"><div style="float: left; min-height: 1px; width: calc(100% - 70px);"><div class="ui-chain-v" style="height: calc(41px); display: none;"></div></div> <div style="float: left; width: 70px;"><div class="ui-box button glowing" style="padding: 3px; font-size: 1em; width: 70px; height: 30px; text-align: center;">
- Menu <span class="glyphicon glyphicon-triangle-bottom" style="font-size: 0.8em;"></span></div> <div class="clearfix" style="display: none;"><div class="ui-chain-v" style="float: left; margin-left: 2px; height: 11px;"></div> <div class="ui-chain-v" style="float: left; margin-left: 42px; height: 11px;"></div></div></div></div> <div class="ui-box" style="width: 100%; display: none;"><div class="verticalfix" style="cursor: pointer; margin-bottom: 2px;"><div class="" style="overflow: hidden;"><div class="img16x16" style="margin-right: 5px;"><div class="sprite icon-ui-progress"></div></div><span><span class="uhover">Dashboard</span></span></div> <hr style="margin: 5px 10px;"></div><div class="verticalfix" style="cursor: pointer; margin-bottom: 2px;"><div class="glowing" style="overflow: hidden;"><div class="img16x16" style="margin-right: 5px;"><div class="sprite icon-ui-inventory"></div></div><span><span class="uhover">Inventory</span></span></div> <hr style="margin: 5px 10px; display: none;"></div><div class="verticalfix" style="cursor: pointer; margin-bottom: 2px; display: none;"><div class="" style="overflow: hidden;"><div class="img16x16" style="margin-right: 5px;"><div class="sprite icon-ui-contribution"></div></div><span><span class="uhover">Contribute</span></span></div> <hr style="margin: 5px 10px; display: none;"></div><div class="verticalfix" style="cursor: pointer; margin-bottom: 2px;"><div class="" style="overflow: hidden;"><div class="img16x16" style="margin-right: 5px;"><div class="sprite icon-ui-gear"></div></div><span><span class="uhover">Settings</span></span></div> <hr style="margin: 5px 10px; display: none;"></div><div class="verticalfix" style="cursor: pointer; margin-bottom: 2px;"><div class="" style="overflow: hidden;"><div class="img16x16" style="margin-right: 5px;"><div class="sprite icon-ui-exit"></div></div><span><span class="uhover">Exit Game</span></span></div> <hr style="margin: 5px 10px; display: none;"></div></div></div></div><div style="float: right; width: 60px; pointer-events: all;"><div id="inboxButton" style="height: 30px; width: 100%; text-align: center;"><div style="position: relative; width: 100%; text-align: center; z-index: -1; padding-right: 10px;"></div> <div class="clickable ui-box button" style="height: 30px; width: 100%; z-index: 10;"><span class="glyphicon glyphicon-envelope" style="font-size: 1.2em; vertical-align: bottom; color: grey;"></span> <span style="float: right; margin: 5px 5px 5px 3px; padding: 0px 4px; border-radius: 2px; font-size: 0.8em; background: grey; color: grey;">0</span></div></div></div></div> <div style="position: absolute; width: 160px; right: 10px; margin-top: 20px;"><div id="questButton" style="pointer-events: auto; margin-top: 100px;"><div class="" style="float: left; width: 100%; padding: 3px; overflow: auto;"><div><div class="button ui-box-primary clickable" style="pointer-events: all; text-align: left; padding-left: 5px; margin-bottom: 2px; width: 100%;"><div class="clearfix" style="align-items: center; display: flex; width: 100%;"><div class="img16x16" style="float: left;"><div class="sprite icon-ui-minimapIconQuestMarkerRight"></div></div> <div class="shadow360" style="float: left; margin-left: 5px;"><span>Help</span> <span style="display: none;">x0</span></div></div></div></div> </div></div></div></div></div></div>
- <script src="/js/VUE_PRECOMPILED.js?v=8902832" defer=""></script>
- <link rel="stylesheet" href="/css/vue-game.css?v=8902832">
- <script type="text/afterDefer">
- window2.onDOMLoaded(); //must be last
- </script>
- <script>
- document.addEventListener("DOMContentLoaded", function() {
- var arr = document.querySelectorAll("script[type='text/afterDefer']");
- var errors = [];
- for (var i = 0; i < arr.length; i++) {
- try {
- var func = new Function(arr[i].innerHTML);
- func();
- } catch(err){
- errors.push(err);
- }
- }
- var els = $('.lazy'); //image lazy loading. uses data-src instead of src
- if(els.Lazy)
- els.Lazy();
- if(errors.length)
- throw errors;
- });
- </script>
- <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-60322523-1', 'auto');
- ga('send', 'pageview');
- </script>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement