Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

its-all-fine.html 6.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  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. }
  71. table
  72. {
  73. border-collapse: collapse;
  74. }
  75. table, th, td
  76. {
  77. border: 1px solid #aaa;
  78. padding: 0.5em;
  79. margin-top: 0.5em;
  80. margin-bottom: 0.5em;
  81. }
  82. </style>
  83. </head>
  84. <body>
  85. <div id="header">
  86. <strong id="title">Open Game Studio</strong>
  87. <a href="../../ru/news/index.html">Новости</a>
  88. <a href="../../ru/game/index.html">Игры</a>
  89. <a href="../../ru/tool/index.html">Инструменты</a>
  90. <a href="../../ru/page/about.html">О нас</a>
  91. <div id="lang">
  92. <a href="../../en/news/its-all-fine.html">EN</a>
  93. <a href="../../ru/news/its-all-fine.html">RU</a>
  94. </div>
  95. </div>
  96. <center>
  97. <h1>В новостях...</h1>
  98. <div class="news_item">
  99. <h2 class="news_item_title">
  100. <a href="its-all-fine.html">Всё проходит хорошо</a>
  101. </h2>
  102. <p class="news_item_date">
  103. 2017-04-07 00:00
  104. </p>
  105. <div class="news_item_contents">
  106. <p><img src="../../images/2017-04_its-all-fine.png" alt="Полёт ракеты" /></p>
  107. <p>Эта статья рассказывает о создании первых четырёх самоучителей OpenSceneGraph в марте 2017.</p>
  108. <p><a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/">Первые четыре самоучителя OpenSceneGraph</a> объясняют, как создать модель куба в Blender и затем отобразить её на Linux, macOS или Windows с помощью osgviewer, стандартного инструмента OpenSceneGraph.</p>
  109. <p>Процесс создания одного самоучителя оказался довольно утомительным, т.к. он состоит из следующих задач:</p>
  110. <ol>
  111. <li>Записать видео с одним или более шагами</li>
  112. <li>Назвать эти шаги как можно яснее</li>
  113. <li>Выбрать те части видео, которые непосредственно показывают шаг</li>
  114. <li>Убрать те части видео, которые не имеют значения, например, ожидание сборки</li>
  115. <li>Выбрать один кадр, лучше всего передающий смысл этого шага, например, набор команды</li>
  116. <li>Добавить детальное описание в статью, почему этот шаг был необходим</li>
  117. <li>Перечитать статью</li>
  118. <li>Поправить опечатки и монтаж видео</li>
  119. <li>Пересмотреть полное видео</li>
  120. <li>Загрузить видео на YouTube с временными отметками шагов для упрощения навигации</li>
  121. </ol>
  122. <p>Некоторые из этих задач приходилось повторять несколько раз до тех пор, пока комбинация видео, текста и статьи не получилась целостной.</p>
  123. <p>Всего мы потратили 30 часов на создание самоучителей. В ходе их создания мы почерпнули много нового, что поможет нам улучшить обучающие материалы наших технологий в будущем. Сейчас мы ещё не в курсе, как именно эти материалы будут выглядеть, но они точно будут лучше.</p>
  124. <p>На этом мы заканчиваем рассказ о создании первых четырёх самоучителей OpenSceneGraph в марте 2017.</p>
  125. </div>
  126. </div>
  127. <div id="footer">
  128. Сайт сгенерирован <a href="http://opengamestudio.org/pskov/ru">ПСКОВОМ</a>
  129. из <a href="http://github.com/ogstudio/site-opengamestudio">этого исходного кода</a>.
  130. Сайт размещён на <a href="https://pages.github.com">GitHub Pages</a>.
  131. </div>
  132. </center>
  133. </body>
  134. </html>