wip

Author: juliaogris

.golangci.yaml

@@ -26,6 +26,7 @@ linters:
     - gomnd
     - ifshort
     - interfacer
+    - interfacebloat
     - ireturn
     - lll
     - maligned

frontend/courses/courses.json

@@ -22,7 +22,13 @@
         { "id": "dot", "title": "Red Dot" },
         { "id": "lines", "title": "Lines" },
         { "id": "squares", "title": "Squares" },
-        { "id": "rainbow", "title": "Rainbow" }
+        { "id": "rainbow", "title": "Rainbow" },
+        { "id": "fill", "title": "Stroke and Fill" },
+        { "id": "linestyle", "title": "Line Styles" },
+        { "id": "text", "title": "Text" },
+        { "id": "poly", "title": "Polygon and Polyline" },
+        { "id": "ellipse", "title": "Ellipse" },
+        { "id": "curve", "title": "Curve" }
       ]
     },
     {
@@ -31,6 +37,7 @@
       "emoji": "🤹‍♀️",
       "units": [
         { "id": "movingdot", "title": "Moving Red Dot" },
+        { "id": "bounce", "title": "Bounce" },
         { "id": "juggle", "title": "Juggle" },
         { "id": "splashtrig", "title": "Splash of Trig" },
         { "id": "draw", "title": "Draw" }

frontend/courses/sample/animate/bounce.evy

@@ -0,0 +1,17 @@
+background := "hsl(0deg 0% 0% / 10%)"
+x := 10
+y := 50
+s := 1
+width 1
+fill background
+stroke "red"
+
+on animate
+    clear background
+    move x y
+    circle 10
+    x = x + s
+    if x < 10 or x > 90
+        s = -s
+    end
+end

frontend/courses/sample/draw/curve.evy

@@ -0,0 +1 @@
+print "todo"

frontend/courses/sample/draw/ellipse.evy

@@ -0,0 +1,64 @@
+bg := "hsl(210deg 5% 15%)"
+clear bg
+
+labels := ["radiusX" "radiusY" "roation°" "start°" "end°"]
+vals := [15 25 45 90 360]
+cnt := len vals
+
+fontfamily "arial"
+textsize 3.5
+cur := 1
+draw_table
+draw_ellipse
+
+on key k:string
+    if k == "ArrowLeft"
+        cur = (cur + cnt - 1) % cnt
+    else if k == "ArrowRight"
+        cur = (cur + 1) % cnt
+    else if k == "ArrowUp"
+        vals[cur] = vals[cur] + 1
+    else if k == "ArrowDown"
+        vals[cur] = vals[cur] - 1
+    end
+    clear bg
+    draw_ellipse
+    draw_table
+end
+
+func draw_ellipse
+    width 0.5
+    stroke "red"
+    fill "white"
+    ellipse 50 50 vals[0] vals[1] vals[2] vals[3] vals[4]
+
+end
+
+func draw_table
+    fill "none"
+    stroke "black"
+    width 0.2
+    for i := range (len labels)
+        draw_table_column i labels[i] vals[i]
+    end
+    stroke "red"
+    width 0.7
+    draw_table_column cur "" -1
+end
+
+func draw_table_column i:num label:string val:num
+    x := i * 18 + 8
+    w := 18
+    move x-3 9
+    rect w 16
+    if label == ""
+        return // rectangle only
+    end
+    move x-3 18
+    line x+15 18
+    move x 20
+    text label
+    move x 13
+    text (sprintf "%2.0f" val)
+end
+

frontend/courses/sample/draw/fill.evy

@@ -0,0 +1,44 @@
+width 2
+
+move 10 65
+color "red"
+circle 7
+move 3 40
+rect 14 14
+move 3 35
+line 17 35
+
+move 30 65
+stroke "blue"
+circle 7
+move 23 40
+rect 14 14
+move 23 35
+line 37 35
+
+move 50 65
+color "green"
+fill "orange"
+circle 7
+move 43 40
+rect 14 14
+move 43 35
+line 57 35
+
+move 70 65
+stroke "deeppink"
+fill "cyan"
+circle 7
+move 63 40
+rect 14 14
+move 63 35
+line 77 35
+
+move 90 65
+stroke "violet"
+fill "none"
+circle 7
+move 83 40
+rect 14 14
+move 83 35
+line 97 35

frontend/courses/sample/draw/linestyle.evy

@@ -0,0 +1,22 @@
+width 3
+linecap "round"
+move 5 80
+line 95 80
+
+linecap "butt"
+move 5 70
+line 95 70
+
+linecap "square"
+move 5 60
+line 95 60
+
+width 1
+move 5 30
+dash 5 3 1 3
+line 95 30
+
+dash
+move 5 20
+line 95 20
+

frontend/courses/sample/draw/poly.evy

@@ -0,0 +1,7 @@
+width 1
+stroke "red"
+fill "gold"
+poly [10 20] [50 50] [20 10] [10 20]
+
+fill "none"
+poly [10 80] [30 60] [50 80] [70 60] [90 80]

frontend/courses/sample/draw/text.evy

@@ -0,0 +1,14 @@
+move 10 80
+text "Hello"
+
+move 10 60
+textsize 10
+text "all 🖖"
+
+move 10 40
+fontfamily "Luminari, fantasy"
+text "Cheriolas!"
+
+move 10 35
+font "italic max(2rem, 2vh) \"Comic Sans MS\", cursive"
+text "(Cheering Charm)"