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

the-year-of-challenges.html 4.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129
  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="the-year-of-challenges.html">EN</a>
  95. <a href="../../ru/news/the-year-of-challenges.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="the-year-of-challenges.html">The year of challenges</a>
  102. </h2>
  103. <p class="news_item_date">
  104. 2017-01-25 00:00
  105. </p>
  106. <div class="news_item_contents">
  107. <figure>
  108. <img src="../../images/2017-01_the-year-of-challenges.png" alt="Rocket launch at Baikonur" /><figcaption>Rocket launch at Baikonur</figcaption>
  109. </figure>
  110. <p>This article describes our plans for 2017.</p>
  111. <p>Our past plans suggested we would have Android platform support by this time. However, we have a long way to go, before we can declare Android support. See for yourself:</p>
  112. <figure>
  113. <img src="../../images/2017-01_mjin-android-gles.png" alt="Rendering cubes on Android" /><figcaption>Rendering cubes on Android</figcaption>
  114. </figure>
  115. <p>Some people would consider this a failure. We don’t. We see a chance to start low and jump high!</p>
  116. <p>Having only worked with liberal and forgiving desktop environments, Android was a complete surprise for us. Android punished us for everything: memory, resources, graphics. The usual Android response was either a crash, or an empty screen. At the same time, such a harsh environment highlighted weak spots in our technologies and helped us see where to go next.</p>
  117. <p>This month we start working on iOS platform support, even though we have only scratched Android. Why? Because it’s a lot easier to get those red cubes rendered on iOS without polishing Android first. We don’t want to spend months polishing Android only to find out later we had to implement certain feature differently so that it works on all supported platforms.</p>
  118. <p>And right after we get those cubes rendered on iOS, we start to work on bringing them to Web.</p>
  119. <p><strong>You got it right: we challenge ourselves with support for Android, iOS, and Web this year.</strong></p>
  120. <p>That’s it for describing our plans for 2017.</p>
  121. </div>
  122. </div>
  123. </center>
  124. </body>
  125. </html>