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

its-all-fine.html 5.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
  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>It's all fine</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/its-all-fine.html" rel="bookmark"
  39. title="Permalink to It's all fine">It's all fine</a></h3>
  40. </header>
  41. <h6 class="subheader" title="2017-04-07T00:00:00+03:00">Fri 07 April 2017
  42. <a class="button secondary small translation-button" href="http://opengamestudio.org/its-all-fine-ru.html">ru</a>
  43. </h6> <p><img alt="ItsAllFine" src="http://opengamestudio.org/2017-04_its-all-fine.png"></p>
  44. <p>This article describes creation of the first four OpenSceneGraph tutorials in March 2017.</p>
  45. <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>
  46. <p>The whole process of creating a single tutorial turned out to be pretty daunting because it includes several tasks:</p>
  47. <ol>
  48. <li>Record original video depicting one or more steps</li>
  49. <li>Name the steps as clear as possible</li>
  50. <li>Select the parts of the video that display the step</li>
  51. <li>Remove the parts of the video that bare no value, e.g., waiting in the middle of compilation</li>
  52. <li>Select a single frame to best represent current step, e.g., typing a specific command</li>
  53. <li>Add a detailed description to article, why current step should have been taken</li>
  54. <li>Proof-read the article</li>
  55. <li>Correct typos and video timing</li>
  56. <li>Review the whole video</li>
  57. <li>Upload the video to YouTube with timestamps of steps for easier navigation</li>
  58. </ol>
  59. <p>Some of those tasks had to be repeated multiple times until the combination of video, text, and article was clear and logical.</p>
  60. <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>
  61. <p>That's it for describing creation of the first four OpenSceneGraph tutorials in March 2017.</p>
  62. <p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
  63. </p>
  64. </article>
  65. </div>
  66. <!-- End Main Content -->
  67. <!-- Sidebar -->
  68. <aside class="large-3 columns">
  69. <!--k
  70. <h5 class="sidebar-title">Site</h5>
  71. <ul class="side-nav">
  72. <li><a href="http://opengamestudio.org/archives.html">Archives</a>
  73. <li><a href="http://opengamestudio.org/tags.html">Tags</a>
  74. <li><a href="http://opengamestudio.org/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
  75. </ul>
  76. <h5 class="sidebar-title">Categories</h5>
  77. <ul class="side-nav">
  78. <li><a href="http://opengamestudio.org/category/news.html">News</a></li>
  79. </ul>
  80. -->
  81. <h5 class="sidebar-title">Ads</h5>
  82. <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  83. <!-- ogs2 -->
  84. <ins class="adsbygoogle"
  85. style="display:block"
  86. data-ad-client="ca-pub-4473792248813084"
  87. data-ad-slot="9024247127"
  88. data-ad-format="auto"></ins>
  89. <script>
  90. (adsbygoogle = window.adsbygoogle || []).push({});
  91. </script>
  92. </aside> <!-- End Sidebar -->
  93. </div> <!-- End Main Content and Sidebar -->
  94. <!-- Footer -->
  95. <footer class="row">
  96. <div class="large-12 columns">
  97. <hr />
  98. <div class="row">
  99. <div class="large-7 columns">
  100. <p>Proudly powered by <a href="http://getpelican.com">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.</p>
  101. </div>
  102. </div>
  103. </div>
  104. <script type="text/javascript">
  105. var _gaq = _gaq || [];
  106. _gaq.push(['_setAccount', 'UA-3773114-1']);
  107. _gaq.push(['_trackPageview']);
  108. (function() {
  109. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  110. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  111. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  112. })();
  113. </script>
  114. </footer>