25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

examples-and-dependencies.html 8.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  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. /*
  57. figure
  58. {
  59. margin: 0px;
  60. padding: 0px;
  61. }
  62. */
  63. img
  64. {
  65. width: 720px;
  66. }
  67. a
  68. {
  69. color: #3A91CB;
  70. text-decoration: none;
  71. }
  72. table
  73. {
  74. border-collapse: collapse;
  75. }
  76. table, th, td
  77. {
  78. border: 1px solid #aaa;
  79. padding: 0.5em;
  80. margin-top: 0.5em;
  81. margin-bottom: 0.5em;
  82. }
  83. </style>
  84. </head>
  85. <body>
  86. <div id="header">
  87. <strong id="title">Open Game Studio</strong>
  88. <a href="../../ru/news/index.html">Новости</a>
  89. <a href="../../ru/game/index.html">Игры</a>
  90. <a href="../../ru/tool/index.html">Инструменты</a>
  91. <a href="../../ru/page/about.html">О нас</a>
  92. <div id="lang">
  93. <a href="../../en/news/examples-and-dependencies.html">EN</a>
  94. <a href="../../ru/news/examples-and-dependencies.html">RU</a>
  95. </div>
  96. </div>
  97. <center>
  98. <h1>В новостях...</h1>
  99. <div class="news_item">
  100. <h2 class="news_item_title">
  101. <a href="examples-and-dependencies.html">Примеры и зависимости</a>
  102. </h2>
  103. <p class="news_item_date">
  104. 2018-08-21 00:00
  105. </p>
  106. <div class="news_item_contents">
  107. <p><img src="../../images/2018-08-21-examples-and-dependencies.png" alt="Облако" /></p>
  108. <p>Эта статья описывает два новых кросс-платформенных примера OpenSceneGraph и изменение в работе с зависимостями.</p>
  109. <p><strong>Примеры клиента HTTP и выбора узла сцены</strong></p>
  110. <p>После окончания работы над <a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples/tree/master/04.RemoteDebugging">примером удалённой отладки</a> и <a href="example-driven-development.html">сообщения об этом</a> мы с удивлением обнаружили, что безопасное соединение HTTPS между отлаживаемым приложением и брокером отладки работало лишь в веб-версии примера. Десктопная и мобильная версии работали лишь с помощью обычного соединения HTTP.</p>
  111. <p>Т.к. текущая схема отладки не имеет авторизации, отладка по обычному соединению HTTP не несёт никаких проблем. Однако, если мы хотим получить доступ к ресурсам, расположенным на популярных сайтах вроде GitHub и BitBucket, мы обязаны поддерживать HTTPS.</p>
  112. <p>Необходимость поддержки HTTPS на каждой платформе побудила нас создать <a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples/tree/master/03.HTTPClient">пример клиента HTTP</a>. Оказалось, что каждая платформа имеет собственные правила по работе с HTTPS:</p>
  113. <ul>
  114. <li>веб (Emscripten) предоставляет Fetch API</li>
  115. <li>десктоп может использовать Mongoose с OpenSSL</li>
  116. <li>Android предоставляет HttpUrlConnection в языке Java</li>
  117. <li>iOS предоставляет NSURLSession в языке Objective-C</li>
  118. </ul>
  119. <p>Необходимость поддержки разных языков на разных платформах привела к созданию так называемого шаблона "хозяин-гость":</p>
  120. <ul>
  121. <li>гость (не привязан к платформе)<ul>
  122. <li>имеет сетевое представление</li>
  123. <li>используется кросс-платформенным кодом на C++</li></ul></li>
  124. <li>хозяин (определённая платформа)<ul>
  125. <li>опрашивает гостя на наличие ожидающих выполнение запросов</li>
  126. <li>обрабатывает их</li>
  127. <li>сообщает результат гостю</li></ul></li>
  128. </ul>
  129. <p><a href="https://github.com/OGStudio/openscenegraph-cross-platform-examples/tree/master/05.NodeSelection">Пример выбора узла сцены</a> оказался простым и не создал особых проблем.</p>
  130. <p><strong>Изменение в работе с зависимостями</strong></p>
  131. <p>Больше года нам приходилось жить со следующими <a href="http://forum.openscenegraph.org/viewtopic.php?t=17443">недостатками</a> сборки OpenSceneGraph официальными средствами:</p>
  132. <ul>
  133. <li>проблемы сборки под macOS ввиду использования определённых флагов сборки</li>
  134. <li>обход механизмов проверки зависимостей для использования PNG на Android</li>
  135. <li>принадлежность сборок iOS под симулятор и устройство к разным проектам Xcode</li>
  136. <li>ожидания в 20-30 минут для сборки OpenSceneGraph</li>
  137. </ul>
  138. <p>Эти недостатки замедляли нас и усложняли разработку новых примеров. После того, как мы десятый раз столкнулись с указанными проблемами в этом месяце, мы решили исправить их раз и навсегда. Теперь мы собираем OpenSceneGraph как часть каждого примера за 2-3 минуты без какой-либо магии. Также мы использовали этот подход включения зависимости как части каждого примера для остальных библиотек вроде Mongoose и libpng-android. </p>
  139. <p>Теперь без этих препятствий мы можем разрабатывать быстрее. Это значительно облегчит создание следующей технической демонстрации Mahjong 2!</p>
  140. <p>На этом мы заканчиваем описание двух новых кросс-платформенных примеров OpenSceneGraph и изменения в работе с зависимостями.</p>
  141. </div>
  142. </div>
  143. <div id="footer">
  144. Сайт сгенерирован <a href="http://opengamestudio.org/pskov/ru">ПСКОВОМ</a>
  145. из <a href="http://github.com/ogstudio/site-opengamestudio">этого исходного кода</a>.
  146. Сайт размещён на <a href="https://pages.github.com">GitHub Pages</a>.
  147. </div>
  148. </center>
  149. </body>
  150. </html>