您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

its-all-fine.html 4.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  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. .news_item
  19. {
  20. background: #FFFFFF;
  21. width: 720px;
  22. padding: 1em;
  23. margin-top: 2em;
  24. margin-bottom: 2em;
  25. border: 1px solid #E0E0E0;
  26. text-align: left;
  27. }
  28. .news_item_contents
  29. {
  30. color: #444;
  31. line-height: 1.5em;
  32. }
  33. .news_item_date
  34. {
  35. margin-bottom: 2em;
  36. color: #aaa;
  37. }
  38. body
  39. {
  40. background: #FAFAFA;
  41. }
  42. code, pre
  43. {
  44. font-family: monospace, serif;
  45. font-size: 1em;
  46. color: #7f0a0c;
  47. }
  48. figure
  49. {
  50. margin: 0px;
  51. padding: 0px;
  52. }
  53. img
  54. {
  55. width: 720px;
  56. }
  57. html
  58. {
  59. font-family: sans-serif;
  60. }
  61. a
  62. {
  63. color: #3A91CB;
  64. text-decoration: none;
  65. }
  66. #lang
  67. {
  68. float: right;
  69. }
  70. figcaption
  71. {
  72. color: #aaa;
  73. }
  74. table
  75. {
  76. border-collapse: collapse;
  77. }
  78. table, th, td
  79. {
  80. border: 1px solid #aaa;
  81. padding: 0.5em;
  82. margin-top: 0.5em;
  83. margin-bottom: 0.5em;
  84. }
  85. </style>
  86. </head>
  87. <body>
  88. <center>
  89. <div id="header">
  90. <a href="../../en/news/index.html">News</a>
  91. <a href="../../en/page/games.html">Games</a>
  92. <a href="../../en/page/about.html">About</a>
  93. <div id="lang">
  94. <a href="its-all-fine.html">EN</a>
  95. <a href="../../ru/news/its-all-fine.html">RU</a>
  96. </div>
  97. </div>
  98. <h1>In the news</h1>
  99. <div class="news_item">
  100. <h2 class="news_item_title">
  101. <a href="its-all-fine.html">It's all fine</a>
  102. </h2>
  103. <p class="news_item_date">
  104. 2017-04-07 00:00
  105. </p>
  106. <div class="news_item_contents">
  107. <figure>
  108. <img src="../../images/2017-04_its-all-fine.png" alt="Flight of a rocket" /><figcaption>Flight of a rocket</figcaption>
  109. </figure>
  110. <p>This article describes creation of the first four OpenSceneGraph tutorials in March 2017.</p>
  111. <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>
  112. <p>The whole process of creating a single tutorial turned out to be pretty daunting because it includes several tasks:</p>
  113. <ol type="1">
  114. <li>Record original video depicting one or more steps</li>
  115. <li>Name the steps as clear as possible</li>
  116. <li>Select the parts of the video that display the step</li>
  117. <li>Remove the parts of the video that bare no value, e.g., waiting in the middle of compilation</li>
  118. <li>Select a single frame to best represent current step, e.g., typing a specific command</li>
  119. <li>Add a detailed description to article, why current step should have been taken</li>
  120. <li>Proof-read the article</li>
  121. <li>Correct typos and video timing</li>
  122. <li>Review the whole video</li>
  123. <li>Upload the video to YouTube with timestamps of steps for easier navigation</li>
  124. </ol>
  125. <p>Some of those tasks had to be repeated multiple times until the combination of video, text, and article was clear and logical.</p>
  126. <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>
  127. <p>That’s it for describing creation of the first four OpenSceneGraph tutorials in March 2017.</p>
  128. </div>
  129. </div>
  130. </center>
  131. </body>
  132. </html>