25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.

mahjong-demo2.html 6.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. <!DOCTYPE html>
  2. <head>
  3. <meta charset="utf-8" />
  4. <!-- Set the viewport width to device width for mobile -->
  5. <meta name="viewport" content="width=device-width" />
  6. <title>OGS Mahjong 2: Demo 2</title>
  7. <link rel="stylesheet" href="http://opengamestudio.org/theme/css/normalize.css" />
  8. <link rel="stylesheet" href="http://opengamestudio.org/theme/css/foundation.min.css" />
  9. <link rel="stylesheet" href="http://opengamestudio.org/theme/css/style.css" />
  10. <link rel="stylesheet" href="http://opengamestudio.org/theme/css/pygments.css" />
  11. <script src="http://opengamestudio.org/theme/js/custom.modernizr.js"></script>
  12. <!-- So Firefox can bookmark->"abo this site" -->
  13. <link href="feeds/all.atom.xml" rel="alternate" title="Opensource Game Studio" type="application/atom+xml">
  14. </head>
  15. <body>
  16. <!-- Nav Bar -->
  17. <nav>
  18. <!-- Show menu items and pages -->
  19. <div class="row">
  20. <div class="large-12 columns top-bar">
  21. <h1><a href="http://opengamestudio.org">Opensource Game Studio</a></h1>
  22. </div>
  23. </div>
  24. <div class="row top-menu">
  25. <div class="large-12 columns">
  26. <a href="/pages/games.html" class="menu-button secondary">Games</a>
  27. <a href="/pages/education.html" class="menu-button secondary">Education</a>
  28. <a href="/pages/about.html" class="menu-button secondary">About</a>
  29. </div>
  30. </div>
  31. </nav>
  32. <!-- End Nav -->
  33. <!-- Main Page Content and Sidebar -->
  34. <div class="row">
  35. <!-- Main Blog Content -->
  36. <div class="large-9 columns">
  37. <article>
  38. <header>
  39. <h3 class="article-title"><a href="http://opengamestudio.org/mahjong-demo2.html" rel="bookmark"
  40. title="Permalink to OGS Mahjong 2: Demo 2">OGS Mahjong 2: Demo 2</a></h3>
  41. </header>
  42. <h6 class="subheader" title="2018-10-02T00:00:00+03:00">Вт 02 октября 2018
  43. <a class="button secondary small translation-button" href="http://opengamestudio.org/mahjong-demo2-ru.html">ru</a>
  44. </h6> <p><img alt="Screenshot" src="http://opengamestudio.org/2018-10-02-mahjong-demo2.png"></p>
  45. <p>We are glad to announce the release of the second demonstration of OGS Mahjong 2.
  46. The purposes of this release were to refine our development techniques and
  47. build a solid cross-platform foundation.</p>
  48. <p><strong>Release</strong></p>
  49. <p>Run the latest version of OGS Mahjong 2 in your web browser:
  50. <a href="http://ogstudio.github.io/ogs-mahjong">http://ogstudio.github.io/ogs-mahjong</a></p>
  51. <p>You are encouraged to run the game with <code>seed</code> parameter like this:
  52. <a href="http://ogstudio.github.io/ogs-mahjong?seed=0">http://ogstudio.github.io/ogs-mahjong?seed=0</a></p>
  53. <p>This allows you to play the same layout each time you launch the game.</p>
  54. <p>Each seed uniquely identifies the placement of tiles. Thus, different seeds
  55. give you a different experience.</p>
  56. <p><strong>Development techniques and foundation</strong></p>
  57. <p>During the second demonstration development, we switched from standard
  58. development to <a href="http://opengamestudio.org/example-driven-development.html">example-driven one</a>. This resulted in the
  59. creation of three distinct repositories to back the development of OGS Mahjong 2:</p>
  60. <ul>
  61. <li><a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples">OpenSceneGraph cross-platform examples</a> repository provides cross-platform foundation like resource handling, render window setup, etc.</li>
  62. <li><a href="https://github.com/OGStudio/ogs-mahjong-components">OGS Mahjong components</a> repository provides Mahjong specific functionality like parsing layout, matching tiles, etc.</li>
  63. <li><a href="https://bitbucket.org/ogstudio-games/ogs-mahjong">OGS Mahjong</a> repository contains snapshots of <code>OGS Mahjong components</code> features that comprise specific game version. E.g., <code>Demo 2</code> version is almost identical to <a href="https://github.com/OGStudio/ogs-mahjong-components/tree/master/05.ColorfulStatus">05.ColorfulStatus</a> example of <code>OGS Mahjong components</code>.</li>
  64. </ul>
  65. <p><strong>Beyond Mahjong solitaire</strong></p>
  66. <p>In addition to <code>seed</code> parameter, you can let the game use remote layout hosted at GitHub:
  67. <a href="http://ogstudio.github.io/ogs-mahjong?seed=0&amp;layout=github://OGStudio/ogs-mahjong-components/data/cat.layout">http://ogstudio.github.io/ogs-mahjong?seed=0&amp;layout=github://OGStudio/ogs-mahjong-components/data/cat.layout</a></p>
  68. <p>Utilizing remote resources is an extremely powerful approach allowing anyone
  69. to create a layout of his/her choice and see the layout in action instantly.</p>
  70. <p>Our next step is to turn game logic into a resource, too.</p>
  71. <p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
  72. </p>
  73. </article>
  74. </div>
  75. <!-- End Main Content -->
  76. <!-- Sidebar -->
  77. <aside class="large-3 columns">
  78. <!--k
  79. <h5 class="sidebar-title">Site</h5>
  80. <ul class="side-nav">
  81. <li><a href="http://opengamestudio.org/archives.html">Archives</a>
  82. <li><a href="http://opengamestudio.org/tags.html">Tags</a>
  83. <li><a href="http://opengamestudio.org/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
  84. </ul>
  85. <h5 class="sidebar-title">Categories</h5>
  86. <ul class="side-nav">
  87. <li><a href="http://opengamestudio.org/category/news.html">News</a></li>
  88. </ul>
  89. -->
  90. <h5 class="sidebar-title">Ads</h5>
  91. <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  92. <!-- ogs2 -->
  93. <ins class="adsbygoogle"
  94. style="display:block"
  95. data-ad-client="ca-pub-4473792248813084"
  96. data-ad-slot="9024247127"
  97. data-ad-format="auto"></ins>
  98. <script>
  99. (adsbygoogle = window.adsbygoogle || []).push({});
  100. </script>
  101. </aside> <!-- End Sidebar -->
  102. </div> <!-- End Main Content and Sidebar -->
  103. <!-- Footer -->
  104. <footer class="row">
  105. <div class="large-12 columns">
  106. <hr />
  107. <div class="row">
  108. <div class="large-7 columns">
  109. <p>Proudly powered by <a href="http://getpelican.com">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.</p>
  110. </div>
  111. </div>
  112. </div>
  113. <script type="text/javascript">
  114. var _gaq = _gaq || [];
  115. _gaq.push(['_setAccount', 'UA-3773114-1']);
  116. _gaq.push(['_trackPageview']);
  117. (function() {
  118. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  119. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  120. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  121. })();
  122. </script>
  123. </footer>