You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

lets-go.html 6.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  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>Let's go</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/lets-go.html" rel="bookmark"
  39. title="Permalink to Let's go">Let's go</a></h3>
  40. </header>
  41. <h6 class="subheader" title="2017-03-16T00:00:00+03:00">Чт 16 Март 2017
  42. <a class="button secondary small translation-button" href="http://opengamestudio.org/lets-go-ru.html">ru</a>
  43. </h6> <p><img alt="Let's go" src="http://opengamestudio.org/2017-03_lets-go.png" /></p>
  44. <p>In this article we describe our progress in January and February of 2017: rendering under iOS/Web and a new tutorial tool.</p>
  45. <p><strong>Rendering under iOS/Web</strong></p>
  46. <p>To our surprise, we got a simple red cube rendered under <a href="https://twitter.com/OpenGameStudio/status/826816343433498627">iOS</a> and <a href="https://twitter.com/OpenGameStudio/status/829731986264698881">Web</a> pretty fast: in early February. However, this is only the beginning of this year's challenge to support Android, iOS, and Web platforms. There's a long and bumpy road ahead of us as we need a lot more on each platform before we can claim a success: visual effects, Python scripting, data archives.</p>
  47. <p>Since it took us about four months to get to mobile and web platforms, we decided to share our knowledge and help OpenSceneGraph community with a guide that shows how to use OpenSceneGraph on desktop, mobile, and web. We believe the more widespread OpenSceneGraph is, the stronger our technology becomes. As Isaac Newton said, "If I have seen further, it is by standing on the shoulders of giants." OpenSceneGraph is our giant.</p>
  48. <p><strong>Tutorial tool</strong></p>
  49. <p>Having conducted four live sessions before, it was clear the guide needs videos depicting every nuance. However, bare video alone is only good for showing what to do and not for explaining why do it in a certain way. That's why we decided to combine video with text in the forms of video subtitles and separate articles.</p>
  50. <p>To combine text and video, we first tried <a href="http://openshotvideo.com">OpenShot</a>. It worked well, but we quickly saw its limitations:</p>
  51. <ul>
  52. <li>Too much time is spent on adjusting time frames and animations</li>
  53. <li>Project file and original resources are hard to track with VCS</li>
  54. </ul>
  55. <p>Since OpenSceneGraph cross-platform guide would consist of several tutorials, we decided to automate the process. Brief research revealed a great multimedia framework called <a href="http://mltframework.org">MLT</a>, which powers OpenShot itself. With MLT we got our tutorial tool in no time.</p>
  56. <p>Currently, the tutorial tool allows anyone to combine text and video using a simple text file like this:</p>
  57. <div class="highlight"><pre>background bg.png
  58. text 5 Let&#39;s install Blender
  59. video 0:6 install_blender.mp4
  60. text 5 Installing it with apt
  61. video 6:26 install_blender.mp4
  62. text 5 We&#39;re still installing it
  63. video 26:56 install_blender.mp4
  64. text 5 Congratulations! We just finished installing Blender
  65. </pre></div>
  66. <p>This is the actual script. See the final result <a href="https://github.com/OGStudio/openscenegraph-cross-platform-guide/tree/master/tutorial-tool">here</a>.</p>
  67. <p>That's it for describing our progress in January and February of 2017: rendering under iOS/Web and the new tutorial tool.</p>
  68. <p class="subheader">Category: <a href="http://opengamestudio.org/category/news.html">News</a>
  69. </p>
  70. </article>
  71. </div>
  72. <!-- End Main Content -->
  73. <!-- Sidebar -->
  74. <aside class="large-3 columns">
  75. <!--k
  76. <h5 class="sidebar-title">Site</h5>
  77. <ul class="side-nav">
  78. <li><a href="http://opengamestudio.org/archives.html">Archives</a>
  79. <li><a href="http://opengamestudio.org/tags.html">Tags</a>
  80. <li><a href="http://opengamestudio.org/feeds/all.atom.xml" rel="alternate">Atom feed</a></li>
  81. </ul>
  82. <h5 class="sidebar-title">Categories</h5>
  83. <ul class="side-nav">
  84. <li><a href="http://opengamestudio.org/category/news.html">News</a></li>
  85. </ul>
  86. -->
  87. <h5 class="sidebar-title">Ads</h5>
  88. <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  89. <!-- ogs2 -->
  90. <ins class="adsbygoogle"
  91. style="display:block"
  92. data-ad-client="ca-pub-4473792248813084"
  93. data-ad-slot="9024247127"
  94. data-ad-format="auto"></ins>
  95. <script>
  96. (adsbygoogle = window.adsbygoogle || []).push({});
  97. </script>
  98. </aside> <!-- End Sidebar -->
  99. </div> <!-- End Main Content and Sidebar -->
  100. <!-- Footer -->
  101. <footer class="row">
  102. <div class="large-12 columns">
  103. <hr />
  104. <div class="row">
  105. <div class="large-7 columns">
  106. <p>Proudly powered by <a href="http://getpelican.com">Pelican</a>, which takes great advantage of <a href="http://python.org">Python</a>.</p>
  107. </div>
  108. </div>
  109. </div>
  110. <script type="text/javascript">
  111. var _gaq = _gaq || [];
  112. _gaq.push(['_setAccount', 'UA-3773114-1']);
  113. _gaq.push(['_trackPageview']);
  114. (function() {
  115. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  116. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  117. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  118. })();
  119. </script>
  120. </footer>