deploy: 152d959

creativescala · Nov 30, 2023 · a32ed39 · a32ed39
1 parent d5467aa
commit a32ed39
Show file tree

Hide file tree

Showing 21 changed files with 7 additions and 3 deletions.
diff --git a/algebra/basic-with-text.png b/algebra/basic-with-text.png
diff --git a/algebra/circle-square.png b/algebra/circle-square.png
diff --git a/algebra/suns-old-god.png b/algebra/suns-old-god.png
diff --git a/chessboard.png b/chessboard.png
diff --git a/core/index.html b/core/index.html
@@ -106,6 +106,10 @@ <h2 id="color" class="section">Color</h2>
             <pre><code class="nohighlight"><span class="type-name">Color</span><span>.</span><span class="identifier">steelBlue</span><span> </span><span class="comment">// Not to be confused with blue steel
 </span><span class="type-name">Color</span><span>.</span><span class="identifier">beige</span><span> 
 </span><span class="type-name">Color</span><span>.</span><span class="identifier">limeGreen</span></code></pre>
+            <p>You can also parse colors from CSS hex-color strings. For example:</p>
+            <pre><code class="nohighlight"><span class="keyword">val</span><span> </span><span class="identifier">red</span><span> = </span><span class="type-name">Color</span><span>.</span><span class="identifier">fromHex</span><span>(</span><span class="string-literal">&quot;#f00&quot;</span><span>)
+</span><span class="keyword">val</span><span> </span><span class="identifier">green</span><span> = </span><span class="type-name">Color</span><span>.</span><span class="identifier">fromHex</span><span>(</span><span class="string-literal">&quot;#00ff00&quot;</span><span>)
+</span><span class="keyword">val</span><span> </span><span class="identifier">transparentBlue</span><span> = </span><span class="type-name">Color</span><span>.</span><span class="identifier">fromHex</span><span>(</span><span class="string-literal">&quot;#0f09&quot;</span><span>)</span></code></pre>
             <p>There are many methods to modify colors, such as <code>spin</code>, <code>desaturate</code>, and so on. See the <a class="api" href="https://javadoc.io/doc/org.creativescala/doodle-docs_3/latest/doodle/core/Color.html">Color</a> for full details.</p>
 
             <h2 id="point" class="section">Point</h2>

diff --git a/main.js.map b/main.js.map
diff --git a/pictures/at-and-origin-at.png b/pictures/at-and-origin-at.png
diff --git a/pictures/basic-layout.png b/pictures/basic-layout.png
diff --git a/pictures/basic-path.png b/pictures/basic-path.png
diff --git a/pictures/basic-shapes.png b/pictures/basic-shapes.png
diff --git a/pictures/basic-style.png b/pictures/basic-style.png
diff --git a/pictures/bounding-box.png b/pictures/bounding-box.png
diff --git a/pictures/curve.png b/pictures/curve.png
diff --git a/pictures/debug-layout.png b/pictures/debug-layout.png
diff --git a/pictures/fill-style.png b/pictures/fill-style.png
diff --git a/pictures/open-closed-paths.png b/pictures/open-closed-paths.png
diff --git a/pictures/overlapping-circles.png b/pictures/overlapping-circles.png
diff --git a/pictures/pentagon.png b/pictures/pentagon.png
diff --git a/pictures/rolling-circles.png b/pictures/rolling-circles.png
diff --git a/pictures/size.html b/pictures/size.html
@@ -87,10 +87,10 @@ <h2 id="bounding-box" class="section">Bounding Box</h2>
       .</span><span class="identifier">strokeColor</span><span>(</span><span class="type-name">Color</span><span>.</span><span class="identifier">hotpink</span><span>)
       .</span><span class="identifier">strokeWidth</span><span>(</span><span class="number-literal">3.0</span><span>)
   )
-</span><span class="comment">// boundingBox: Picture[FromGifBase64 &amp; Basic &amp; Bitmap &amp; FromBufferedImage &amp; FromPngBase64 &amp; FromJpgBase64, Unit] = doodle.algebra.Picture$$anon$1@3777aef0
+</span><span class="comment">// boundingBox: Picture[FromGifBase64 &amp; Basic &amp; Bitmap &amp; FromBufferedImage &amp; FromPngBase64 &amp; FromJpgBase64, Unit] = doodle.algebra.Picture$$anon$1@54300362
 </span><span>  
 </span><span class="keyword">val</span><span> </span><span class="identifier">picture</span><span> = </span><span class="identifier">circle</span><span>.</span><span class="identifier">on</span><span>(</span><span class="identifier">boundingBox</span><span>)
-</span><span class="comment">// picture: Picture[Bitmap &amp; FromBufferedImage &amp; FromPngBase64 &amp; FromGifBase64 &amp; Basic &amp; FromJpgBase64, Unit] = doodle.syntax.LayoutSyntax$$anon$1@455c22b3</span></code></pre>
+</span><span class="comment">// picture: Picture[Bitmap &amp; FromBufferedImage &amp; FromPngBase64 &amp; FromGifBase64 &amp; Basic &amp; FromJpgBase64, Unit] = doodle.syntax.LayoutSyntax$$anon$1@61584692</span></code></pre>
             <p>This produces the picture shown below.</p>
             <div class="default-image-block">
               <img src="bounding-box.png">

diff --git a/pictures/stroke-style.png b/pictures/stroke-style.png