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

132 行
4.7KB

  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/its-all-fine.html">EN</a>
  86. <a href="../../ru/news/its-all-fine.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="its-all-fine.html">It's all fine</a>
  94. </h2>
  95. <p class="news_item_date">
  96. 2017-04-07 00:00
  97. </p>
  98. <div class="news_item_contents">
  99. <p><img src="../../images/2017-04_its-all-fine.png" alt="Flight of a rocket" /></p>
  100. <p>This article describes creation of the first four OpenSceneGraph tutorials in March 2017.</p>
  101. <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>
  102. <p>The whole process of creating a single tutorial turned out to be pretty daunting because it includes several tasks:</p>
  103. <ol>
  104. <li>Record original video depicting one or more steps</li>
  105. <li>Name the steps as clear as possible</li>
  106. <li>Select the parts of the video that display the step</li>
  107. <li>Remove the parts of the video that bare no value, e.g., waiting in the middle of compilation</li>
  108. <li>Select a single frame to best represent current step, e.g., typing a specific command</li>
  109. <li>Add a detailed description to article, why current step should have been taken</li>
  110. <li>Proof-read the article</li>
  111. <li>Correct typos and video timing</li>
  112. <li>Review the whole video</li>
  113. <li>Upload the video to YouTube with timestamps of steps for easier navigation</li>
  114. </ol>
  115. <p>Some of those tasks had to be repeated multiple times until the combination of video, text, and article was clear and logical.</p>
  116. <p>Overall, it took us 30 hours to create the tutorials. The whole process gave us a lot of experience, which will help us in shaping learning materials for our technologies in the future. We don't know how they will look like exactly, but they will definitely be better.</p>
  117. <p>That's it for describing creation of the first four OpenSceneGraph tutorials in March 2017.</p>
  118. </div>
  119. </div>
  120. <div id="footer">
  121. The site has been generated by <a href="http://opengamestudio.org/pskov">PSKOV</a>
  122. from <a href="http://github.com/ogstudio/site-opengamestudio">this source code</a>.
  123. The site is hosted by <a href="https://pages.github.com">GitHub Pages</a>.
  124. </div>
  125. </center>
  126. </body>
  127. </html>