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.

83 lines
3.7KB

  1. <!DOCTYPE html>
  2. <html>
  3. <meta charset="utf-8">
  4. <head>
  5. <link rel="stylesheet" href="../../style.css">
  6. </head>
  7. <body>
  8. <script data-goatcounter="https://services.opengamestudio.org:443/count" async src="//services.opengamestudio.org:443/count.js"></script>
  9. <div id="header">
  10. <div class="header2">
  11. <div class="menu">
  12. <a href="../../en/news/index.html">News</a>
  13. <a href="../../en/game/index.html">Games</a>
  14. <a href="../../en/tool/index.html">Tools</a>
  15. <a href="../../en/page/about.html">About</a>
  16. </div>
  17. <div id="lang">
  18. <a href="../../en/news/bus-01.html">EN</a>
  19. <a href="../../ru/news/bus-01.html">RU</a>
  20. </div>
  21. <div class="clear"></div>
  22. </div>
  23. </div>
  24. <h3 class="left_item_title">In the news...</h3>
  25. <center>
  26. <div class="news_item">
  27. <h2 class="news_item_title">
  28. <a href="bus-01.html">Bus-01</a>
  29. </h2>
  30. <p class="news_item_date">
  31. 2024-01-04 00:00
  32. </p>
  33. <div class="news_item_contents">
  34. <h1 id="onthewaytoportablecode">On the way to portable code</h1>
  35. <p>To gain code portability, we have to divide whole code into two parts:</p>
  36. <ul>
  37. <li>repeatable: logic</li>
  38. <li>unique: environment</li>
  39. </ul>
  40. <p>To simplify portable code construction, we want to be able to place any code -
  41. both repeatable and unique - without hierarchy requirements of operating
  42. systems. Bus design pattern seems to be the best option. The Bus makes all
  43. code chunks equal because they interact through the Bus only.</p>
  44. <h1 id="bus01">Bus-01</h1>
  45. <p>Currently we have:</p>
  46. <iframe width="560" height="315" src="https://www.youtube.com/embed/XAlIlG9tVL4?si=5HYRDkNuYE0zeoyo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
  47. <p>Module structure:</p>
  48. <p><img src="../../images/2024_bus-01_yml.jpg" alt="Module's YML" /></p>
  49. <p><yml></p>
  50. <p>Part of the visual representation:</p>
  51. <p><img src="../../images/2024_bus-01_v.jpg" alt="Visual representation" /></p>
  52. <p>Main functionality:</p>
  53. <ol>
  54. <li>Format input to leave only digits</li>
  55. <li>Activate the button when at least 3 digits are present</li>
  56. <li>Simulate loading when pressing the button</li>
  57. </ol>
  58. <p>This was an example of a single instance of an entity.</p>
  59. <p>Next we're going to deal with multiple instances of an entity.</p>
  60. </div>
  61. </div>
  62. <div id="disqus_thread"></div>
  63. <script>
  64. var disqus_config = function () {
  65. this.page.url = "https://opengamestudio.org/en/news/bus-01.html";
  66. this.page.identifier = "bus-01.html";
  67. };
  68. (function() { // DON'T EDIT BELOW THIS LINE
  69. var d = document, s = d.createElement('script');
  70. s.src = 'https://opengamestudio.disqus.com/embed.js';
  71. s.setAttribute('data-timestamp', +new Date());
  72. (d.head || d.body).appendChild(s);
  73. })();
  74. </script>
  75. <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  76. <div id="footer">
  77. The site has been generated by <a href="http://opengamestudio.org/pskov">PSKOV</a>
  78. from <a href="http://github.com/ogstudio/site-opengamestudio">this source code</a>.
  79. </div>
  80. </center>
  81. </body>
  82. </html>