選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

365 行
19KB

  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>Opensource Game Studio</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/projects.html" class="menu-button secondary">Projects</a>
  27. <a href="/pages/about.html" class="menu-button secondary">About</a>
  28. </div>
  29. </div>
  30. </nav>
  31. <!-- End Nav -->
  32. <!-- Main Page Content and Sidebar -->
  33. <div class="row">
  34. <!-- Main Blog Content -->
  35. <div class="large-9 columns">
  36. <article>
  37. <a href="http://opengamestudio.org/mahjong-recreation-start.html"><h3 class="article-title">Mahjong recreation start</h3></a>
  38. <h6 class="subheader" title="2018-01-26T00:00:00+03:00">Пт 26 Январь 2018
  39. <a class="button secondary small translation-button" href="http://opengamestudio.org/mahjong-recreation-start-ru.html">ru</a>
  40. </h6><p><img alt="Screenshot" src="http://opengamestudio.org/2018-01-26-mahjong-recreation-start.png" /></p>
  41. <p>This article describes the start of Mahjong game recreation.</p>
  42. <p><strong>Plan</strong></p>
  43. <p>We started Mahjong recreation endeavour by composing a brief plan to get gameplay with minimal graphics:</p>
  44. <ul>
  45. <li>Load single layout</li>
  46. <li>Place tiles in layout positions</li>
  47. <li>Distinguish tiles</li>
  48. <li>Implement selection</li>
  49. <li>Implement matching</li>
  50. </ul>
  51. <p>Just like any other plan, this one looked fine at first sight. However, once you get down to work, new details start to come out. This plan was no exception. Below are a few problems that came out during development.</p>
  52. <p><strong>Problem №1: provide binary resources across supported platforms</strong></p>
  53. <p>Mahjong is going to be available on desktop, mobile, and web. Each of these platforms has its constraints on accessing external files:</p>
  54. <ul>
  55. <li>Desktop can access almost any file</li>
  56. <li>Android/iOS have limited access to file system</li>
  57. <li>Web does not have any file system at all</li>
  58. </ul>
  59. <p>To provide a unified way for accessing resources, we decided to include them into final executable. This decision led to the birth of <strong>mjin-resource</strong> and <strong>mahjong-data</strong> projects.</p>
  60. <p><a href="https://bitbucket.org/ogstudio/mjin-resource">mjin-resource</a>:</p>
  61. <ul>
  62. <li>converts binary files to C header files with the help of <strong>xxd</strong> utility</li>
  63. <li>generates MJIN project that contains generated headers to be compiled into static library</li>
  64. <li>provides C++ interface for accessing generated resources</li>
  65. </ul>
  66. <p><a href="https://bitbucket.org/ogstudio-games/mahjong-data">mahjong-data</a> is an example of such generated MJIN project that is referenced by <a href="https://bitbucket.org/ogstudio-games/mahjong">mahjong</a> project.</p>
  67. <p><strong>Problem №2: load PNG images across supported platforms</strong></p>
  68. <p>To load PNG, we use corresponding OpenSceneGraph plugin. We built it for desktop with no issues. Building for web (Emscripten) turned out to be more difficult: Emscripten provides its own version of <strong>libpng</strong>, which OpenSceneGraph build script can't detect. We had to work around several OpenSceneGraph checks to successfully build the plugin for Emscripten.
  69. Building the plugin for Android and iOS is still waiting for us. Once we get PNG plugin working across supported platforms, we are going to publish a new tutorial for <a href="https://github.com/ogstudio/openscenegraph-cross-platform-guide">OpenSceneGraph cross-platform guide</a> to cover PNG image loading. We already got a <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/issues/4">request to describe image loading</a>.</p>
  70. <p><strong>Development</strong></p>
  71. <p><a href="http://opengamestudio.org/lets-go.html">As you know</a>, we published OpenSceneGraph cross-platform guide to make OpenSceneGraph community stronger. We value education, and we love to share our knowledge. That's why we decided to develop Mahjong in small reproducible chunks uniquely identified by internal versions. These versions are available in <a href="https://bitbucket.org/ogstudio-games/mahjong">mahjong repository</a>.</p>
  72. <p>We also provide <a href="http://ogstudio.github.io/game-mahjong">version history and web releases of each internal version</a> for the following reasons:</p>
  73. <ul>
  74. <li>education: show how development looks like internally</li>
  75. <li>accessibility: provide older versions for comparison</li>
  76. </ul>
  77. <p><strong>Current Mahjong game status</strong></p>
  78. <p>As of the time of this writing, we have implemented tile selection. <a href="https://ogstudio.github.io/game-mahjong/versions/010/mjin-player.html">Try it in your browser!</a></p>
  79. <p>Once we finish tile matching implementation, we are going to publish the intermediate result for all supported platforms.</p>
  80. <p>That's it for describing the start of Mahjong game recreation.</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
  81. </p>
  82. </article>
  83. <hr class="gradient"/>
  84. <article>
  85. <a href="http://opengamestudio.org/the-year-of-lessons.html"><h3 class="article-title">The year of lessons</h3></a>
  86. <h6 class="subheader" title="2017-12-31T22:00:00+03:00">Вс 31 Декабрь 2017
  87. <a class="button secondary small translation-button" href="http://opengamestudio.org/the-year-of-lessons-ru.html">ru</a>
  88. </h6><p><img alt="Screenshot" src="http://opengamestudio.org/2017-12-31-celebration.jpg" /></p>
  89. <p>So, the year 2017 is approaching its finale, the year's results have already
  90. been summed up. We're going to take a break from igniting the fireworks or
  91. preparation of the champagne so that we can designate our goal for the
  92. following year.</p>
  93. <p>As it may be clear from ...</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
  94. </p>
  95. <a class="button radius secondary small right" href="http://opengamestudio.org/the-year-of-lessons.html">Read More</a>
  96. <hr class="gradient"/>
  97. </article>
  98. <article>
  99. <a href="http://opengamestudio.org/2017-summary.html"><h3 class="article-title">2017 summary</h3></a>
  100. <h6 class="subheader" title="2017-11-22T00:00:00+03:00">Ср 22 Ноябрь 2017
  101. <a class="button secondary small translation-button" href="http://opengamestudio.org/2017-summary-ru.html">ru</a>
  102. </h6><p><img alt="Screenshot" src="http://opengamestudio.org/2017-11-22-2017-summary.png" /></p>
  103. <p>It's time to step back to see our accomplishments in 2017 and how they connect to the overall goal of Opensource Game Studio project.</p>
  104. <p><strong>Brief history</strong></p>
  105. <p>Opensource Game Studio project is 12 years old now.</p>
  106. <p><strong>2005.</strong> We started the project with a <a href="https://www.linuxquestions.org/questions/general-10/the-creation-of-the-best-rpg-355858/">fanatic call</a> to create the best game ...</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
  107. </p>
  108. <a class="button radius secondary small right" href="http://opengamestudio.org/2017-summary.html">Read More</a>
  109. <hr class="gradient"/>
  110. </article>
  111. <article>
  112. <a href="http://opengamestudio.org/back-to-the-static.html"><h3 class="article-title">Back to the Static</h3></a>
  113. <h6 class="subheader" title="2017-10-16T00:00:00+03:00">Пн 16 Октябрь 2017
  114. <a class="button secondary small translation-button" href="http://opengamestudio.org/back-to-the-static-ru.html">ru</a>
  115. </h6><p><img alt="Back to the Static" src="http://opengamestudio.org/2017-10-16-back-to-the-static.png" /></p>
  116. <p>We have been using Wordpress as our website engine for more than seven years. And now it's time to move forward. Or backward.
  117. For some time we've been tracking the development of the new breed of website engines - static site generators.
  118. It seems that this is the technology ...</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
  119. </p>
  120. <a class="button radius secondary small right" href="http://opengamestudio.org/back-to-the-static.html">Read More</a>
  121. <hr class="gradient"/>
  122. </article>
  123. <article>
  124. <a href="http://opengamestudio.org/mjin-world-birth.html"><h3 class="article-title">The birth of MJIN world</h3></a>
  125. <h6 class="subheader" title="2017-09-10T00:00:00+03:00">Вс 10 Сентябрь 2017
  126. <a class="button secondary small translation-button" href="http://opengamestudio.org/mjin-world-birth-ru.html">ru</a>
  127. </h6><p><img alt="The birth of MJIN world" src="http://opengamestudio.org/2017-09-mjin-world-birth.png" /></p>
  128. <p>This article describes the birth of MJIN world in August 2017.</p>
  129. <p><strong>mjin-player</strong></p>
  130. <p>As you know, <a href="http://opengamestudio.org/scripting-research.html">we spent July to research scripting</a>. We found a solution that satisfies the following criteria. Scripts should:</p>
  131. <ol>
  132. <li>run unchanged on all supported platforms</li>
  133. <li>allow extending C++ code</li>
  134. </ol>
  135. <p>We have verified the second criterion by writing ...</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
  136. </p>
  137. <a class="button radius secondary small right" href="http://opengamestudio.org/mjin-world-birth.html">Read More</a>
  138. <hr class="gradient"/>
  139. </article>
  140. <article>
  141. <a href="http://opengamestudio.org/scripting-research.html"><h3 class="article-title">Scripting research</h3></a>
  142. <h6 class="subheader" title="2017-08-16T00:00:00+03:00">Ср 16 Август 2017
  143. <a class="button secondary small translation-button" href="http://opengamestudio.org/scripting-research-ru.html">ru</a>
  144. </h6><p><img alt="Scripting research" src="http://opengamestudio.org/2017-08-scripting-research.png" /></p>
  145. <p>This article describes scripting research in July 2017.</p>
  146. <p><strong>Our first goal of using a scripting language was to have a platform-independent code that runs unchanged on every supported platform.</strong></p>
  147. <p>OGS Editor 0.10 supports Python for such a code thanks to <a href="http://swig.org/">SWIG</a>. SWIG provides a way to wrap almost any ...</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
  148. </p>
  149. <a class="button radius secondary small right" href="http://opengamestudio.org/scripting-research.html">Read More</a>
  150. <hr class="gradient"/>
  151. </article>
  152. <article>
  153. <a href="http://opengamestudio.org/openscenegraph-cross-platform-guide.html"><h3 class="article-title">OpenSceneGraph cross-platform guide</h3></a>
  154. <h6 class="subheader" title="2017-07-17T00:00:00+03:00">Пн 17 Июль 2017
  155. <a class="button secondary small translation-button" href="http://opengamestudio.org/openscenegraph-cross-platform-guide-ru.html">ru</a>
  156. </h6><p><img alt="OpenSceneGraph guide" src="http://opengamestudio.org/2017-07-openscenegraph-guide.png" /></p>
  157. <p>This article summarizes the work we did to produce OpenSceneGraph cross-platform guide.</p>
  158. <p>June marked the finish of <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide">OpenSceneGraph cross-platform guide</a> with the publishing of the last (initially planned) tutorial. The tutorial describes <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/tree/master/1.10.SampleWeb">how to build and run sample OpenSceneGraph application in Web</a> using Emscripten.
  159. In case you missed it, here ...</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
  160. </p>
  161. <a class="button radius secondary small right" href="http://opengamestudio.org/openscenegraph-cross-platform-guide.html">Read More</a>
  162. <hr class="gradient"/>
  163. </article>
  164. <article>
  165. <a href="http://opengamestudio.org/ios-tutorial.html"><h3 class="article-title">iOS tutorial</h3></a>
  166. <h6 class="subheader" title="2017-06-08T10:00:00+03:00">Чт 08 Июнь 2017
  167. <a class="button secondary small translation-button" href="http://opengamestudio.org/ios-tutorial-ru.html">ru</a>
  168. </h6><p><img alt="iOS tutorial" src="http://opengamestudio.org/2017-06-08-ios-refactoring.png" /></p>
  169. <p>This article describes problems we faced during the creation of iOS tutorial in May 2017.</p>
  170. <p><a href="https://twitter.com/OpenGameStudio/status/826816343433498627">This February</a> we managed to get simple model rendered under iOS in just a few days. We expected to finish iOS tutorial in no time. However, the reality reminded us: it's easy to come ...</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
  171. </p>
  172. <a class="button radius secondary small right" href="http://opengamestudio.org/ios-tutorial.html">Read More</a>
  173. <hr class="gradient"/>
  174. </article>
  175. <article>
  176. <a href="http://opengamestudio.org/osg-sample.html"><h3 class="article-title">OpenSceneGraph sample</h3></a>
  177. <h6 class="subheader" title="2017-05-12T00:00:00+03:00">Пт 12 Май 2017
  178. <a class="button secondary small translation-button" href="http://opengamestudio.org/osg-sample-ru.html">ru</a>
  179. </h6><p><img alt="OSG sample" src="http://opengamestudio.org/2017-05_osg-sample.png" /></p>
  180. <p>This article describes creation of the tutorials for building sample OpenSceneGraph application under Linux, macOS, Windows, and Android in April 2017.</p>
  181. <p>Previous tutorials described how to install OpenSceneGraph under Linux, macOS, Windows and render a model using the standard <strong>osgviewer</strong> tool. This time we worked on a <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide-application">sample OpenSceneGraph application ...</a></p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
  182. </p>
  183. <a class="button radius secondary small right" href="http://opengamestudio.org/osg-sample.html">Read More</a>
  184. <hr class="gradient"/>
  185. </article>
  186. <article>
  187. <a href="http://opengamestudio.org/its-all-fine.html"><h3 class="article-title">It's all fine</h3></a>
  188. <h6 class="subheader" title="2017-04-07T00:00:00+03:00">Пт 07 Апрель 2017
  189. <a class="button secondary small translation-button" href="http://opengamestudio.org/its-all-fine-ru.html">ru</a>
  190. </h6><p><img alt="ItsAllFine" src="http://opengamestudio.org/2017-04_its-all-fine.png" /></p>
  191. <p>This article describes creation of the first four OpenSceneGraph tutorials in March 2017.</p>
  192. <p>The <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/">first four OpenSceneGraph tutorials</a> explain how to create a cube model with Blender and display the model under Linux, macOS, or Windows using OpenSceneGraph tool called osgviewer.</p>
  193. <p>The whole process of creating a single tutorial turned ...</p><p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
  194. </p>
  195. <a class="button radius secondary small right" href="http://opengamestudio.org/its-all-fine.html">Read More</a>
  196. <hr class="gradient"/>
  197. </article>
  198. <!-- /#posts-list -->
  199. <div class="pagination-centered">
  200. <h6 class="subheader">Page 1 of 3</h6>
  201. <p>
  202. <a href="http://opengamestudio.org/index2.html">Next &raquo;</a>
  203. </p>
  204. </div>
  205. </div>
  206. <!-- End Main Content -->
  207. <!-- Sidebar -->
  208. <aside class="large-3 columns">
  209. <!--k
  210. <h5 class="sidebar-title">Site</h5>
  211. <ul class="side-nav">
  212. <li><a href="http://opengamestudio.org/archives.html">Archives</a>
  213. <li><a href="http://opengamestudio.org/tags.html">Tags</a>
  214. <li><a href="http://opengamestudio.org/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
  215. </ul>
  216. <h5 class="sidebar-title">Categories</h5>
  217. <ul class="side-nav">
  218. <li><a href="http://opengamestudio.org/category/news.html">News</a></li>
  219. </ul>
  220. -->
  221. <h5 class="sidebar-title">Ads</h5>
  222. <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  223. <!-- ogs2 -->
  224. <ins class="adsbygoogle"
  225. style="display:block"
  226. data-ad-client="ca-pub-4473792248813084"
  227. data-ad-slot="9024247127"
  228. data-ad-format="auto"></ins>
  229. <script>
  230. (adsbygoogle = window.adsbygoogle || []).push({});
  231. </script>
  232. </aside> <!-- End Sidebar -->
  233. </div> <!-- End Main Content and Sidebar -->
  234. <!-- Footer -->
  235. <footer class="row">
  236. <div class="large-12 columns">
  237. <hr />
  238. <div class="row">
  239. <div class="large-7 columns">
  240. <p>Proudly powered by <a href="http://getpelican.com">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.</p>
  241. </div>
  242. </div>
  243. </div>
  244. <script type="text/javascript">
  245. var _gaq = _gaq || [];
  246. _gaq.push(['_setAccount', 'UA-3773114-1']);
  247. _gaq.push(['_trackPageview']);
  248. (function() {
  249. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  250. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  251. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  252. })();
  253. </script>
  254. </footer>