Merge pull request #2 from micro-gl/readme

psd images

README.md

@@ -4,12 +4,15 @@
 
 # micro{tess} [![compile](https://github.com/micro-gl/micro-tess/actions/workflows/compile.yml/badge.svg)](https://github.com/micro-gl/micro-tess/actions/workflows/compile.yml)
 
-**Fast**, **Slim**, **Embeddable**, **Allocator-aware**, **Headers files** only **`C++11`** geometry tesselation  
-library for vector graphics, that can run on any 32/64 bits computer with or without **FPU**.  
+**Fast**, **Slim**, **Embeddable**, **Allocator-aware**, **Headers files** only **`C++11`** geometry tesselation library for **vector graphics**, that can run on any 32/64 bits computer with or without **FPU**.  
 **No standard library required**.
 
 check out our website at [micro-gl.github.io/docs/micro-tess/](https://micro-gl.github.io/docs/micro-tess)
 
+<div align='center'>
+<img src='assets/intro.png' style='opacity: 0.75; max-height: 200'/>
+</div>
+
 ## Features
 
 > **Language** &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

examples/example_bezier_curve_divider.cpp

@@ -31,7 +31,7 @@ int main() {
 
     // microgl drawing setup START
     using Canvas24= canvas<bitmap<coder::RGB888_PACKED_32>>;
-    sampling::flat_color<> red{{255, 0, 0, 255}};
+    sampling::flat_color<> red{{226, 63, 151	, 255}};
     Canvas24 canvas(W, H);
     // microgl drawing setup END
 
@@ -53,15 +53,16 @@ int main() {
         curve_divider::compute(curve.data(), output_vertices, algo_type, curve_type);
         // Algorithm END
 
-        canvas.clear({255,255,255,255});
+        canvas.clear({60,60,60,255});
         canvas.drawWuLinePath(
-                {0,0,0,255},
+                {255,255,255,255},
                 output_vertices.data(), output_vertices.size(),
                 false);
 
         for (auto & p : output_vertices)
             canvas.drawCircle<blendmode::Normal, porterduff::FastSourceOverOnOpaque, true>(
-                    red, red, p.x, p.y, number{5}, number{0});
+                    red, red, p.x, p.y,
+                    number{10}, number{0});
     };
 
     auto render = [&](void*, void*, void*) -> void {

examples/example_monotone_triangulation.cpp

@@ -1,5 +1,6 @@
 #define MICROGL_USE_EXTERNAL_MICRO_TESS
 #include "src/example.h"
+#include <microgl/samplers/linear_gradient_2_colors.h>
 #include <microgl/canvas.h>
 #include <microgl/bitmaps/bitmap.h>
 #include <microgl/pixel_coders/RGB888_PACKED_32.h>
@@ -127,6 +128,7 @@ int main() {
     // microgl drawing setup START
     using Canvas24= canvas<bitmap<coder::RGB888_PACKED_32>>;
     sampling::flat_color<> color_red{{255,0,0,255}};
+    sampling::linear_gradient_2_colors<315> gradient{{220,0,0}, {141	,53	,255	}};
     Canvas24 canvas(W, H);
     float t = 0;
 
@@ -158,9 +160,9 @@ int main() {
                      allocator);
 
         // draw triangles batch
-        canvas.clear({255,255,255,255});
+        canvas.clear({60,60,60,255});
         canvas.drawTriangles(
-                color_red,
+                gradient,
                 matrix_3x3<number>::identity(),
                 polygon.data(),
                 (vertex2<number> *)nullptr,
@@ -172,7 +174,7 @@ int main() {
 
         // draw triangulation
         canvas.drawTrianglesWireframe(
-                {0,0,0,255},
+                {0,0,0,50},
                 matrix_3x3<number>::identity(),
                 polygon.data(),
                 output_indices.data(),

examples/example_path_fill.cpp

@@ -6,6 +6,7 @@
 #include <microgl/bitmaps/bitmap.h>
 #include <microgl/pixel_coders/RGB888_PACKED_32.h>
 #include <microgl/samplers/flat_color.h>
+#include <microgl/samplers/linear_gradient_2_colors.h>
 
 #include <micro-tess/path.h>
 #include <micro-tess/std_rebind_allocator.h>
@@ -128,6 +129,7 @@ int main() {
     using index = unsigned int;
     using Canvas24 = canvas<bitmap<RGB888_PACKED_32>, CANVAS_OPT_64_BIT_FREE>;
     sampling::flat_color<> color_red {{255,0,255,255}};
+    sampling::linear_gradient_2_colors<315> gradient{{220,0,0}, {141	,53	,255	}};
     Canvas24 canvas(640, 480);
     // microgl drawing setup END
 
@@ -141,9 +143,10 @@ int main() {
                 microtess::tess_quality::prettier_with_extra_vertices,
                 true, debug);
 
-        canvas.clear({255, 255, 255, 255});
+//        canvas.clear({255, 255, 255, 255});
+        canvas.clear({60, 60, 60, 255});
         canvas.drawTriangles<blendmode::Normal, porterduff::FastSourceOverOnOpaque, true>(
-                color_red,
+                gradient,
                 matrix_3x3<number>::identity(),
                 buffers.output_vertices.data(),
                 static_cast<vertex2<number> *>(nullptr),
@@ -153,26 +156,27 @@ int main() {
                 buffers.output_indices_type,
                 255);
 
-        if(debug) {
+        if(true) {
             canvas.drawTrianglesWireframe(
-                   {0, 0, 0, 255}, matrix_3x3<number>::identity(),
+                   {38, 38, 38, 255},
+                   matrix_3x3<number>::identity(),
                    buffers.output_vertices.data(),
                    buffers.output_indices.data(),
                    buffers.output_indices.size(),
                    buffers.output_indices_type,
-                   40);
-            for (index ix = 0; ix < buffers.DEBUG_output_trapezes.size(); ix+=4)
-                canvas.drawWuLinePath<number>({0, 0, 0, 255},
-                                 &buffers.DEBUG_output_trapezes[ix], 4, true);
+                   50);
+//            for (index ix = 0; ix < buffers.DEBUG_output_trapezes.size(); ix+=4)
+//                canvas.drawWuLinePath<number>({255, 255, 255, 255},
+//                                 &buffers.DEBUG_output_trapezes[ix], 4, true);
         }
     };
 
     auto render = [&](void*, void*, void*) -> void {
 //        static auto path = path_star_2<number>();
-//        static auto path = path_star<number>();
+        static auto path = path_star<number>();
 //        static auto path = path_rects<number>();
 //        auto path = path_arc_animation<number>();
-        static auto path = path_test<number>();
+//        static auto path = path_test<number>();
 
         render_path(path);
     };

examples/example_stroke_dash_tessellation.cpp

@@ -1,5 +1,6 @@
 #define MICROGL_USE_EXTERNAL_MICRO_TESS
 #include "src/example.h"
+#include <microgl/samplers/linear_gradient_2_colors.h>
 #include <microgl/canvas.h>
 #include <microgl/bitmaps/bitmap.h>
 #include <microgl/math/Q.h>
@@ -122,6 +123,7 @@ int main() {
     // microgl drawing setup START
     using Canvas24= canvas<bitmap<coder::RGB888_PACKED_32>, CANVAS_OPT_64_BIT_FREE>;
     sampling::flat_color<> color_red{{255,0,0,255}};
+    sampling::linear_gradient_2_colors<315> gradient{{220,0,0}, {141	,53	,255	}};
     Canvas24 canvas(640, 480);
     // microgl drawing setup END
 
@@ -167,22 +169,22 @@ int main() {
                 &output_boundary_buffer);
 
         // draw triangles batch
-        canvas.clear({255,255,255,255});
+        canvas.clear({60,60,60,255});
         canvas.drawTriangles<blendmode::Normal, porterduff::FastSourceOverOnOpaque, true>(
-                color_red,
+                gradient,
                 matrix_3x3<number>::identity(),
                 output_vertices.data(),
                 (vertex2<number> *)nullptr,
                 output_indices.data(),
                 output_boundary_buffer.data(),
                 output_indices.size(),
                 output_triangles_type,
-                255/2
+                255/1
         );
 
 //        return;
         canvas.drawTrianglesWireframe(
-                {0,0,0,255},
+                {0,0,0,50},
                 matrix_3x3<number>::identity(),
                 output_vertices.data(),
                 output_indices.data(),