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

osg-sample-ru.html 8.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  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>Приложение OpenSceneGraph</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. <header>
  38. <h3 class="article-title"><a href="http://opengamestudio.org/osg-sample-ru.html" rel="bookmark"
  39. title="Permalink to Приложение OpenSceneGraph">Приложение OpenSceneGraph</a></h3>
  40. </header>
  41. <h6 class="subheader" title="2017-05-12T00:00:00+03:00">Пт 12 Май 2017
  42. <a class="button secondary small translation-button" href="http://opengamestudio.org/osg-sample.html">en</a>
  43. </h6> <p><img alt="OSG sample" src="http://opengamestudio.org/2017-05_osg-sample.png" /></p>
  44. <p>Эта статья описывает создание самоучителей по сборке приложения OpenSceneGraph на Linux, macOS, Windows и Android в апреле 2017.</p>
  45. <p>Предыдущие самоучители описывали установку OpenSceneGraph на Linux, macOS, Windows и отображение модели с помощью стандартного инструмента <strong>osgviewer</strong>. На этот раз результатом нашей работы стало <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide-application">приложение OpenSceneGraph</a>, которое работает на Linux, macOS, Windows и Android.</p>
  46. <p>Приложение очень простое. Оно умеет следующее:</p>
  47. <ol>
  48. <li>Создание окна для отрисовки</li>
  49. <li>Загрузка модели</li>
  50. <li>Отрисовка модели с помощью простых шейдеров GLSL</li>
  51. <li>Перемещение модели с помощью мыши на Linux, macOS, Windows и пальца на Android</li>
  52. </ol>
  53. <p>Создать самоучители для Linux, macOS, Windows было настолько простой и понятной задачей, что мы справились с ней за пару недель. Оставшуюся половину месяца мы потратили на создание самоучителя для Android.</p>
  54. <p>Наша <a href="http://www.opengame.epizy.com/lang/ru/news/2414">первая успешная сборка под Android</a> в прошлом году требовала множество неочивидных телодвижений. В этот раз мы хотели получить более чистый, быстрый и дешёвый подход.</p>
  55. <p>Нам это удалось. В результате всё, что нужно для работы приложения OpenSceneGraph на Android, уместилось в набор из нескольких файлов и небольших изменений для стандартного проекта Android Studio (с поддержкой C++).</p>
  56. <p>Краткий перечень файлов:</p>
  57. <ol>
  58. <li>Поверхность GLES2</li>
  59. <li>Activity для отрисовки на этой поверхности</li>
  60. <li>Интерфейс Java для нативной библиотеки</li>
  61. <li>Реализация нативной библиотеки на C++</li>
  62. <li>Файл CMake для сборки нативной библиотеки</li>
  63. <li>Activity layout</li>
  64. <li>Модель для отрисовки</li>
  65. </ol>
  66. <p>Краткий перечень изменений проекта:</p>
  67. <ol>
  68. <li>Обновление Android manifest для использования GLES2 и Activity</li>
  69. <li>Использование файла CMake нативной библиотеки в проектном файле CMake</li>
  70. </ol>
  71. <p>Документация OpenSceneGraph предполагает сборку OpenSceneGraph вне Android Studio с помощью CMake. Такой подход имеет следующие ограничения:</p>
  72. <ol>
  73. <li>Ручная сборка OpenSceneGraph под каждую платформу</li>
  74. <li>Ручное копирование собранных библиотек OpenSceneGraph в проект Android Studio</li>
  75. </ol>
  76. <p>Наш подход включает в себя сборку OpenSceneGraph для тех платформ, для которых собирается проект Android Studio. К тому же, OpenSceneGraph используется как часть проекта, поэтому нет никакой дополнительной рутины: достаточно просто пересобрать проект, и всё готово.</p>
  77. <p>На этом мы заканчиваем описание создания самоучителей по сборке приложения OpenSceneGraph на Linux, macOS, Windows и Android в апреле 2017.</p>
  78. <p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
  79. </p>
  80. </article>
  81. </div>
  82. <!-- End Main Content -->
  83. <!-- Sidebar -->
  84. <aside class="large-3 columns">
  85. <!--k
  86. <h5 class="sidebar-title">Site</h5>
  87. <ul class="side-nav">
  88. <li><a href="http://opengamestudio.org/archives.html">Archives</a>
  89. <li><a href="http://opengamestudio.org/tags.html">Tags</a>
  90. <li><a href="http://opengamestudio.org/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
  91. </ul>
  92. <h5 class="sidebar-title">Categories</h5>
  93. <ul class="side-nav">
  94. <li><a href="http://opengamestudio.org/category/news.html">News</a></li>
  95. </ul>
  96. -->
  97. <h5 class="sidebar-title">Ads</h5>
  98. <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  99. <!-- ogs2 -->
  100. <ins class="adsbygoogle"
  101. style="display:block"
  102. data-ad-client="ca-pub-4473792248813084"
  103. data-ad-slot="9024247127"
  104. data-ad-format="auto"></ins>
  105. <script>
  106. (adsbygoogle = window.adsbygoogle || []).push({});
  107. </script>
  108. </aside> <!-- End Sidebar -->
  109. </div> <!-- End Main Content and Sidebar -->
  110. <!-- Footer -->
  111. <footer class="row">
  112. <div class="large-12 columns">
  113. <hr />
  114. <div class="row">
  115. <div class="large-7 columns">
  116. <p>Proudly powered by <a href="http://getpelican.com">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.</p>
  117. </div>
  118. </div>
  119. </div>
  120. <script type="text/javascript">
  121. var _gaq = _gaq || [];
  122. _gaq.push(['_setAccount', 'UA-3773114-1']);
  123. _gaq.push(['_trackPageview']);
  124. (function() {
  125. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  126. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  127. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  128. })();
  129. </script>
  130. </footer>