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

openscenegraph-examples.html 4.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  1. <!DOCTYPE html>
  2. <html>
  3. <meta charset="utf-8">
  4. <head>
  5. <style>
  6. #header
  7. {
  8. background: #2BA6E3;
  9. padding: 0.7em;
  10. text-align: left;
  11. }
  12. #header a
  13. {
  14. color: white;
  15. text-decoration: none;
  16. padding: 0.5em 1em 0.5em 1em;
  17. }
  18. #lang
  19. {
  20. float: right;
  21. }
  22. .news_item
  23. {
  24. background: #FFFFFF;
  25. width: 720px;
  26. padding: 1em;
  27. margin-top: 2em;
  28. margin-bottom: 2em;
  29. border: 1px solid #E0E0E0;
  30. text-align: left;
  31. }
  32. .news_item_contents
  33. {
  34. color: #444;
  35. line-height: 1.5em;
  36. }
  37. .news_item_date
  38. {
  39. margin-bottom: 2em;
  40. color: #aaa;
  41. }
  42. html
  43. {
  44. font-family: sans-serif;
  45. }
  46. body
  47. {
  48. background: #FAFAFA;
  49. }
  50. code, pre
  51. {
  52. font-family: monospace, serif;
  53. font-size: 1em;
  54. color: #7f0a0c;
  55. }
  56. img
  57. {
  58. width: 720px;
  59. }
  60. a
  61. {
  62. color: #3A91CB;
  63. }
  64. table
  65. {
  66. border-collapse: collapse;
  67. }
  68. table, th, td
  69. {
  70. border: 1px solid #aaa;
  71. padding: 0.5em;
  72. margin-top: 0.5em;
  73. margin-bottom: 0.5em;
  74. }
  75. </style>
  76. </head>
  77. <body>
  78. <div id="header">
  79. <strong id="title">Open Game Studio</strong>
  80. <a href="../../en/news/index.html">News</a>
  81. <a href="../../en/game/index.html">Games</a>
  82. <a href="../../en/tool/index.html">Tools</a>
  83. <a href="../../en/page/about.html">About</a>
  84. <div id="lang">
  85. <a href="../../en/news/openscenegraph-examples.html">EN</a>
  86. <a href="../../ru/news/openscenegraph-examples.html">RU</a>
  87. </div>
  88. </div>
  89. <center>
  90. <h1>In the news...</h1>
  91. <div class="news_item">
  92. <h2 class="news_item_title">
  93. <a href="openscenegraph-examples.html">OpenSceneGraph cross-platform examples</a>
  94. </h2>
  95. <p class="news_item_date">
  96. 2018-04-20 00:00
  97. </p>
  98. <div class="news_item_contents">
  99. <p><img src="../../images/2018-04-20-openscenegraph-examples.png" alt="iOS Simulator renders a cube" /></p>
  100. <p>This article summarizes the work we did to produce the first two cross-platform OpenSceneGraph examples.</p>
  101. <p>By the time <a href="mahjong-techdemo1-gameplay.html">the first technology demonstration of OGS Mahjong 2</a> has been released, we've already had <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/issues/4">issue request</a> (to explain how to load images with OpenSceneGraph on Android) hanging for some time. We considered creating a new tutorial for <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide">OpenSceneGraph cross-platform guide</a> at first. However, we realized that it's time-consuming and excessive for such a tiny topic (compared to what an average game has) as image loading. We decided to continue sharing our knowledge in the form of concrete examples. That's how <a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples">OpenSceneGraph cross-platform examples</a> were born.</p>
  102. <p>Each example:</p>
  103. <ul>
  104. <li>explains crucial code necessary to perform a specific task</li>
  105. <li>accents platform-specific nuances</li>
  106. <li>provides implementations to cover desktop, mobile, and web platforms</li>
  107. <li>provides a web build to showcase results</li>
  108. </ul>
  109. <p>The first two examples cover the following topics:</p>
  110. <ul>
  111. <li>Embed resource into executable: this greatly simplifies resource handling across platforms</li>
  112. <li>Use PNG images with PNG plugins: this explains the requirements necessary to build and use PNG plugins</li>
  113. </ul>
  114. <p>We will be adding new examples as we proceed with OGS Mahjong 2 development.</p>
  115. <p>That's it for summarizing the work we did to produce the first two cross-platform OpenSceneGraph examples.</p>
  116. </div>
  117. </div>
  118. <div id="footer">
  119. The site has been generated by <a href="http://opengamestudio.org/pskov">PSKOV</a>
  120. from <a href="http://github.com/ogstudio/site-opengamestudio">this source code</a>.
  121. The site is hosted by <a href="https://pages.github.com">GitHub Pages</a>.
  122. </div>
  123. </center>
  124. </body>
  125. </html>