/* teach — kleurplaten voor groep 7-8

   De rijkste platen: veel vakken, fijnere vormen en composities waarin voor- en
   achtergrond echt meedoen. Alles van achter naar voren getekend. */
"use strict";

function plateSeasons(){
  /* vier eigen boompjes naast elkaar - één per seizoen - in plaats van één
     cirkel in kwarten: dat las als een bal met een kruis erdoorheen. Zo
     draagt elke boom zijn eigen seizoen (bloesem, blad, herfstkleur, kale
     takken met sneeuw) en is de volgorde meteen duidelijk. */
  const cy=200;
  const seasonCrown=(cx)=>{
    const n=coloringRound;
    return `M ${n(cx)} ${n(cy-64)} C ${n(cx+34)} ${n(cy-64)} ${n(cx+60)} ${n(cy-42)} ${n(cx+62)} ${n(cy-11)}`+
      ` C ${n(cx+83)} ${n(cy-4)} ${n(cx+81)} ${n(cy+26)} ${n(cx+59)} ${n(cy+38)}`+
      ` C ${n(cx+64)} ${n(cy+60)} ${n(cx+38)} ${n(cy+72)} ${n(cx+11)} ${n(cy+64)}`+
      ` C ${n(cx+4)} ${n(cy+75)} ${n(cx-19)} ${n(cy+75)} ${n(cx-29)} ${n(cy+64)}`+
      ` C ${n(cx-53)} ${n(cy+69)} ${n(cx-75)} ${n(cy+53)} ${n(cx-71)} ${n(cy+26)}`+
      ` C ${n(cx-86)} ${n(cy+15)} ${n(cx-83)} ${n(cy-15)} ${n(cx-60)} ${n(cy-23)}`+
      ` C ${n(cx-53)} ${n(cy-49)} ${n(cx-26)} ${n(cy-64)} ${n(cx)} ${n(cy-64)} Z`;
  };
  const trunk=(cx)=>`M ${cx-16} 452 C ${cx-14} 400 ${cx-12} 340 ${cx-10} 270 L ${cx+10} 270 C ${cx+12} 340 ${cx+14} 400 ${cx+16} 452 Z`;
  return coloringScene("four-seasons",
    coloringBackdrop("sky","#3b7dd8")+
    coloringFlat("ground-spring","M 4 452 C 54 446 100 448 200 452 L 200 596 L 4 596 Z","#3fae6a")+
    coloringFlat("ground-summer","M 200 452 C 250 448 350 448 400 452 L 400 596 L 200 596 Z","#f7c948")+
    coloringFlat("ground-autumn","M 400 452 C 450 448 550 448 600 452 L 600 596 L 400 596 Z","#f28c3c")+
    coloringFlat("ground-winter","M 600 452 C 650 448 746 448 796 452 L 796 596 L 600 596 Z","#ffffff")+
    coloringGroup("spring-tree",
      coloringContour("spring-trunk",trunk(102),"#8b5a3c")+
      coloringContour("spring-crown",seasonCrown(102),"#d85aa5")+
      coloringGroup("spring-detail",
        coloringCircle("spring-leaf-a",70,190,16,"#3fae6a")+
        coloringCircle("spring-leaf-b",130,165,13,"#3fae6a")+
        coloringCircle("spring-leaf-c",100,235,12,"#3fae6a"),2)+
      coloringGroup("spring-ground",
        coloringFlat("spring-flower-stem","M 46 486 C 44 470 44 456 46 444 L 54 444 C 56 456 56 470 54 486 Z","#3fae6a")+
        coloringCircle("spring-flower-heart",50,432,12,"#f7c948")+
        coloringCircle("spring-petal-a",50,414,9,"#d85aa5")+coloringCircle("spring-petal-b",66,432,9,"#d85aa5")+
        coloringCircle("spring-petal-c",50,450,9,"#d85aa5")+coloringCircle("spring-petal-d",34,432,9,"#d85aa5"),2))+
    coloringGroup("summer-tree",
      coloringContour("summer-trunk",trunk(300),"#8b5a3c")+
      coloringContour("summer-crown",seasonCrown(300),"#3fae6a")+
      coloringGroup("summer-detail",
        coloringCircle("summer-leaf-a",270,182,17,"#2fb7a8")+
        coloringCircle("summer-leaf-b",332,168,14,"#2fb7a8")+
        coloringCircle("summer-leaf-c",300,230,13,"#2fb7a8")+
        coloringCircle("summer-fruit-a",256,222,8,"#e0554d")+coloringCircle("summer-fruit-b",320,205,8,"#e0554d"),2)+
      coloringGroup("summer-ground",
        coloringLine("M 244 486 C 240 462 244 444 254 428 M 260 490 C 258 464 262 446 272 430 M 276 486 C 274 462 280 446 290 432")+
        coloringCircle("summer-tuft-a",258,470,10,"#3fae6a")+coloringCircle("summer-tuft-b",274,478,9,"#3fae6a"),2))+
    coloringGroup("autumn-tree",
      coloringContour("autumn-trunk",trunk(500),"#8b5a3c")+
      coloringContour("autumn-crown",seasonCrown(500),"#f28c3c")+
      coloringGroup("autumn-detail",
        coloringCircle("autumn-leaf-a",470,186,17,"#e0554d")+
        coloringCircle("autumn-leaf-b",532,170,14,"#f7c948")+
        coloringCircle("autumn-leaf-c",500,232,13,"#e0554d"),2)+
      coloringGroup("autumn-ground",
        coloringFlat("autumn-leaf-drop-a","M 444 470 C 456 460 472 462 478 474 C 466 486 450 486 444 470 Z","#e0554d")+
        coloringFlat("autumn-leaf-drop-b","M 466 494 C 478 486 492 488 496 500 C 486 510 472 510 466 494 Z","#f7c948"),2))+
    coloringGroup("winter-tree",
      coloringContour("winter-trunk",trunk(698),"#8b5a3c")+
      /* geen bladerkroon: drie echte, gevulde takken (geen dunne lijnen die
         vanuit één punt uitwaaieren - dat las als vuurwerk) met dunne twijgjes
         en sneeuwklompjes op de uiteinden */
      coloringFlat("winter-branch-left",coloringPetalPath(698,278,-130,85,14),"#8b5a3c")+
      coloringFlat("winter-branch-mid",coloringPetalPath(698,278,-90,95,13),"#8b5a3c")+
      coloringFlat("winter-branch-right",coloringPetalPath(698,278,-50,85,14),"#8b5a3c")+
      coloringLine("M 643 213 L 613 196 M 643 213 L 637 179 M 698 183 L 685 147 M 698 183 L 711 147"+
        " M 753 213 L 759 179 M 753 213 L 783 196")+
      coloringGroup("winter-snow",
        coloringCircle("snow-tip-a",613,196,11,"#ffffff")+coloringCircle("snow-tip-b",637,179,10,"#ffffff")+
        coloringCircle("snow-tip-c",685,147,11,"#ffffff")+coloringCircle("snow-tip-d",711,147,10,"#ffffff")+
        coloringCircle("snow-tip-e",759,179,11,"#ffffff")+coloringCircle("snow-tip-f",783,196,10,"#ffffff")+
        coloringCircle("snow-crook",698,278,10,"#ffffff"))+
      coloringLine("M 690 230 C 694 246 696 262 698 278 M 706 230 C 704 246 702 262 700 278",3)+
      coloringGroup("winter-ground",
        coloringCircle("snowman-body",668,478,20,"#ffffff")+
        coloringCircle("snowman-head",668,448,14,"#ffffff")+
        coloringDot(663,444,3)+coloringDot(673,444,3),2))
  );
}

function plateEcoCity(){
  return coloringScene("eco-city",
    coloringBackdrop("sky","#3b7dd8")+
    coloringCircle("sun",112,104,48,"#f7c948","coloring-contour")+
    coloringFlat("cloud",coloringCloudPath(520,52,180,54),"#ffffff")+
    coloringFlat("far-hills","M 4 328 C 120 282 220 322 320 296 C 410 272 480 308 560 292 C 650 274 720 306 796 292 L 796 372 L 4 372 Z","#2fb7a8")+
    coloringFlat("street","M 4 492 L 796 492 L 796 596 L 4 596 Z","#26344a")+
    coloringFlat("park","M 4 372 L 796 372 L 796 492 L 4 492 Z","#3fae6a")+
    /* drie wieken precies 120 graden uit elkaar: eerder stonden ze scheef
       (twee dicht bij elkaar, één ver weg), waardoor het geen molen leek */
    coloringGroup("turbines",
      coloringFlat("turbine-mast","M 128 372 L 148 372 L 142 176 L 134 176 Z","#ffffff")+
      coloringFlat("turbine-blade-a",coloringPetalPath(138,176,-50,112,15),"#ffffff")+
      coloringFlat("turbine-blade-b",coloringPetalPath(138,176,70,112,15),"#ffffff")+
      coloringFlat("turbine-blade-c",coloringPetalPath(138,176,190,112,15),"#ffffff")+
      coloringCircle("turbine-hub",138,176,13,"#26344a","coloring-contour"))+
    coloringGroup("tower-block",
      coloringContour("tower","M 296 492 L 296 196 L 412 196 L 412 492 Z","#f2b38f")+
      coloringFlat("tower-roof","M 288 196 L 420 196 L 420 176 L 288 176 Z","#e0554d")+
      coloringGroup("tower-windows",
        coloringFlat("tower-window-a","M 316 224 L 350 224 L 350 260 L 316 260 Z","#f7c948")+
        coloringFlat("tower-window-b","M 360 224 L 394 224 L 394 260 L 360 260 Z","#f7c948")+
        coloringFlat("tower-window-c","M 316 284 L 350 284 L 350 320 L 316 320 Z","#f7c948")+
        coloringFlat("tower-window-d","M 360 284 L 394 284 L 394 320 L 360 320 Z","#f7c948")+
        coloringFlat("tower-window-e","M 316 344 L 350 344 L 350 380 L 316 380 Z","#f7c948")+
        coloringFlat("tower-window-f","M 360 344 L 394 344 L 394 380 L 360 380 Z","#f7c948")+
        coloringFlat("tower-door","M 336 492 L 376 492 L 376 428 C 368 416 344 416 336 428 Z","#8b5a3c"),2)+
      coloringLine("M 296 404 L 412 404",3))+
    coloringGroup("solar-house",
      coloringContour("house","M 468 492 L 468 336 L 604 336 L 604 492 Z","#f2b38f")+
      coloringFlat("roof","M 452 336 L 536 268 L 620 336 Z","#e0554d")+
      coloringFlat("solar-panel","M 546 280 L 610 332 L 566 332 L 512 288 Z","#3b7dd8")+
      coloringGroup("house-detail",
        coloringFlat("house-window-left","M 492 368 L 528 368 L 528 404 L 492 404 Z","#f7c948")+
        coloringFlat("house-window-right","M 548 368 L 584 368 L 584 404 L 548 404 Z","#f7c948")+
        coloringFlat("house-door","M 516 492 L 556 492 L 556 428 C 548 418 524 418 516 428 Z","#8b5a3c")+
        coloringLine("M 520 288 L 578 332 M 528 282 L 592 332",2))+
      coloringLine("M 468 440 L 604 440",3))+
    coloringGroup("small-house",
      coloringContour("shop","M 644 492 L 644 384 L 756 384 L 756 492 Z","#f7c948")+
      coloringFlat("shop-roof","M 632 384 L 700 330 L 768 384 Z","#8b5a3c")+
      coloringGroup("shop-detail",
        coloringFlat("shop-window","M 664 412 L 728 412 L 728 456 L 664 456 Z","#2fb7a8")+
        coloringFlat("shop-awning","M 656 412 L 736 412 L 744 392 L 648 392 Z","#e0554d"),2))+
    coloringGroup("tram",
      coloringContour("tram-body","M 104 492 L 104 404 C 104 394 112 388 124 388 L 268 388 C 280 388 288 394 288 404 L 288 492 Z","#e0554d")+
      coloringGroup("tram-detail",
        coloringFlat("tram-window-a","M 122 408 L 168 408 L 168 444 L 122 444 Z","#2fb7a8")+
        coloringFlat("tram-window-b","M 180 408 L 226 408 L 226 444 L 180 444 Z","#2fb7a8")+
        coloringFlat("tram-window-c","M 238 408 L 276 408 L 276 444 L 238 444 Z","#2fb7a8")+
        coloringCircle("tram-wheel-left",148,500,20,"#26344a")+
        coloringCircle("tram-wheel-right",244,500,20,"#26344a"),2)+
      coloringLine("M 104 464 L 288 464 M 196 388 L 196 336",3))+
    coloringGroup("trees",
      coloringFlat("city-tree-trunk-a","M 424 492 L 424 452 L 444 452 L 444 492 Z","#8b5a3c")+
      coloringCircle("city-tree-crown-a",434,414,42,"#3fae6a","coloring-contour")+
      coloringGroup("city-tree-b",
        coloringFlat("city-tree-trunk-b","M 620 492 L 620 456 L 636 456 L 636 492 Z","#8b5a3c")+
        coloringCircle("city-tree-crown-b",628,426,34,"#3fae6a","coloring-contour"),2))+
    coloringGroup("street-detail",
      coloringLine("M 40 544 L 128 544 M 176 544 L 264 544 M 312 544 L 400 544 M 448 544 L 536 544 M 584 544 L 672 544 M 720 544 L 780 544",2),2)
  );
}

function plateMandala(){
  const centreX=400,centreY=300;
  const ring=(prefix,count,inner,outer,wide,hint,cls)=>{
    let out="";
    for(let index=0;index<count;index++){
      const angle=-90+index*360/count,rad=angle*Math.PI/180;
      const x=centreX+Math.cos(rad)*inner,y=centreY+Math.sin(rad)*inner;
      out+=coloringRegion("path",`${prefix}-${index}`,`d="${coloringPetalPath(x,y,angle,outer-inner,wide)}"`,hint,cls);
    }
    return out;
  };
  const studs=(prefix,count,radius,size,hint)=>{
    let out="";
    for(let index=0;index<count;index++){
      const angle=(-90+180/count+index*360/count)*Math.PI/180;
      out+=coloringCircle(`${prefix}-${index}`,coloringRound(centreX+Math.cos(angle)*radius),coloringRound(centreY+Math.sin(angle)*radius),size,hint);
    }
    return out;
  };
  const spokes=count=>{
    let out="";
    for(let index=0;index<count;index++){
      const rad=(-90+index*360/count)*Math.PI/180;
      out+=`M ${coloringRound(centreX+Math.cos(rad)*54)} ${coloringRound(centreY+Math.sin(rad)*54)} L ${coloringRound(centreX+Math.cos(rad)*272)} ${coloringRound(centreY+Math.sin(rad)*272)} `;
    }
    return out;
  };
  return coloringScene("mandala",
    coloringBackdrop("mandala-paper","#f2b38f")+
    coloringGroup("ring-outer",ring("petal-outer",16,182,274,30,"#7557c8","coloring-contour"))+
    coloringGroup("ring-mid",ring("petal-mid",12,112,182,30,"#3b7dd8","coloring-contour"))+
    coloringGroup("ring-inner",ring("petal-inner",8,46,112,26,"#2fb7a8","coloring-flat"),2)+
    coloringGroup("ring-studs",studs("stud-outer",16,196,15,"#f7c948")+studs("stud-mid",12,126,13,"#e0554d"),2)+
    coloringCircle("mandala-core",centreX,centreY,46,"#f7c948","coloring-contour")+
    coloringGroup("mandala-heart",
      coloringCircle("mandala-heart-ring",centreX,centreY,28,"#d85aa5")+
      coloringCircle("mandala-heart-dot",centreX,centreY,13,"#e0554d"),2)+
    coloringGroup("mandala-lines",coloringLine(spokes(24),3),3)
  );
}

function plateEcosystem(){
  return coloringScene("ecosystem",
    coloringBackdrop("sky","#3b7dd8")+
    coloringCircle("sun",130,116,50,"#f7c948","coloring-contour")+
    coloringFlat("cloud",coloringCloudPath(486,74,196,58),"#ffffff")+
    coloringGroup("swallows",
      coloringLine("M 268 148 C 282 136 294 136 306 146 C 318 136 330 136 344 148"+
        " M 330 206 C 342 196 352 196 362 204 C 372 196 382 196 394 206",2)+
      coloringLine("M 196 216 C 208 206 218 206 228 214 C 238 206 248 206 260 216",3),2)+
    coloringFlat("far-bank","M 4 300 C 130 268 250 296 370 280 C 480 266 580 292 690 278 C 740 272 776 280 796 292 L 796 356 L 4 356 Z","#3fae6a")+
    coloringFlat("pond","M 4 356 L 796 356 L 796 500 L 4 500 Z","#2fb7a8")+
    coloringFlat("near-bank","M 4 500 C 160 484 340 494 490 506 C 610 516 700 512 796 498 L 796 596 L 4 596 Z","#8b5a3c")+
    coloringGroup("reeds",
      coloringFlat("reed-left-a","M 68 500 C 62 440 66 386 78 340 L 96 344 C 86 388 84 442 90 500 Z","#3fae6a")+
      coloringFlat("reed-left-b","M 112 500 C 108 452 114 408 126 372 L 142 378 C 132 410 128 454 132 500 Z","#3fae6a")+
      coloringFlat("reed-head-a","M 78 340 C 70 314 76 292 92 284 C 104 296 106 320 96 344 Z","#8b5a3c")+
      coloringGroup("reeds-extra",
        coloringFlat("reed-right-a","M 712 500 C 706 444 710 394 722 350 L 740 354 C 730 396 728 446 734 500 Z","#3fae6a")+
        coloringFlat("reed-right-b","M 756 500 C 752 456 758 414 770 380 L 786 386 C 776 416 772 458 776 500 Z","#3fae6a")+
        coloringFlat("reed-head-b","M 722 350 C 714 324 720 302 736 294 C 748 306 750 330 740 354 Z","#8b5a3c"),2))+
    coloringGroup("lilies",
      coloringFlat("lily-pad-a","M 200 452 C 200 428 236 412 276 412 C 316 412 348 428 348 452 C 348 474 316 486 274 486 C 234 486 200 474 200 452 Z","#3fae6a")+
      coloringFlat("lily-pad-b","M 520 470 C 520 450 550 436 584 436 C 618 436 646 450 646 470 C 646 488 618 500 582 500 C 548 500 520 488 520 470 Z","#3fae6a")+
      coloringGroup("lily-flower",
        coloringFlat("lily-petal-a",coloringPetalPath(636,424,-90,44,18),"#d85aa5")+
        coloringFlat("lily-petal-b",coloringPetalPath(636,424,-140,40,17),"#d85aa5")+
        coloringFlat("lily-petal-c",coloringPetalPath(636,424,-40,40,17),"#d85aa5")+
        coloringCircle("lily-heart",636,424,16,"#f7c948"),2)+
      coloringLine("M 274 418 L 274 452 M 226 444 L 348 452 M 634 440 L 634 466",3))+
    coloringGroup("fish",
      coloringFlat("pond-fish-tail","M 466 396 C 448 380 434 374 422 376 C 426 392 426 408 422 424 C 436 424 452 414 466 400 Z","#f28c3c")+
      coloringContour("pond-fish-body","M 462 400 C 474 372 500 356 530 356 C 562 356 586 374 596 400 C 586 426 562 442 530 442 C 500 442 474 426 462 400 Z","#f28c3c")+
      coloringGroup("pond-fish-detail",
        coloringCircle("pond-fish-eye",570,388,11,"#ffffff")+
        coloringDot(571,388,5)+
        coloringLine("M 500 380 C 514 376 528 374 542 374 M 500 418 C 514 422 528 424 542 424",2)))+
    coloringGroup("frog",
      /* echte poten met een knik en een voet: de lensvormen die er stonden
         lazen als blaadjes naast de kikker */
      coloringFlat("frog-far-leg","M 244 494 C 212 494 186 508 174 530 L 174 552 C 174 562 200 562 200 552 L 200 540 C 212 528 230 520 250 516 Z","#3fae6a")+
      coloringFlat("frog-near-leg","M 424 494 C 456 494 482 508 494 530 L 494 552 C 494 562 468 562 468 552 L 468 540 C 456 528 438 520 418 516 Z","#3fae6a")+
      coloringContour("frog-body","M 244 496 C 244 448 284 418 334 418 C 384 418 424 448 424 496 C 424 532 384 548 334 548 C 284 548 244 532 244 496 Z","#3fae6a")+
      coloringContour("frog-head","M 262 434 C 262 398 294 376 334 376 C 374 376 406 398 406 434 C 406 458 374 470 334 470 C 294 470 262 458 262 434 Z","#3fae6a")+
      coloringGroup("frog-detail",
        coloringCircle("frog-eye-left",302,388,22,"#f7c948")+
        coloringCircle("frog-eye-right",366,388,22,"#f7c948")+
        coloringDot(302,388,9)+coloringDot(366,388,9)+
        coloringFlat("frog-belly","M 266 496 C 282 526 302 540 334 542 C 366 540 388 526 402 496 C 400 532 372 548 334 548 C 296 548 268 532 266 496 Z","#f7c948"),2)+
      coloringLine("M 306 448 C 320 458 348 458 362 448",2)+
      coloringLine("M 274 480 C 296 490 372 490 394 480 M 260 524 C 284 536 384 536 408 524",3))+
    coloringGroup("dragonfly",
      coloringFlat("dragonfly-wing-upper","M 596 236 C 636 214 690 212 720 226 C 690 250 638 256 600 248 Z","#2fb7a8")+
      coloringFlat("dragonfly-wing-lower","M 596 252 C 636 268 686 276 714 290 C 682 302 632 292 598 268 Z","#2fb7a8")+
      coloringContour("dragonfly-body","M 566 232 C 578 226 592 226 600 234 C 602 262 598 296 588 322 C 578 300 570 266 566 232 Z","#7557c8")+
      coloringCircle("dragonfly-head",582,220,20,"#7557c8","coloring-contour")+
      coloringGroup("dragonfly-detail",
        coloringDot(574,214,5)+coloringDot(590,214,5)+
        coloringLine("M 572 254 L 596 254 M 574 274 L 594 274 M 578 294 L 592 294",2)))+
    coloringGroup("front-reeds",
      coloringLine("M 160 590 C 168 556 172 534 170 512 M 190 594 C 200 562 204 542 204 520 M 640 588 C 648 556 652 534 650 514",2),2)
  );
}

function plateSavanna(){
  return coloringScene("savanna-web",
    coloringBackdrop("sky","#f2b38f")+
    coloringCircle("sun",654,124,64,"#f28c3c","coloring-contour")+
    coloringFlat("far-plain","M 4 316 C 140 288 280 306 420 320 C 550 332 680 326 796 306 L 796 396 L 4 396 Z","#f7c948")+
    coloringFlat("plain","M 4 396 L 796 396 L 796 596 L 4 596 Z","#f7c948")+
    coloringFlat("waterhole","M 96 552 C 96 522 168 504 250 504 C 332 504 396 522 396 552 C 396 578 332 590 248 590 C 166 590 96 578 96 552 Z","#2fb7a8")+
    coloringGroup("acacia",
      coloringContour("acacia-trunk","M 116 396 C 132 344 146 288 150 224 L 200 224 C 204 288 218 344 234 396 Z","#8b5a3c")+
      coloringFlat("acacia-branch-left","M 150 236 C 116 226 84 214 56 200 L 62 182 C 92 196 124 208 156 216 Z","#8b5a3c")+
      coloringFlat("acacia-branch-right","M 200 236 C 234 226 266 214 294 200 L 288 182 C 258 196 226 208 194 216 Z","#8b5a3c")+
      coloringContour("acacia-canopy","M 30 196 C 12 168 40 138 84 138 C 106 112 168 106 202 130 C 254 122 304 146 306 180 C 308 198 288 208 254 206 L 80 206 C 50 206 34 202 30 196 Z","#3fae6a")+
      coloringGroup("acacia-detail",
        coloringFlat("acacia-cluster-a","M 72 174 C 72 156 90 144 112 146 C 136 148 152 160 150 178 C 148 196 128 206 106 204 C 84 202 72 192 72 174 Z","#2fb7a8")+
        coloringFlat("acacia-cluster-b","M 184 166 C 184 148 202 136 224 138 C 248 140 264 152 262 170 C 260 188 240 198 218 196 C 196 194 184 184 184 166 Z","#2fb7a8")+
        /* een derde pluk hoger in het midden: twee symmetrische plukken lazen
           als een paar ogen in de kroon */
        coloringFlat("acacia-cluster-c","M 148 136 C 148 120 164 110 184 112 C 204 114 218 124 216 140 C 214 156 196 164 176 162 C 158 160 148 152 148 136 Z","#3fae6a")+
        coloringLine("M 166 232 C 162 288 164 344 172 392 M 186 232 C 182 288 186 344 194 392",2))+
      coloringLine("M 80 206 C 120 202 240 202 280 206 M 100 154 C 130 148 200 148 240 154",3))+
    coloringGroup("giraffe",
      /* vier poten met een knik en een hoef; de nek loopt breed uit in de
         schouder in plaats van als losse balk op het lichaam te staan */
      coloringFlat("giraffe-hind-leg-far","M 648 462 L 678 462 L 674 516 L 686 566 L 658 570 L 646 516 Z","#f7c948")+
      coloringFlat("giraffe-fore-leg-far","M 540 458 L 568 458 L 568 514 L 576 566 L 548 570 L 540 514 Z","#f7c948")+
      coloringFlat("giraffe-tail","M 686 424 C 706 442 718 466 720 492 C 706 488 692 472 682 450 Z","#f7c948")+
      coloringContour("giraffe-body","M 502 448 C 500 402 540 378 596 378 C 654 378 692 402 694 448 C 696 486 652 502 594 502 C 536 502 504 486 502 448 Z","#f7c948")+
      coloringContour("giraffe-neck","M 496 424 C 480 356 474 280 480 200 L 530 192 C 532 272 542 352 558 416 C 538 432 512 434 496 424 Z","#f7c948")+
      coloringFlat("giraffe-hind-leg-near","M 612 468 L 646 468 L 642 522 L 654 576 L 620 580 L 608 522 Z","#f7c948")+
      coloringFlat("giraffe-fore-leg-near","M 506 464 L 540 464 L 538 520 L 546 576 L 512 580 L 504 520 Z","#f7c948")+
      coloringContour("giraffe-head","M 476 204 C 460 176 474 146 504 140 C 536 134 560 154 562 182 C 546 206 506 216 476 204 Z","#f7c948")+
      coloringFlat("giraffe-muzzle","M 478 174 C 452 166 432 176 426 194 C 442 210 466 214 486 206 Z","#f2b38f")+
      coloringGroup("giraffe-detail",
        coloringCircle("giraffe-spot-a",548,412,18,"#8b5a3c")+
        coloringCircle("giraffe-spot-b",606,404,20,"#8b5a3c")+
        coloringCircle("giraffe-spot-c",660,414,17,"#8b5a3c")+
        coloringCircle("giraffe-spot-d",620,458,16,"#8b5a3c")+
        coloringCircle("giraffe-spot-e",512,268,15,"#8b5a3c")+
        coloringCircle("giraffe-spot-f",528,340,14,"#8b5a3c")+
        coloringCircle("giraffe-spot-g",500,216,12,"#8b5a3c")+
        coloringFlat("giraffe-horn-left","M 494 142 C 490 122 496 108 508 102 C 516 116 512 132 506 144 Z","#8b5a3c")+
        coloringFlat("giraffe-horn-right","M 534 140 C 534 120 542 106 554 102 C 558 118 552 132 544 144 Z","#8b5a3c")+
        coloringFlat("giraffe-ear","M 560 170 C 582 158 604 160 614 174 C 598 188 574 188 560 182 Z","#f2b38f")+
        /* elke poot krijgt een eigen hoef: eerder hadden alleen de
           achterpoten er een, waardoor de voorpoten wegvielen en het dier op
           twee poten leek te staan */
        coloringFlat("giraffe-hoof-hind-far","M 646 556 L 688 556 L 686 570 L 656 574 Z","#8b5a3c")+
        coloringFlat("giraffe-hoof-hind-near","M 608 564 L 656 564 L 654 580 L 618 584 Z","#8b5a3c")+
        coloringFlat("giraffe-hoof-fore-far","M 540 566 L 580 566 L 578 580 L 548 584 Z","#8b5a3c")+
        coloringFlat("giraffe-hoof-fore-near","M 504 574 L 550 574 L 548 590 L 512 594 Z","#8b5a3c")+
        coloringDot(506,170,6),2)+
      coloringLine("M 434 190 C 438 200 446 206 456 208 M 682 450 C 692 462 700 476 704 490",2)+
      coloringLine("M 512 444 C 548 458 630 462 684 452 M 494 256 C 510 262 526 270 536 276 M 548 520 C 560 526 574 526 584 522",3))+
    coloringGroup("zebra",
      coloringFlat("zebra-hind-leg-far","M 352 458 L 380 458 L 376 508 L 386 556 L 360 560 L 350 508 Z","#ffffff")+
      coloringFlat("zebra-fore-leg-far","M 254 456 L 280 456 L 280 506 L 286 556 L 260 560 L 254 506 Z","#ffffff")+
      coloringFlat("zebra-tail","M 384 428 C 404 442 416 462 420 486 C 406 482 392 468 382 448 Z","#ffffff")+
      coloringContour("zebra-body","M 222 446 C 220 404 258 380 306 380 C 356 380 392 404 394 446 C 396 480 356 496 306 496 C 254 496 224 480 222 446 Z","#ffffff")+
      coloringContour("zebra-neck","M 222 428 C 212 388 202 352 196 322 L 248 306 C 260 348 272 388 284 424 C 264 442 240 444 222 428 Z","#ffffff")+
      coloringFlat("zebra-hind-leg-near","M 322 464 L 352 464 L 348 514 L 358 566 L 328 570 L 318 514 Z","#ffffff")+
      coloringFlat("zebra-fore-leg-near","M 224 462 L 254 462 L 252 512 L 258 566 L 228 570 L 222 512 Z","#ffffff")+
      coloringContour("zebra-head","M 186 324 C 168 298 182 268 210 262 C 240 256 264 276 266 304 C 248 326 214 336 186 324 Z","#ffffff")+
      coloringFlat("zebra-muzzle","M 188 292 C 164 284 144 294 138 312 C 154 328 176 332 196 324 Z","#26344a")+
      coloringGroup("zebra-stripes",
        coloringFlat("stripe-a","M 252 392 C 258 420 258 454 252 490 L 274 492 C 280 454 280 420 274 390 Z","#26344a")+
        coloringFlat("stripe-b","M 298 382 C 304 412 304 450 298 494 L 320 494 C 326 450 326 412 320 382 Z","#26344a")+
        coloringFlat("stripe-c","M 344 386 C 350 414 350 450 344 490 L 364 486 C 370 448 370 414 364 386 Z","#26344a")+
        coloringFlat("stripe-mane","M 206 266 C 218 300 232 338 246 372 L 266 364 C 252 328 238 292 226 262 Z","#26344a")+
        coloringFlat("zebra-ear","M 262 286 C 284 274 306 276 316 290 C 300 304 276 304 262 298 Z","#ffffff")+
        coloringFlat("zebra-hoof-hind-far","M 348 548 L 388 548 L 386 562 L 358 566 Z","#26344a")+
        coloringFlat("zebra-hoof-hind-near","M 316 556 L 360 556 L 358 570 L 326 574 Z","#26344a")+
        coloringFlat("zebra-hoof-fore-far","M 264 566 L 308 566 L 306 580 L 274 584 Z","#26344a")+
        coloringFlat("zebra-hoof-fore-near","M 240 574 L 290 574 L 288 590 L 250 594 Z","#26344a")+
        coloringDot(214,290,6),2)+
      coloringLine("M 146 308 C 150 318 158 324 168 326 M 382 450 C 392 462 400 474 404 486",2)+
      coloringLine("M 232 442 C 268 456 344 460 390 450 M 210 334 C 224 342 236 350 244 356 M 258 512 C 270 518 284 518 294 514",3))+
    coloringGroup("grass-front",
      coloringFlat("grass-tuft-a","M 430 566 C 432 540 438 518 448 498 C 452 522 454 544 452 566 C 458 542 466 522 478 506 C 476 532 472 552 466 566 Z","#3fae6a")+
      coloringGroup("grass-extra",
        coloringFlat("grass-tuft-b","M 728 570 C 730 544 736 522 746 502 C 750 526 752 548 750 570 C 756 546 764 526 776 510 C 774 536 770 556 764 570 Z","#3fae6a"),2)+
      coloringLine("M 500 586 C 508 556 512 536 510 516 M 530 590 C 540 560 544 540 544 520 M 692 584 C 700 554 704 534 702 514",3))
  );
}