dxopal 1.5.1 → 1.5.2

data/doc/api/DXOpal/Window.html

@@ -6,15 +6,15 @@
 <title>
   Module: DXOpal::Window
   
-    &mdash; Documentation by YARD 0.9.16
+    &mdash; Documentation by YARD 0.9.26
   
 </title>
 
-  <link rel="stylesheet" href="../css/style.css" type="text/css" charset="utf-8" />
+  <link rel="stylesheet" href="../css/style.css" type="text/css" />
 
-  <link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8" />
+  <link rel="stylesheet" href="../css/common.css" type="text/css" />
 
-<script type="text/javascript" charset="utf-8">
+<script type="text/javascript">
   pathId = "DXOpal::Window";
   relpath = '../';
 </script>
@@ -78,7 +78,7 @@
   
   <dl>
     <dt>Defined in:</dt>
-    <dd>opal/dxopal/window.rb</dd>
+    <dd>lib/dxopal/window.rb</dd>
   </dl>
   
 </div>
@@ -97,6 +97,16 @@
         </dt>
         <dd><pre class="code"><span class='int'>60</span></pre></dd>
       
+        <dt id="fps_ts-classvariable" class="">@@fps_ts =
+          
+        </dt>
+        <dd><pre class="code"><span class='kw'>nil</span></pre></dd>
+      
+        <dt id="fps_ct-classvariable" class="">@@fps_ct =
+          
+        </dt>
+        <dd><pre class="code"><span class='int'>0</span></pre></dd>
+      
         <dt id="real_fps-classvariable" class="">@@real_fps =
           
         </dt>
@@ -135,7 +145,7 @@
         <dt id="bgcolor-classvariable" class="">@@bgcolor =
           
         </dt>
-        <dd><pre class="code"><span class='const'>Constants</span><span class='op'>::</span><span class='const'>Colors</span><span class='op'>::</span><span class='const'>C_BLACK</span></pre></dd>
+        <dd><pre class="code"><span class='const'><span class='object_link'><a href="Constants.html" title="DXOpal::Constants (module)">Constants</a></span></span><span class='op'>::</span><span class='const'><span class='object_link'><a href="Constants/Colors.html" title="DXOpal::Constants::Colors (module)">Colors</a></span></span><span class='op'>::</span><span class='const'><span class='object_link'><a href="Constants/Colors.html#C_BLACK-constant" title="DXOpal::Constants::Colors::C_BLACK (constant)">C_BLACK</a></span></span></pre></dd>
       
     </dl>
   
@@ -181,7 +191,7 @@
         <li class="public ">
   <span class="summary_signature">
     
-      <a href="#_init-class_method" title="_init (class method)">.<strong>_init</strong>(w, h)  &#x21d2; Object </a>
+      <a href="#_init-class_method" title="_init (class method)">.<strong>_init</strong>  &#x21d2; Object </a>
     
 
     
@@ -203,7 +213,7 @@
         <li class="public ">
   <span class="summary_signature">
     
-      <a href="#_loop-class_method" title="_loop (class method)">.<strong>_loop</strong>(time = 0)  &#x21d2; Object </a>
+      <a href="#_loop-class_method" title="_loop (class method)">.<strong>_loop</strong>(timestamp)  &#x21d2; Object </a>
     
 
     
@@ -683,7 +693,9 @@
   
 
   
-    <span class="summary_desc"><div class='inline'></div></span>
+    <span class="summary_desc"><div class='inline'>
+<p>Set window height and resize the canvas Set `nil` to maximize canvas.</p>
+</div></span>
   
 </li>
 
@@ -706,8 +718,7 @@
 
   
     <span class="summary_desc"><div class='inline'>
-<p>Load resources specified with Image.register or Sound.register Call block
-when loaded.</p>
+<p>Load resources specified with Image.register or Sound.register Call block when loaded.</p>
 </div></span>
   
 </li>
@@ -866,7 +877,9 @@ when loaded.</p>
   
 
   
-    <span class="summary_desc"><div class='inline'></div></span>
+    <span class="summary_desc"><div class='inline'>
+<p>Set window width and resize the canvas Set `nil` to maximize canvas.</p>
+</div></span>
   
 </li>
 
@@ -906,10 +919,10 @@ when loaded.</p>
       <pre class="lines">
 
 
-110</pre>
+127</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 110</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 127</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid__img'>_img</span><span class='semicolon'>;</span> <span class='cvar'>@@img</span><span class='semicolon'>;</span> <span class='kw'>end</span></pre>
     </td>
@@ -920,7 +933,7 @@ when loaded.</p>
       <div class="method_details ">
   <h3 class="signature " id="_init-class_method">
   
-    .<strong>_init</strong>(w, h)  &#x21d2; <tt>Object</tt> 
+    .<strong>_init</strong>  &#x21d2; <tt>Object</tt> 
   
 
   
@@ -932,23 +945,25 @@ when loaded.</p>
       <pre class="lines">
 
 
-100
-101
-102
-103
-104
-105
-106
-107</pre>
+116
+117
+118
+119
+120
+121
+122
+123
+124</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 100</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 116</span>
 
-<span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid__init'>_init</span><span class='lparen'>(</span><span class='id identifier rubyid_w'>w</span><span class='comma'>,</span> <span class='id identifier rubyid_h'>h</span><span class='rparen'>)</span>
+<span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid__init'>_init</span>
   <span class='id identifier rubyid_canvas'>canvas</span> <span class='op'>=</span> <span class='backtick'>`</span><span class='tstring_content'>document.getElementById(&quot;dxopal-canvas&quot;)</span><span class='tstring_end'>`</span></span>
-  <span class='backtick'>`</span><span class='tstring_content'>canvas.width = w</span><span class='tstring_end'>`</span></span>
-  <span class='backtick'>`</span><span class='tstring_content'>canvas.height = h</span><span class='tstring_end'>`</span></span>
-  <span class='id identifier rubyid_img'>img</span> <span class='op'>=</span> <span class='const'><span class='object_link'><a href="Image.html" title="DXOpal::Image (class)">Image</a></span></span><span class='period'>.</span><span class='id identifier rubyid_new'><span class='object_link'><a href="Image.html#initialize-instance_method" title="DXOpal::Image#initialize (method)">new</a></span></span><span class='lparen'>(</span><span class='id identifier rubyid_w'>w</span><span class='comma'>,</span> <span class='id identifier rubyid_h'>h</span><span class='comma'>,</span> <span class='label'>canvas:</span> <span class='id identifier rubyid_canvas'>canvas</span><span class='rparen'>)</span>
+  <span class='comment'># If user did not change Window.width/Window.height, set the canvas size here
+</span>  <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_width'>width</span> <span class='op'>=</span> <span class='cvar'>@@width</span>
+  <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_height'>height</span> <span class='op'>=</span> <span class='cvar'>@@height</span>
+  <span class='id identifier rubyid_img'>img</span> <span class='op'>=</span> <span class='const'><span class='object_link'><a href="Image.html" title="DXOpal::Image (class)">Image</a></span></span><span class='period'>.</span><span class='id identifier rubyid_new'><span class='object_link'><a href="Image.html#initialize-instance_method" title="DXOpal::Image#initialize (method)">new</a></span></span><span class='lparen'>(</span><span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_width'>width</span><span class='comma'>,</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_height'>height</span><span class='comma'>,</span> <span class='label'>canvas:</span> <span class='id identifier rubyid_canvas'>canvas</span><span class='rparen'>)</span>
   <span class='const'><span class='object_link'><a href="Input.html" title="DXOpal::Input (module)">Input</a></span></span><span class='period'>.</span><span class='id identifier rubyid__init'><span class='object_link'><a href="Input.html#_init-class_method" title="DXOpal::Input._init (method)">_init</a></span></span><span class='lparen'>(</span><span class='id identifier rubyid_canvas'>canvas</span><span class='rparen'>)</span>
   <span class='kw'>return</span> <span class='id identifier rubyid_img'>img</span>
 <span class='kw'>end</span></pre>
@@ -960,7 +975,7 @@ when loaded.</p>
       <div class="method_details ">
   <h3 class="signature " id="_loop-class_method">
   
-    .<strong>_loop</strong>(time = 0)  &#x21d2; <tt>Object</tt> 
+    .<strong>_loop</strong>(timestamp)  &#x21d2; <tt>Object</tt> 
   
 
   
@@ -983,9 +998,6 @@ when loaded.</p>
       <pre class="lines">
 
 
-49
-50
-51
 52
 53
 54
@@ -1032,26 +1044,55 @@ when loaded.</p>
 95
 96
 97
-98</pre>
+98
+99
+100
+101
+102
+103
+104
+105
+106
+107
+108
+109
+110
+111
+112
+113
+114</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 49</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 52</span>
 
-<span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid__loop'>_loop</span><span class='lparen'>(</span><span class='id identifier rubyid_time'>time</span><span class='op'>=</span><span class='int'>0</span><span class='rparen'>)</span>
-  <span class='cvar'>@@img</span> <span class='op'>||=</span> <span class='id identifier rubyid__init'>_init</span><span class='lparen'>(</span><span class='cvar'>@@width</span><span class='comma'>,</span> <span class='cvar'>@@height</span><span class='rparen'>)</span>
-  <span class='id identifier rubyid_t0'>t0</span> <span class='op'>=</span> <span class='const'>Time</span><span class='period'>.</span><span class='id identifier rubyid_now'>now</span>
+<span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid__loop'>_loop</span><span class='lparen'>(</span><span class='id identifier rubyid_timestamp'>timestamp</span><span class='rparen'>)</span>
+  <span class='cvar'>@@img</span> <span class='op'>||=</span> <span class='id identifier rubyid__init'>_init</span>
 
   <span class='comment'># Calculate fps
-</span>  <span class='kw'>if</span> <span class='id identifier rubyid_t0'>t0</span> <span class='op'>-</span> <span class='cvar'>@@real_fps_t</span> <span class='op'>&gt;=</span> <span class='float'>1.0</span>
+</span>  <span class='id identifier rubyid_frame_msec'>frame_msec</span> <span class='op'>=</span> <span class='float'>1000.0</span> <span class='op'>/</span> <span class='cvar'>@@fps</span>
+  <span class='cvar'>@@fps_ts</span> <span class='op'>||=</span> <span class='id identifier rubyid_timestamp'>timestamp</span>
+  <span class='id identifier rubyid_passed_msec'>passed_msec</span> <span class='op'>=</span> <span class='id identifier rubyid_timestamp'>timestamp</span> <span class='op'>-</span> <span class='cvar'>@@fps_ts</span>
+  <span class='cvar'>@@fps_ts</span> <span class='op'>=</span> <span class='id identifier rubyid_timestamp'>timestamp</span>
+  <span class='cvar'>@@fps_ct</span> <span class='op'>+=</span> <span class='id identifier rubyid_passed_msec'>passed_msec</span>
+  <span class='kw'>if</span> <span class='cvar'>@@fps_ct</span> <span class='op'>&gt;=</span> <span class='id identifier rubyid_frame_msec'>frame_msec</span>
+    <span class='cvar'>@@fps_ct</span> <span class='op'>-=</span> <span class='id identifier rubyid_frame_msec'>frame_msec</span>
+  <span class='kw'>else</span>
+    <span class='backtick'>`</span><span class='tstring_content'>window</span><span class='tstring_end'>`</span></span><span class='period'>.</span><span class='const'>JS</span><span class='period'>.</span><span class='id identifier rubyid_requestAnimationFrame'>requestAnimationFrame</span><span class='lbrace'>{</span><span class='op'>|</span><span class='id identifier rubyid_time'>time</span><span class='op'>|</span> <span class='id identifier rubyid__loop'>_loop</span><span class='lparen'>(</span><span class='id identifier rubyid_time'>time</span><span class='rparen'>)</span> <span class='rbrace'>}</span>
+    <span class='kw'>return</span>
+  <span class='kw'>end</span>
+
+  <span class='comment'># Calculate real_fps
+</span>  <span class='id identifier rubyid_t'>t</span> <span class='op'>=</span> <span class='const'>Time</span><span class='period'>.</span><span class='id identifier rubyid_now'>now</span>
+  <span class='kw'>if</span> <span class='id identifier rubyid_t'>t</span> <span class='op'>-</span> <span class='cvar'>@@real_fps_t</span> <span class='op'>&gt;=</span> <span class='float'>1.0</span>
     <span class='cvar'>@@real_fps</span> <span class='op'>=</span> <span class='cvar'>@@real_fps_ct</span>
     <span class='cvar'>@@real_fps_ct</span> <span class='op'>=</span> <span class='int'>1</span>
-    <span class='cvar'>@@real_fps_t</span> <span class='op'>=</span> <span class='id identifier rubyid_t0'>t0</span>
+    <span class='cvar'>@@real_fps_t</span> <span class='op'>=</span> <span class='id identifier rubyid_t'>t</span>
   <span class='kw'>else</span>
     <span class='cvar'>@@real_fps_ct</span> <span class='op'>+=</span> <span class='int'>1</span>
   <span class='kw'>end</span>
 
   <span class='comment'># Update physics
-</span>  <span class='const'><span class='object_link'><a href="Sprite.html" title="DXOpal::Sprite (class)">Sprite</a></span></span><span class='period'>.</span><span class='id identifier rubyid_matter_tick'>matter_tick</span><span class='lparen'>(</span><span class='id identifier rubyid_time'>time</span><span class='rparen'>)</span> <span class='kw'>if</span> <span class='const'><span class='object_link'><a href="Sprite.html" title="DXOpal::Sprite (class)">Sprite</a></span></span><span class='period'>.</span><span class='id identifier rubyid_matter_enabled?'>matter_enabled?</span>
+</span>  <span class='const'><span class='object_link'><a href="Sprite.html" title="DXOpal::Sprite (class)">Sprite</a></span></span><span class='period'>.</span><span class='id identifier rubyid_matter_tick'><span class='object_link'><a href="Sprite.html#matter_tick-class_method" title="DXOpal::Sprite.matter_tick (method)">matter_tick</a></span></span><span class='lparen'>(</span><span class='id identifier rubyid_timestamp'>timestamp</span><span class='rparen'>)</span> <span class='kw'>if</span> <span class='const'><span class='object_link'><a href="Sprite.html" title="DXOpal::Sprite (class)">Sprite</a></span></span><span class='period'>.</span><span class='id identifier rubyid_matter_enabled?'><span class='object_link'><a href="Sprite.html#matter_enabled%3F-class_method" title="DXOpal::Sprite.matter_enabled? (method)">matter_enabled?</a></span></span>
 
   <span class='comment'># Detect inputs
 </span>  <span class='const'><span class='object_link'><a href="Input.html" title="DXOpal::Input (module)">Input</a></span></span><span class='period'>.</span><span class='id identifier rubyid__on_tick'><span class='object_link'><a href="Input.html#_on_tick-class_method" title="DXOpal::Input._on_tick (method)">_on_tick</a></span></span>
@@ -1107,10 +1148,10 @@ when loaded.</p>
       <pre class="lines">
 
 
-120</pre>
+151</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 120</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 151</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_bgcolor'>bgcolor</span><span class='semicolon'>;</span> <span class='cvar'>@@bgcolor</span><span class='semicolon'>;</span> <span class='kw'>end</span></pre>
     </td>
@@ -1133,10 +1174,10 @@ when loaded.</p>
       <pre class="lines">
 
 
-121</pre>
+152</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 121</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 152</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_bgcolor='>bgcolor=</span><span class='lparen'>(</span><span class='id identifier rubyid_col'>col</span><span class='rparen'>)</span><span class='semicolon'>;</span> <span class='cvar'>@@bgcolor</span> <span class='op'>=</span> <span class='id identifier rubyid_col'>col</span><span class='semicolon'>;</span> <span class='kw'>end</span></pre>
     </td>
@@ -1159,12 +1200,12 @@ when loaded.</p>
       <pre class="lines">
 
 
-123
-124
-125</pre>
+154
+155
+156</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 123</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 154</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_draw'>draw</span><span class='lparen'>(</span><span class='id identifier rubyid_x'>x</span><span class='comma'>,</span> <span class='id identifier rubyid_y'>y</span><span class='comma'>,</span> <span class='id identifier rubyid_image'>image</span><span class='comma'>,</span> <span class='id identifier rubyid_z'>z</span><span class='op'>=</span><span class='int'>0</span><span class='rparen'>)</span>
   <span class='id identifier rubyid_enqueue_draw'>enqueue_draw</span><span class='lparen'>(</span><span class='id identifier rubyid_z'>z</span><span class='comma'>,</span> <span class='symbol'>:image</span><span class='comma'>,</span> <span class='id identifier rubyid_x'>x</span><span class='comma'>,</span> <span class='id identifier rubyid_y'>y</span><span class='comma'>,</span> <span class='id identifier rubyid_image'>image</span><span class='rparen'>)</span>
@@ -1189,12 +1230,12 @@ when loaded.</p>
       <pre class="lines">
 
 
-153
-154
-155</pre>
+184
+185
+186</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 153</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 184</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_draw_box'>draw_box</span><span class='lparen'>(</span><span class='id identifier rubyid_x1'>x1</span><span class='comma'>,</span> <span class='id identifier rubyid_y1'>y1</span><span class='comma'>,</span> <span class='id identifier rubyid_x2'>x2</span><span class='comma'>,</span> <span class='id identifier rubyid_y2'>y2</span><span class='comma'>,</span> <span class='id identifier rubyid_color'>color</span><span class='comma'>,</span> <span class='id identifier rubyid_z'>z</span><span class='op'>=</span><span class='int'>0</span><span class='rparen'>)</span>
   <span class='id identifier rubyid_enqueue_draw'>enqueue_draw</span><span class='lparen'>(</span><span class='id identifier rubyid_z'>z</span><span class='comma'>,</span> <span class='symbol'>:box</span><span class='comma'>,</span> <span class='id identifier rubyid_x1'>x1</span><span class='comma'>,</span> <span class='id identifier rubyid_y1'>y1</span><span class='comma'>,</span> <span class='id identifier rubyid_x2'>x2</span><span class='comma'>,</span> <span class='id identifier rubyid_y2'>y2</span><span class='comma'>,</span> <span class='id identifier rubyid_color'>color</span><span class='rparen'>)</span>
@@ -1219,12 +1260,12 @@ when loaded.</p>
       <pre class="lines">
 
 
-157
-158
-159</pre>
+188
+189
+190</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 157</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 188</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_draw_box_fill'>draw_box_fill</span><span class='lparen'>(</span><span class='id identifier rubyid_x1'>x1</span><span class='comma'>,</span> <span class='id identifier rubyid_y1'>y1</span><span class='comma'>,</span> <span class='id identifier rubyid_x2'>x2</span><span class='comma'>,</span> <span class='id identifier rubyid_y2'>y2</span><span class='comma'>,</span> <span class='id identifier rubyid_color'>color</span><span class='comma'>,</span> <span class='id identifier rubyid_z'>z</span><span class='op'>=</span><span class='int'>0</span><span class='rparen'>)</span>
   <span class='id identifier rubyid_enqueue_draw'>enqueue_draw</span><span class='lparen'>(</span><span class='id identifier rubyid_z'>z</span><span class='comma'>,</span> <span class='symbol'>:box_fill</span><span class='comma'>,</span> <span class='id identifier rubyid_x1'>x1</span><span class='comma'>,</span> <span class='id identifier rubyid_y1'>y1</span><span class='comma'>,</span> <span class='id identifier rubyid_x2'>x2</span><span class='comma'>,</span> <span class='id identifier rubyid_y2'>y2</span><span class='comma'>,</span> <span class='id identifier rubyid_color'>color</span><span class='rparen'>)</span>
@@ -1249,12 +1290,12 @@ when loaded.</p>
       <pre class="lines">
 
 
-161
-162
-163</pre>
+192
+193
+194</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 161</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 192</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_draw_circle'>draw_circle</span><span class='lparen'>(</span><span class='id identifier rubyid_x'>x</span><span class='comma'>,</span> <span class='id identifier rubyid_y'>y</span><span class='comma'>,</span> <span class='id identifier rubyid_r'>r</span><span class='comma'>,</span> <span class='id identifier rubyid_color'>color</span><span class='comma'>,</span> <span class='id identifier rubyid_z'>z</span><span class='op'>=</span><span class='int'>0</span><span class='rparen'>)</span>
   <span class='id identifier rubyid_enqueue_draw'>enqueue_draw</span><span class='lparen'>(</span><span class='id identifier rubyid_z'>z</span><span class='comma'>,</span> <span class='symbol'>:circle</span><span class='comma'>,</span> <span class='id identifier rubyid_x'>x</span><span class='comma'>,</span> <span class='id identifier rubyid_y'>y</span><span class='comma'>,</span> <span class='id identifier rubyid_r'>r</span><span class='comma'>,</span> <span class='id identifier rubyid_color'>color</span><span class='rparen'>)</span>
@@ -1279,12 +1320,12 @@ when loaded.</p>
       <pre class="lines">
 
 
-165
-166
-167</pre>
+196
+197
+198</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 165</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 196</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_draw_circle_fill'>draw_circle_fill</span><span class='lparen'>(</span><span class='id identifier rubyid_x'>x</span><span class='comma'>,</span> <span class='id identifier rubyid_y'>y</span><span class='comma'>,</span> <span class='id identifier rubyid_r'>r</span><span class='comma'>,</span> <span class='id identifier rubyid_color'>color</span><span class='comma'>,</span> <span class='id identifier rubyid_z'>z</span><span class='op'>=</span><span class='int'>0</span><span class='rparen'>)</span>
   <span class='id identifier rubyid_enqueue_draw'>enqueue_draw</span><span class='lparen'>(</span><span class='id identifier rubyid_z'>z</span><span class='comma'>,</span> <span class='symbol'>:circle_fill</span><span class='comma'>,</span> <span class='id identifier rubyid_x'>x</span><span class='comma'>,</span> <span class='id identifier rubyid_y'>y</span><span class='comma'>,</span> <span class='id identifier rubyid_r'>r</span><span class='comma'>,</span> <span class='id identifier rubyid_color'>color</span><span class='rparen'>)</span>
@@ -1309,12 +1350,12 @@ when loaded.</p>
       <pre class="lines">
 
 
-135
-136
-137</pre>
+166
+167
+168</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 135</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 166</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_draw_ex'>draw_ex</span><span class='lparen'>(</span><span class='id identifier rubyid_x'>x</span><span class='comma'>,</span> <span class='id identifier rubyid_y'>y</span><span class='comma'>,</span> <span class='id identifier rubyid_image'>image</span><span class='comma'>,</span> <span class='id identifier rubyid_options'>options</span><span class='op'>=</span><span class='lbrace'>{</span><span class='rbrace'>}</span><span class='rparen'>)</span>
   <span class='id identifier rubyid_enqueue_draw'>enqueue_draw</span><span class='lparen'>(</span><span class='id identifier rubyid_options'>options</span><span class='lbracket'>[</span><span class='symbol'>:z</span><span class='rbracket'>]</span> <span class='op'>||</span> <span class='int'>0</span><span class='comma'>,</span> <span class='symbol'>:draw_ex</span><span class='comma'>,</span> <span class='id identifier rubyid_x'>x</span><span class='comma'>,</span> <span class='id identifier rubyid_y'>y</span><span class='comma'>,</span> <span class='id identifier rubyid_image'>image</span><span class='comma'>,</span> <span class='id identifier rubyid_options'>options</span><span class='rparen'>)</span>
@@ -1339,14 +1380,14 @@ when loaded.</p>
       <pre class="lines">
 
 
-139
-140
-141
-142
-143</pre>
+170
+171
+172
+173
+174</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 139</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 170</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_draw_font'>draw_font</span><span class='lparen'>(</span><span class='id identifier rubyid_x'>x</span><span class='comma'>,</span> <span class='id identifier rubyid_y'>y</span><span class='comma'>,</span> <span class='id identifier rubyid_string'>string</span><span class='comma'>,</span> <span class='id identifier rubyid_font'>font</span><span class='comma'>,</span> <span class='id identifier rubyid_option'>option</span><span class='op'>=</span><span class='lbrace'>{</span><span class='rbrace'>}</span><span class='rparen'>)</span>
   <span class='id identifier rubyid_z'>z</span> <span class='op'>=</span> <span class='id identifier rubyid_option'>option</span><span class='lbracket'>[</span><span class='symbol'>:z</span><span class='rbracket'>]</span> <span class='op'>||</span> <span class='int'>0</span>
@@ -1373,12 +1414,12 @@ when loaded.</p>
       <pre class="lines">
 
 
-149
-150
-151</pre>
+180
+181
+182</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 149</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 180</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_draw_line'>draw_line</span><span class='lparen'>(</span><span class='id identifier rubyid_x1'>x1</span><span class='comma'>,</span> <span class='id identifier rubyid_y1'>y1</span><span class='comma'>,</span> <span class='id identifier rubyid_x2'>x2</span><span class='comma'>,</span> <span class='id identifier rubyid_y2'>y2</span><span class='comma'>,</span> <span class='id identifier rubyid_color'>color</span><span class='comma'>,</span> <span class='id identifier rubyid_z'>z</span><span class='op'>=</span><span class='int'>0</span><span class='rparen'>)</span>
   <span class='id identifier rubyid_enqueue_draw'>enqueue_draw</span><span class='lparen'>(</span><span class='id identifier rubyid_z'>z</span><span class='comma'>,</span> <span class='symbol'>:line</span><span class='comma'>,</span> <span class='id identifier rubyid_x1'>x1</span><span class='comma'>,</span> <span class='id identifier rubyid_y1'>y1</span><span class='comma'>,</span> <span class='id identifier rubyid_x2'>x2</span><span class='comma'>,</span> <span class='id identifier rubyid_y2'>y2</span><span class='comma'>,</span> <span class='id identifier rubyid_color'>color</span><span class='rparen'>)</span>
@@ -1403,13 +1444,13 @@ when loaded.</p>
       <pre class="lines">
 
 
-43
-44
-45
-46</pre>
+46
+47
+48
+49</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 43</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 46</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_draw_pause_screen'>draw_pause_screen</span>
   <span class='const'><span class='object_link'><a href="" title="DXOpal::Window (module)">Window</a></span></span><span class='period'>.</span><span class='id identifier rubyid_draw_box_fill'><span class='object_link'><a href="#draw_box_fill-class_method" title="DXOpal::Window.draw_box_fill (method)">draw_box_fill</a></span></span><span class='lparen'>(</span><span class='int'>0</span><span class='comma'>,</span> <span class='int'>0</span><span class='comma'>,</span> <span class='const'><span class='object_link'><a href="" title="DXOpal::Window (module)">Window</a></span></span><span class='period'>.</span><span class='id identifier rubyid_width'><span class='object_link'><a href="#width-class_method" title="DXOpal::Window.width (method)">width</a></span></span><span class='comma'>,</span> <span class='const'><span class='object_link'><a href="" title="DXOpal::Window (module)">Window</a></span></span><span class='period'>.</span><span class='id identifier rubyid_height'><span class='object_link'><a href="#height-class_method" title="DXOpal::Window.height (method)">height</a></span></span><span class='comma'>,</span> <span class='const'>C_BLACK</span><span class='rparen'>)</span>
@@ -1435,12 +1476,12 @@ when loaded.</p>
       <pre class="lines">
 
 
-145
-146
-147</pre>
+176
+177
+178</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 145</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 176</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_draw_pixel'>draw_pixel</span><span class='lparen'>(</span><span class='id identifier rubyid_x'>x</span><span class='comma'>,</span> <span class='id identifier rubyid_y'>y</span><span class='comma'>,</span> <span class='id identifier rubyid_color'>color</span><span class='comma'>,</span> <span class='id identifier rubyid_z'>z</span><span class='op'>=</span><span class='int'>0</span><span class='rparen'>)</span>
   <span class='id identifier rubyid_enqueue_draw'>enqueue_draw</span><span class='lparen'>(</span><span class='id identifier rubyid_z'>z</span><span class='comma'>,</span> <span class='symbol'>:pixel</span><span class='comma'>,</span> <span class='id identifier rubyid_x'>x</span><span class='comma'>,</span> <span class='id identifier rubyid_y'>y</span><span class='comma'>,</span> <span class='id identifier rubyid_color'>color</span><span class='rparen'>)</span>
@@ -1465,12 +1506,12 @@ when loaded.</p>
       <pre class="lines">
 
 
-131
-132
-133</pre>
+162
+163
+164</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 131</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 162</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_draw_rot'>draw_rot</span><span class='lparen'>(</span><span class='id identifier rubyid_x'>x</span><span class='comma'>,</span> <span class='id identifier rubyid_y'>y</span><span class='comma'>,</span> <span class='id identifier rubyid_image'>image</span><span class='comma'>,</span> <span class='id identifier rubyid_angle'>angle</span><span class='comma'>,</span> <span class='id identifier rubyid_center_x'>center_x</span><span class='op'>=</span><span class='kw'>nil</span><span class='comma'>,</span> <span class='id identifier rubyid_center_y'>center_y</span><span class='op'>=</span><span class='kw'>nil</span><span class='comma'>,</span> <span class='id identifier rubyid_z'>z</span><span class='op'>=</span><span class='int'>0</span><span class='rparen'>)</span>
   <span class='id identifier rubyid_enqueue_draw'>enqueue_draw</span><span class='lparen'>(</span><span class='id identifier rubyid_z'>z</span><span class='comma'>,</span> <span class='symbol'>:image_rot</span><span class='comma'>,</span> <span class='id identifier rubyid_x'>x</span><span class='comma'>,</span> <span class='id identifier rubyid_y'>y</span><span class='comma'>,</span> <span class='id identifier rubyid_image'>image</span><span class='comma'>,</span> <span class='id identifier rubyid_angle'>angle</span><span class='comma'>,</span> <span class='id identifier rubyid_center_x'>center_x</span><span class='comma'>,</span> <span class='id identifier rubyid_center_y'>center_y</span><span class='rparen'>)</span>
@@ -1495,12 +1536,12 @@ when loaded.</p>
       <pre class="lines">
 
 
-127
-128
-129</pre>
+158
+159
+160</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 127</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 158</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_draw_scale'>draw_scale</span><span class='lparen'>(</span><span class='id identifier rubyid_x'>x</span><span class='comma'>,</span> <span class='id identifier rubyid_y'>y</span><span class='comma'>,</span> <span class='id identifier rubyid_image'>image</span><span class='comma'>,</span> <span class='id identifier rubyid_scale_x'>scale_x</span><span class='comma'>,</span> <span class='id identifier rubyid_scale_y'>scale_y</span><span class='comma'>,</span> <span class='id identifier rubyid_center_x'>center_x</span><span class='op'>=</span><span class='kw'>nil</span><span class='comma'>,</span> <span class='id identifier rubyid_center_y'>center_y</span><span class='op'>=</span><span class='kw'>nil</span><span class='comma'>,</span> <span class='id identifier rubyid_z'>z</span><span class='op'>=</span><span class='int'>0</span><span class='rparen'>)</span>
   <span class='id identifier rubyid_enqueue_draw'>enqueue_draw</span><span class='lparen'>(</span><span class='id identifier rubyid_z'>z</span><span class='comma'>,</span> <span class='symbol'>:image_scale</span><span class='comma'>,</span> <span class='id identifier rubyid_x'>x</span><span class='comma'>,</span> <span class='id identifier rubyid_y'>y</span><span class='comma'>,</span> <span class='id identifier rubyid_image'>image</span><span class='comma'>,</span> <span class='id identifier rubyid_scale_x'>scale_x</span><span class='comma'>,</span> <span class='id identifier rubyid_scale_y'>scale_y</span><span class='comma'>,</span> <span class='id identifier rubyid_center_x'>center_x</span><span class='comma'>,</span> <span class='id identifier rubyid_center_y'>center_y</span><span class='rparen'>)</span>
@@ -1525,12 +1566,12 @@ when loaded.</p>
       <pre class="lines">
 
 
-169
-170
-171</pre>
+200
+201
+202</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 169</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 200</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_draw_triangle'>draw_triangle</span><span class='lparen'>(</span><span class='id identifier rubyid_x1'>x1</span><span class='comma'>,</span> <span class='id identifier rubyid_y1'>y1</span><span class='comma'>,</span> <span class='id identifier rubyid_x2'>x2</span><span class='comma'>,</span> <span class='id identifier rubyid_y2'>y2</span><span class='comma'>,</span> <span class='id identifier rubyid_x3'>x3</span><span class='comma'>,</span> <span class='id identifier rubyid_y3'>y3</span><span class='comma'>,</span> <span class='id identifier rubyid_color'>color</span><span class='comma'>,</span> <span class='id identifier rubyid_z'>z</span><span class='op'>=</span><span class='int'>0</span><span class='rparen'>)</span>
   <span class='id identifier rubyid_enqueue_draw'>enqueue_draw</span><span class='lparen'>(</span><span class='id identifier rubyid_z'>z</span><span class='comma'>,</span> <span class='symbol'>:triangle</span><span class='comma'>,</span> <span class='id identifier rubyid_x1'>x1</span><span class='comma'>,</span> <span class='id identifier rubyid_y1'>y1</span><span class='comma'>,</span> <span class='id identifier rubyid_x2'>x2</span><span class='comma'>,</span> <span class='id identifier rubyid_y2'>y2</span><span class='comma'>,</span> <span class='id identifier rubyid_x3'>x3</span><span class='comma'>,</span> <span class='id identifier rubyid_y3'>y3</span><span class='comma'>,</span> <span class='id identifier rubyid_color'>color</span><span class='rparen'>)</span>
@@ -1555,12 +1596,12 @@ when loaded.</p>
       <pre class="lines">
 
 
-173
-174
-175</pre>
+204
+205
+206</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 173</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 204</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_draw_triangle_fill'>draw_triangle_fill</span><span class='lparen'>(</span><span class='id identifier rubyid_x1'>x1</span><span class='comma'>,</span> <span class='id identifier rubyid_y1'>y1</span><span class='comma'>,</span> <span class='id identifier rubyid_x2'>x2</span><span class='comma'>,</span> <span class='id identifier rubyid_y2'>y2</span><span class='comma'>,</span> <span class='id identifier rubyid_x3'>x3</span><span class='comma'>,</span> <span class='id identifier rubyid_y3'>y3</span><span class='comma'>,</span> <span class='id identifier rubyid_color'>color</span><span class='comma'>,</span> <span class='id identifier rubyid_z'>z</span><span class='op'>=</span><span class='int'>0</span><span class='rparen'>)</span>
   <span class='id identifier rubyid_enqueue_draw'>enqueue_draw</span><span class='lparen'>(</span><span class='id identifier rubyid_z'>z</span><span class='comma'>,</span> <span class='symbol'>:triangle_fill</span><span class='comma'>,</span> <span class='id identifier rubyid_x1'>x1</span><span class='comma'>,</span> <span class='id identifier rubyid_y1'>y1</span><span class='comma'>,</span> <span class='id identifier rubyid_x2'>x2</span><span class='comma'>,</span> <span class='id identifier rubyid_y2'>y2</span><span class='comma'>,</span> <span class='id identifier rubyid_x3'>x3</span><span class='comma'>,</span> <span class='id identifier rubyid_y3'>y3</span><span class='comma'>,</span> <span class='id identifier rubyid_color'>color</span><span class='rparen'>)</span>
@@ -1596,12 +1637,12 @@ when loaded.</p>
       <pre class="lines">
 
 
-178
-179
-180</pre>
+209
+210
+211</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 178</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 209</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_enqueue_draw'>enqueue_draw</span><span class='lparen'>(</span><span class='id identifier rubyid_z'>z</span><span class='comma'>,</span> <span class='op'>*</span><span class='id identifier rubyid_args'>args</span><span class='rparen'>)</span>
   <span class='cvar'>@@draw_queue</span><span class='period'>.</span><span class='id identifier rubyid_push'>push</span><span class='lparen'>(</span><span class='lbracket'>[</span><span class='id identifier rubyid_z'>z</span><span class='comma'>,</span> <span class='cvar'>@@draw_queue</span><span class='period'>.</span><span class='id identifier rubyid_length'>length</span><span class='comma'>,</span> <span class='op'>*</span><span class='id identifier rubyid_args'>args</span><span class='rbracket'>]</span><span class='rparen'>)</span>
@@ -1626,10 +1667,10 @@ when loaded.</p>
       <pre class="lines">
 
 
-112</pre>
+129</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 112</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 129</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_fps'>fps</span><span class='semicolon'>;</span> <span class='cvar'>@@fps</span><span class='semicolon'>;</span> <span class='kw'>end</span></pre>
     </td>
@@ -1652,10 +1693,10 @@ when loaded.</p>
       <pre class="lines">
 
 
-113</pre>
+130</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 113</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 130</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_fps='>fps=</span><span class='lparen'>(</span><span class='id identifier rubyid_w'>w</span><span class='rparen'>)</span><span class='semicolon'>;</span> <span class='cvar'>@@fps</span> <span class='op'>=</span> <span class='id identifier rubyid_w'>w</span><span class='semicolon'>;</span> <span class='kw'>end</span></pre>
     </td>
@@ -1678,10 +1719,10 @@ when loaded.</p>
       <pre class="lines">
 
 
-117</pre>
+141</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 117</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 141</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_height'>height</span><span class='semicolon'>;</span> <span class='cvar'>@@height</span><span class='semicolon'>;</span> <span class='kw'>end</span></pre>
     </td>
@@ -1698,18 +1739,39 @@ when loaded.</p>
   
 
   
-</h3><table class="source_code">
+</h3><div class="docstring">
+  <div class="discussion">
+    
+<p>Set window height and resize the canvas Set `nil` to maximize canvas</p>
+
+
+  </div>
+</div>
+<div class="tags">
+  
+
+</div><table class="source_code">
   <tr>
     <td>
       <pre class="lines">
 
 
-118</pre>
+144
+145
+146
+147
+148
+149</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 118</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 144</span>
 
-<span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_height='>height=</span><span class='lparen'>(</span><span class='id identifier rubyid_h'>h</span><span class='rparen'>)</span><span class='semicolon'>;</span> <span class='cvar'>@@height</span> <span class='op'>=</span> <span class='id identifier rubyid_h'>h</span><span class='semicolon'>;</span> <span class='kw'>end</span></pre>
+<span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_height='>height=</span><span class='lparen'>(</span><span class='id identifier rubyid_h'>h</span><span class='rparen'>)</span>
+  <span class='id identifier rubyid_canvas'>canvas</span> <span class='op'>=</span> <span class='backtick'>`</span><span class='tstring_content'>document.getElementById(&quot;dxopal-canvas&quot;)</span><span class='tstring_end'>`</span></span>
+  <span class='cvar'>@@height</span> <span class='op'>=</span> <span class='id identifier rubyid_h'>h</span> <span class='op'>||</span> <span class='backtick'>`</span><span class='tstring_content'>window.innerHeight</span><span class='tstring_end'>`</span></span>
+  <span class='backtick'>`</span><span class='tstring_content'>canvas.height = </span><span class='embexpr_beg'>#{</span><span class='cvar'>@@height</span><span class='embexpr_end'>}</span><span class='tstring_end'>`</span></span>
+  <span class='backtick'>`</span><span class='tstring_content'>canvas.style.height = </span><span class='embexpr_beg'>#{</span><span class='cvar'>@@height</span><span class='embexpr_end'>}</span><span class='tstring_end'>`</span></span>
+<span class='kw'>end</span></pre>
     </td>
   </tr>
 </table>
@@ -1727,8 +1789,7 @@ when loaded.</p>
 </h3><div class="docstring">
   <div class="discussion">
     
-<p>Load resources specified with Image.register or Sound.register Call block
-when loaded</p>
+<p>Load resources specified with Image.register or Sound.register Call block when loaded</p>
 
 
   </div>
@@ -1742,14 +1803,14 @@ when loaded</p>
       <pre class="lines">
 
 
-16
-17
 18
 19
-20</pre>
+20
+21
+22</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 16</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 18</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_load_resources'>load_resources</span><span class='lparen'>(</span><span class='op'>&amp;</span><span class='id identifier rubyid_block'>block</span><span class='rparen'>)</span>
   <span class='const'><span class='object_link'><a href="RemoteResource.html" title="DXOpal::RemoteResource (class)">RemoteResource</a></span></span><span class='period'>.</span><span class='id identifier rubyid__load_resources'><span class='object_link'><a href="RemoteResource.html#_load_resources-class_method" title="DXOpal::RemoteResource._load_resources (method)">_load_resources</a></span></span> <span class='kw'>do</span>
@@ -1775,8 +1836,7 @@ when loaded</p>
     
 <p>Start main loop</p>
 
-<p>When called twice, previous loop is stopped (this is useful when
-implementing interactive game editor, etc.)</p>
+<p>When called twice, previous loop is stopped (this is useful when implementing interactive game editor, etc.)</p>
 
 
   </div>
@@ -1790,19 +1850,21 @@ implementing interactive game editor, etc.)</p>
       <pre class="lines">
 
 
-26
-27
 28
 29
-30</pre>
+30
+31
+32
+33</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 26</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 28</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_loop'>loop</span><span class='lparen'>(</span><span class='op'>&amp;</span><span class='id identifier rubyid_block'>block</span><span class='rparen'>)</span>
   <span class='id identifier rubyid_already_running'>already_running</span> <span class='op'>=</span> <span class='op'>!</span><span class='op'>!</span><span class='cvar'>@@block</span>
   <span class='cvar'>@@block</span> <span class='op'>=</span> <span class='id identifier rubyid_block'>block</span>
-  <span class='id identifier rubyid__loop'>_loop</span> <span class='kw'>unless</span> <span class='id identifier rubyid_already_running'>already_running</span>
+  <span class='kw'>return</span> <span class='kw'>if</span> <span class='id identifier rubyid_already_running'>already_running</span>
+  <span class='backtick'>`</span><span class='tstring_content'>window</span><span class='tstring_end'>`</span></span><span class='period'>.</span><span class='const'>JS</span><span class='period'>.</span><span class='id identifier rubyid_requestAnimationFrame'>requestAnimationFrame</span><span class='lbrace'>{</span><span class='op'>|</span><span class='id identifier rubyid_time'>time</span><span class='op'>|</span> <span class='id identifier rubyid__loop'>_loop</span><span class='lparen'>(</span><span class='id identifier rubyid_time'>time</span><span class='rparen'>)</span> <span class='rbrace'>}</span>
 <span class='kw'>end</span></pre>
     </td>
   </tr>
@@ -1835,14 +1897,14 @@ implementing interactive game editor, etc.)</p>
       <pre class="lines">
 
 
-33
-34
-35
 36
-37</pre>
+37
+38
+39
+40</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 33</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 36</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_pause'>pause</span>
   <span class='cvar'>@@paused</span> <span class='op'>=</span> <span class='kw'>true</span>
@@ -1891,10 +1953,10 @@ implementing interactive game editor, etc.)</p>
       <pre class="lines">
 
 
-38</pre>
+41</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 38</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 41</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_paused?'>paused?</span><span class='semicolon'>;</span> <span class='cvar'>@@paused</span><span class='semicolon'>;</span> <span class='kw'>end</span></pre>
     </td>
@@ -1917,10 +1979,10 @@ implementing interactive game editor, etc.)</p>
       <pre class="lines">
 
 
-114</pre>
+131</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 114</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 131</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_real_fps'>real_fps</span><span class='semicolon'>;</span> <span class='cvar'>@@real_fps</span><span class='semicolon'>;</span> <span class='kw'>end</span></pre>
     </td>
@@ -1943,13 +2005,13 @@ implementing interactive game editor, etc.)</p>
       <pre class="lines">
 
 
-39
-40
-41
-42</pre>
+42
+43
+44
+45</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 39</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 42</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_resume'>resume</span>
   <span class='id identifier rubyid_raise'>raise</span> <span class='tstring'><span class='tstring_beg'>&quot;</span><span class='tstring_content'>Window.resume is called before Window.loop</span><span class='tstring_end'>&quot;</span></span> <span class='kw'>if</span> <span class='cvar'>@@block</span><span class='period'>.</span><span class='id identifier rubyid_nil?'>nil?</span>
@@ -1975,10 +2037,10 @@ implementing interactive game editor, etc.)</p>
       <pre class="lines">
 
 
-115</pre>
+132</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 115</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 132</span>
 
 <span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_width'>width</span><span class='semicolon'>;</span> <span class='cvar'>@@width</span><span class='semicolon'>;</span> <span class='kw'>end</span></pre>
     </td>
@@ -1995,18 +2057,39 @@ implementing interactive game editor, etc.)</p>
   
 
   
-</h3><table class="source_code">
+</h3><div class="docstring">
+  <div class="discussion">
+    
+<p>Set window width and resize the canvas Set `nil` to maximize canvas</p>
+
+
+  </div>
+</div>
+<div class="tags">
+  
+
+</div><table class="source_code">
   <tr>
     <td>
       <pre class="lines">
 
 
-116</pre>
+135
+136
+137
+138
+139
+140</pre>
     </td>
     <td>
-      <pre class="code"><span class="info file"># File 'opal/dxopal/window.rb', line 116</span>
+      <pre class="code"><span class="info file"># File 'lib/dxopal/window.rb', line 135</span>
 
-<span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_width='>width=</span><span class='lparen'>(</span><span class='id identifier rubyid_w'>w</span><span class='rparen'>)</span><span class='semicolon'>;</span> <span class='cvar'>@@width</span> <span class='op'>=</span> <span class='id identifier rubyid_w'>w</span><span class='semicolon'>;</span> <span class='kw'>end</span></pre>
+<span class='kw'>def</span> <span class='kw'>self</span><span class='period'>.</span><span class='id identifier rubyid_width='>width=</span><span class='lparen'>(</span><span class='id identifier rubyid_w'>w</span><span class='rparen'>)</span>
+  <span class='id identifier rubyid_canvas'>canvas</span> <span class='op'>=</span> <span class='backtick'>`</span><span class='tstring_content'>document.getElementById(&quot;dxopal-canvas&quot;)</span><span class='tstring_end'>`</span></span>
+  <span class='cvar'>@@width</span> <span class='op'>=</span> <span class='id identifier rubyid_w'>w</span> <span class='op'>||</span> <span class='backtick'>`</span><span class='tstring_content'>window.innerWidth</span><span class='tstring_end'>`</span></span>
+  <span class='backtick'>`</span><span class='tstring_content'>canvas.width = </span><span class='embexpr_beg'>#{</span><span class='cvar'>@@width</span><span class='embexpr_end'>}</span><span class='tstring_end'>`</span></span>
+  <span class='backtick'>`</span><span class='tstring_content'>canvas.style.width = </span><span class='embexpr_beg'>#{</span><span class='cvar'>@@width</span><span class='embexpr_end'>}</span><span class='tstring_end'>`</span></span>
+<span class='kw'>end</span></pre>
     </td>
   </tr>
 </table>
@@ -2017,9 +2100,9 @@ implementing interactive game editor, etc.)</p>
 </div>
 
       <div id="footer">
-  Generated on Sat Sep 29 15:56:47 2018 by
+  Generated on Tue Dec 29 11:37:23 2020 by
   <a href="http://yardoc.org" title="Yay! A Ruby Documentation Tool" target="_parent">yard</a>
-  0.9.16 (ruby-2.5.1).
+  0.9.26 (ruby-2.7.0).
 </div>
 
     </div>