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,74 @@
+labels := ["x" "y" "radX" "radY" "rot°" "start°" "end°"]
+vals := [50 60 30 15 0 0 360]
+cnt := len vals
+cur := 1
+w := 11
+
+draw
+
+on key k:string
+    update k
+    draw
+end
+
+func update 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
+end
+
+func draw
+    clear "hsl(210deg 5% 15%)" // near black
+    draw_ellipse
+    draw_text
+    draw_highlight cur
+end
+
+func draw_ellipse
+    width 1
+    fill "red"
+    stroke "gold"
+    ellipse vals[0] vals[1] vals[2] vals[3] vals[4] vals[5] vals[6]
+end
+
+//TODO: issues!! w := 10
+func draw_text
+    font "italic 300 2rem \"Fira Code\", monospace"
+    textsize 2.7
+    width 0.2
+    fill "hsl(210deg 13% 72%)" // light grey
+    move 2 2
+    text "// tab and arrow keys to explore"
+    move 2 15
+    text "// "
+    for i := range (len labels)
+        move i*w+20 15
+        text labels[i]
+    end
+    font "2rem \"Fira Code\", monospace"
+    fill "hsl(27deg 100% 74%)" // orange
+    textsize 3.1
+    move 2 10
+    text "ellipse"
+    fill "hsl(204deg 100% 75%)" // ligth  blue
+    for i := range (len labels)
+        move i*w+20 10
+        text (sprintf "%2.0f" vals[i])
+    end
+
+end
+
+func draw_highlight i:num
+    fill "none"
+    stroke "white"
+    width 0.4
+    x := i * w + 20
+    move x-1 9
+    rect 7 4
+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)"