API tools faq
paste
Advertisement
kazmadan

roundtext.html

kazmadan
Mar 8th, 2018
194
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.83 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <link rel="stylesheet" href="css/stylesheet.css" type="text/css" charset="utf-8">
  4. <script src="js/easeljs-0.8.2.min.js" type="text/javascript" charset="utf-8"></script>
  5. <script src="js/createjs-2013.05.14.min.js" type="text/javascript" charset="utf-8"></script>
  6. <script src="js/dropshadowfilter.min.js" type="text/javascript" charset="utf-8"></script>
  7. <script src="js/countries.js" type="text/javascript" charset="utf-8"></script>
  8. <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  9. <script type="text/javascript">
  10. fileContents:"Null";
  11. var timestampOld = 1;
  12. var timestamp = 1;
  13. var pName1;
  14. var pScore1;
  15. var pName2;
  16. var pScore2;
  17. var pCountry1;
  18. var pCountry2;
  19. var oldCountry1 = "";
  20. var oldCountry2 = "";
  21. var mText3;
  22.  
  23. var xmlDoc;
  24.  
  25. var xhr = new XMLHttpRequest();
  26.  
  27. var animating = false;
  28. var doUpdate = false;
  29.  
  30. var stage,board,pName1t,pName2t,pScore1t,pScore2t,pCountry1b,pCountry2b,mText3t,pFlag1,pFlag2;
  31.  
  32.  
  33. var previousData
  34.  
  35.  
  36. function init() {
  37.  
  38. //xhr.overrideMimeType('text/xml');
  39.  
  40. var timeout = this.window.setInterval(function() {
  41. pollHandler();
  42. }, 250);
  43.  
  44. stage = new createjs.Stage("myCanvas");
  45.  
  46. board = new createjs.Container();
  47.  
  48.  
  49. scoreboard = new createjs.Bitmap("images/game.png");
  50. scoreboard.regX = 0;
  51. scoreboard.regY = 0;
  52.  
  53. board.addChild(scoreboard);
  54.  
  55. pFlag1 = new createjs.Container();
  56. pFlag1.x = -500;
  57. pFlag1.alpha=0;
  58.  
  59. board.addChild(pFlag1);
  60.  
  61. pFlag2 = new createjs.Container()
  62. pFlag2.x = 3112;
  63. pFlag2.alpha=0;
  64.  
  65. board.addChild(pFlag2);
  66.  
  67. pName1t = new createjs.Text("", "24px Steagisler", "#ffffff");
  68. //pName1t = new createjs.Text("", "24px GroteskBold", "#ffffff");
  69. pName1t.x = 550;
  70. pName1t.y = 10;
  71. pName1t.textAlign = "left";
  72.  
  73. board.addChild(pName1t);
  74.  
  75. pName2t = new createjs.Text("", "24px Steagisler", "#ffffff");
  76. //pName2t = new createjs.Text("", "24px GroteskBold", "#ffffff");
  77. pName2t.x = 1105;
  78. pName2t.y = 10;
  79. pName2t.textAlign = "right";
  80.  
  81. board.addChild(pName2t);
  82.  
  83. pScore1t = new createjs.Text("", "26px Steagisler", "#ffffff");
  84. pScore1t.x = 157;
  85. pScore1t.y = 8;
  86. pScore1t.textAlign = "center";
  87.  
  88. board.addChild(pScore1t);
  89.  
  90. pScore2t = new createjs.Text("", "26px Steagisler", "#ffffff");
  91. pScore2t.x = 1124;
  92. pScore2t.y = 8;
  93. pScore2t.textAlign = "center";
  94.  
  95. board.addChild(pScore2t);
  96.  
  97. mText3t = new createjs.Text("", "16px Steagisler", "#ffffff");
  98. mText3t.x = 640;
  99. mText3t.y = 14;
  100. mText3t.textAlign = "center";
  101. mText3t.shadow = new createjs.Shadow( "black", 0, 0, 10);
  102.  
  103. var distance = 0;
  104. var angle = 90;
  105. var color = 0x000000;
  106. var alpha = 0.2;
  107. var blurX = 8;
  108. var blurY = 8;
  109. var strength = 4;
  110. var quality = 2;
  111. var inner = false;
  112. var knockout = false;
  113. var hideObject = false;
  114.  
  115.  
  116. mText3t.filters = [new createjs.DropShadowFilter(distance, angle, color, alpha, blurX, blurY, strength, quality, inner, knockout, hideObject)];
  117.  
  118.  
  119. board.addChild(mText3t);
  120.  
  121. <!-- $.ajax({ -->
  122. <!-- url: "roundtext.txt", -->
  123. <!-- async: false, -->
  124. <!-- success: function(data) { -->
  125. <!-- var resourceContent = data; -->
  126. <!-- mText3 = resourceContent; -->
  127. <!-- mText3t.text = mText3; -->
  128.  
  129.  
  130.  
  131. <!-- } -->
  132. <!-- }); -->
  133.  
  134.  
  135.  
  136.  
  137. stage.addChild(board);
  138. loadData();
  139. board.y = -100;
  140.  
  141. createjs.Tween.get(board).wait(300).to({y:0},800, createjs.Ease.quintOut);
  142.  
  143. createjs.Ticker.addEventListener("tick", enterFrame);
  144. createjs.Ticker.setFPS(60);
  145.  
  146.  
  147. stage.update();
  148. }
  149.  
  150.  
  151. function enterFrame(event) {
  152. stage.update(event);
  153. }
  154.  
  155. function pollHandler()
  156. {
  157. loadData();
  158. //updateBoard();
  159. if (timestamp != timestampOld) {
  160. doUpdate = true;
  161. }
  162. if (!animating && doUpdate) {
  163. updateBoard();
  164. }
  165. }
  166.  
  167. function loadData() {
  168.  
  169. $.ajax({
  170. url: "roundtext.txt",
  171. async: false,
  172. success: function(data) {
  173. var resourceContent = data;
  174. mText3 = resourceContent;
  175. <!-- if (mText3.text != mText3) { -->
  176. <!-- previousData = resourceContent; -->
  177. <!-- mText3 = resourceContent; -->
  178. <!-- //timestampOld = timestamp; -->
  179. <!-- //timestamp = timestamp + 1; -->
  180. <!-- //updateBoard(); -->
  181. <!-- } -->
  182.  
  183. }
  184. });
  185.  
  186. pName1 = "Hi";
  187. pName2 = "sefse";
  188. pScore1 = "sf";
  189. pScore2 = "sefe";
  190. pCountry1 = "efe";
  191. pCountry2 = "efsefs";
  192. timestampOld = timestamp;
  193. timestamp = "23434";
  194. }
  195.  
  196.  
  197. function updateBoard() {
  198.  
  199. if (pName1t.text != pName1) {
  200. animating = true;
  201.  
  202. //X POSITION NAME 1
  203. createjs.Tween.get(pName1t).to({x:275,alpha:0},500, createjs.Ease.quintIn).call(function() {pName1t.text = pName1;})
  204. .wait(200).to({x:195,alpha:1},500, createjs.Ease.quintOut).call(function() {animating = false;});
  205. }
  206.  
  207. if (pName2t.text != pName2) {
  208. animating = true;
  209. createjs.Tween.get(pName2t).to({x:1005,alpha:0},500, createjs.Ease.quintIn).call(function() {pName2t.text = pName2;})
  210. .wait(200).to({x:1085,alpha:1},500, createjs.Ease.quintOut).call(function() {animating = false;});
  211. }
  212.  
  213. if (pScore1t.text != pScore1) {
  214. animating = true;
  215. createjs.Tween.get(pScore1t).to({alpha:0},500, createjs.Ease.quintIn).call(function() {pScore1t.text = pScore1;})
  216. .to({alpha:1},500, createjs.Ease.quintOut).call(function() {animating = false;});
  217. }
  218.  
  219. if (pScore2t.text != pScore2) {
  220. animating = true;
  221. createjs.Tween.get(pScore2t).to({alpha:0},500, createjs.Ease.quintIn).call(function() {pScore2t.text = pScore2;})
  222. .to({alpha:1},500, createjs.Ease.quintOut).call(function() {animating = false;});
  223. }
  224.  
  225. if (oldCountry1 != pCountry1 || pFlag1.alpha == 0) {
  226. animating = true;
  227. var pFlag1n = new createjs.Bitmap("GoSquared/cropped/iso/64shiny/" + pCountry1 + ".png");
  228.  
  229. createjs.Tween.get(pFlag1).to({alpha:0},500, createjs.Ease.quintIn).call(function() {
  230. pFlag1.removeAllChildren();
  231.  
  232. pFlag1n.scaleX = 43 / pFlag1n.image.width;
  233. pFlag1n.scaleY = 28 / pFlag1n.image.height;
  234.  
  235. pFlag1.addChild(pFlag1n);
  236. oldCountry1 = pCountry1;
  237. })
  238. .to({alpha:1},500, createjs.Ease.quintOut).call(function() {animating = false;});
  239. }
  240.  
  241. if (oldCountry2 != pCountry2 || pFlag2.alpha == 0) {
  242. animating = true;
  243. var pFlag2n = new createjs.Bitmap("GoSquared/cropped/iso/64shiny/" + pCountry2 + ".png");
  244.  
  245. createjs.Tween.get(pFlag2).to({alpha:0},500, createjs.Ease.quintIn).call(function() {
  246. pFlag2.removeAllChildren();
  247.  
  248. pFlag2n.scaleX = 43 / pFlag2n.image.width;
  249. pFlag2n.scaleY = 28 / pFlag2n.image.height;
  250.  
  251. pFlag2.addChild(pFlag2n);
  252. oldCountry2 = pCountry2;
  253. })
  254. .to({alpha:1},500, createjs.Ease.quintOut).call(function() {animating = false;});
  255. }
  256.  
  257. if (mText3t.text != mText3) {
  258. animating = true;
  259.  
  260. mText3t.cache(-500, -500, 1000, 1000); // this is a stop-gap measure that I'm not gonna fix
  261.  
  262. createjs.Tween.get(mText3t).to({alpha:0},500, createjs.Ease.quintIn).wait(100).call(function() {mText3t.text = mText3; mText3t.cache(-500, -500, 1000, 1000);})
  263. .wait(100).to({alpha:1},500, createjs.Ease.quintOut).call(function() {animating = false; mText3t.cache(-500, -500, 1000, 1000);});
  264. }
  265.  
  266. doUpdate = false;
  267. }
  268.  
  269. function getValueFromTag (xmlDoc,tag) {
  270. if (xmlDoc.getElementsByTagName(tag).length != 0 ) {
  271. if (xmlDoc.getElementsByTagName(tag)[0].childNodes.length == 0) {
  272. return '';
  273. } else {
  274. return xmlDoc.getElementsByTagName(tag)[0].childNodes[0].nodeValue;
  275. }
  276. } else {
  277. return '';
  278. }
  279. }
  280.  
  281. function getCountry (country) {
  282.  
  283. var count = iso.findCountryByName(country);
  284. if (!count)
  285. count = iso.findCountryByCode(country);
  286. if (!count) {
  287. var count = new Array();
  288. count['value'] = "unknown";
  289. }
  290.  
  291. return count['value'];
  292. }
  293. </script>
  294. </head>
  295. <body onLoad="init()">
  296. <canvas id="myCanvas" width="1280" height="720">
  297. canvas
  298. </canvas>
  299. </body>
  300. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!