c6b3a14923
All checks were successful
dev - build & deploy naar test / build-and-deploy (push) Successful in 34s
Kwast en verfemmer werkten al, maar het resultaat was onzichtbaar: de contourlaag zette fill="#fff" op elk vak en vertrouwde op mix-blend-mode:multiply om dat onschadelijk te maken. Doordat .coloring-ink zelf een stacking context is (position+z-index), vormt die een geisoleerde blendgroep zonder achtergrond, en werd het wit gewoon dekkend over de hele tekening gelegd. Live nagemeten met headless Chromium. - Tekenmodel omgezet naar een echte schildersvolgorde in een enkele SVG: elk vak wordt uitgeklapt naar vak -> verflaag -> contour, zodat verf zichtbaar blijft en latere vakken de verf en contour van eerdere vakken afdekken. Daarmee kijk je ook niet meer door figuren heen. - Canvas vervangen door SVG-streken: geen opschalingsonscherpte meer en geen donkere naden (dekking staat per streek op de groep, niet per segment). - Kwast blijft binnen de lijnen als hulp, gestuurd door niveau: groep 1-4 op niveau 1 en 2, groep 5-8 op niveau 1, daarboven vrij schilderen. - Verfemmer dekt een vak volledig; de gum pelt de bovenste laag af (eerst de vulling, daarna de streken eronder). - Kleurwijzer toegevoegd: op niveau 1 laat een stip per vak de voorgestelde kleur zien, op niveau 2 op te vragen met een knop, op niveau 3 uit. - Niveau sloopt de tekening niet meer: data-tier staat alleen op groepen en detaillijnen, dus een rekwisiet verdwijnt als geheel en de plaat is op elk niveau een complete tekening. Niveau 3 voegt alleen fijn lijnwerk toe. - Atlas hertekend naar 20 platen, 5 per groepenband en 1 per thema. Twee lijndiktes, vakken op maat van de band, geen evenodd-gaten, en composities met voor-, midden- en achtergrond. - partBelow/elementFromPoint en het omzetten van pointer-events vervallen: aanwijzen gebeurt meetkundig met isPointInFill/isPointInStroke. - langchange-listener ruimt zichzelf op na demontage. - Staat bewaart nu streken in plaats van een PNG; oud werk met een ink-PNG blijft zichtbaar. - Tests: asserties die de bug vastzetten verwijderd en vervangen door een regressietest die verbiedt dat CSS een fill op een kleurvak zet, plus controles op gesloten vakken, geen transform, tier-regels, vakaantallen per niveau en de clip-matrix. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_011YErxhic5w9K57zmt8Q1uS
207 lines
16 KiB
JavaScript
207 lines
16 KiB
JavaScript
/* teach — kleurplaten voor groep 3-4
|
|
|
|
Meer vakken dan bij groep 1-2 en wat meer binnenvorm, maar nog steeds ruime
|
|
vlakken. Alles van achter naar voren getekend. */
|
|
"use strict";
|
|
|
|
function plateOcean(){
|
|
return coloringScene("ocean",
|
|
coloringBackdrop("water","#3b7dd8")+
|
|
coloringGroup("light-rays",coloringLine("M 120 8 L 210 250 M 200 8 L 268 250 M 610 8 L 540 250 M 690 8 L 596 250",3),3)+
|
|
coloringFlat("deep-water","M 4 300 C 160 272 320 288 470 306 C 600 322 700 314 796 296 L 796 460 L 4 460 Z","#2fb7a8")+
|
|
coloringFlat("sand","M 4 460 C 150 436 300 452 448 468 C 580 482 700 474 796 452 L 796 596 L 4 596 Z","#f7c948")+
|
|
coloringGroup("weeds",
|
|
coloringFlat("weed-left","M 62 552 C 40 500 58 452 92 420 C 108 458 106 500 88 540 C 84 550 74 556 62 552 Z","#3fae6a")+
|
|
coloringFlat("weed-right","M 748 546 C 726 494 742 444 776 414 C 792 452 790 494 772 534 C 768 544 758 550 748 546 Z","#3fae6a")+
|
|
coloringGroup("weed-extra",
|
|
coloringFlat("weed-mid","M 132 556 C 116 514 130 476 156 452 C 168 482 166 516 152 548 C 148 556 140 560 132 556 Z","#3fae6a"),2))+
|
|
coloringGroup("rocks",
|
|
coloringFlat("rock-left","M 96 566 C 106 528 138 508 172 516 C 202 524 218 548 216 566 Z","#8b5a3c")+
|
|
coloringFlat("rock-right","M 604 570 C 616 536 648 518 680 526 C 708 534 722 554 720 570 Z","#8b5a3c"))+
|
|
coloringGroup("turtle",
|
|
coloringFlat("turtle-front-flipper","M 566 430 C 530 410 496 412 476 430 C 498 456 534 464 568 452 Z","#3fae6a")+
|
|
coloringFlat("turtle-rear-flipper","M 648 456 C 672 474 700 476 718 466 C 704 442 678 432 650 436 Z","#3fae6a")+
|
|
coloringContour("turtle-shell","M 544 434 C 550 386 586 358 628 362 C 670 366 698 398 694 442 C 664 468 610 472 568 460 C 552 456 544 446 544 434 Z","#f28c3c")+
|
|
coloringFlat("turtle-neck","M 686 404 C 700 396 714 396 726 402 L 722 434 C 710 438 696 436 686 428 Z","#3fae6a")+
|
|
coloringCircle("turtle-head",736,410,26,"#3fae6a","coloring-contour")+
|
|
coloringGroup("turtle-detail",
|
|
coloringFlat("shell-plate-mid","M 592 400 C 610 384 638 384 656 400 C 652 428 620 438 594 428 Z","#f7c948")+
|
|
coloringFlat("shell-plate-left","M 556 428 C 562 402 574 388 590 382 C 588 408 580 428 566 442 Z","#f7c948")+
|
|
coloringFlat("shell-plate-right","M 660 384 C 676 392 688 410 690 434 C 674 434 662 424 656 404 Z","#f7c948")+
|
|
coloringDot(744,402,5),2)+
|
|
coloringLine("M 730 420 C 738 424 748 424 754 420",3))+
|
|
coloringGroup("fish",
|
|
coloringFlat("fish-tail","M 306 306 C 274 272 248 260 226 262 C 234 292 234 320 226 350 C 250 352 278 340 306 314 Z","#f28c3c")+
|
|
coloringFlat("fish-dorsal-fin","M 356 250 C 370 214 394 192 424 188 C 420 216 412 238 400 256 Z","#f28c3c")+
|
|
coloringFlat("fish-pelvic-fin","M 372 356 C 380 384 396 400 418 406 C 416 382 408 364 396 350 Z","#f28c3c")+
|
|
coloringContour("fish-body","M 300 306 C 320 254 368 224 426 224 C 488 224 536 258 554 306 C 536 354 488 388 426 388 C 368 388 320 358 300 306 Z","#e0554d")+
|
|
coloringGroup("fish-detail",
|
|
coloringFlat("fish-head-band","M 466 234 C 490 246 508 270 514 302 C 508 334 490 360 466 376 C 456 348 452 324 452 304 C 452 280 456 258 466 234 Z","#ffffff")+
|
|
coloringFlat("fish-mid-band","M 372 240 C 388 232 404 228 420 226 C 412 252 408 278 408 306 C 408 334 412 360 420 386 C 404 384 388 380 372 372 C 380 348 384 326 384 306 C 384 284 380 262 372 240 Z","#ffffff")+
|
|
coloringCircle("fish-eye",506,286,13,"#ffffff")+
|
|
coloringDot(508,286,6),2)+
|
|
coloringLine("M 528 258 C 540 278 544 296 544 306 C 544 318 540 336 528 354",2)+
|
|
coloringLine("M 322 300 C 340 292 356 288 372 286 M 322 316 C 340 322 356 326 372 328",3))+
|
|
coloringGroup("bubbles",
|
|
coloringCircle("bubble-a",600,238,20,"#ffffff","coloring-contour")+
|
|
coloringCircle("bubble-b",644,190,13,"#ffffff","coloring-contour")+
|
|
coloringCircle("bubble-c",616,152,9,"#ffffff","coloring-contour"),2)
|
|
);
|
|
}
|
|
|
|
function plateGarden(){
|
|
return coloringScene("garden",
|
|
coloringBackdrop("sky","#3b7dd8")+
|
|
coloringFlat("hedge","M 4 306 C 90 262 170 300 250 274 C 330 248 400 292 480 272 C 560 252 640 296 720 276 C 756 268 780 274 796 284 L 796 400 L 4 400 Z","#2fb7a8")+
|
|
coloringFlat("lawn","M 4 400 L 796 400 L 796 596 L 4 596 Z","#3fae6a")+
|
|
coloringGroup("flowers",
|
|
coloringFlat("flower-stem-left","M 128 356 C 122 400 124 440 130 476 L 152 476 C 146 440 144 400 150 356 Z","#3fae6a")+
|
|
coloringFlat("flower-leaf-left","M 148 410 C 182 390 218 396 234 420 C 212 444 176 446 148 428 Z","#3fae6a")+
|
|
coloringContour("flower-petal-a",coloringPetalPath(140,336,-90,58,34),"#d85aa5")+
|
|
coloringContour("flower-petal-b",coloringPetalPath(140,336,-18,56,32),"#d85aa5")+
|
|
coloringContour("flower-petal-c",coloringPetalPath(140,336,54,54,32),"#d85aa5")+
|
|
coloringContour("flower-petal-d",coloringPetalPath(140,336,126,54,32),"#d85aa5")+
|
|
coloringContour("flower-petal-e",coloringPetalPath(140,336,198,56,32),"#d85aa5")+
|
|
coloringCircle("flower-heart",140,336,20,"#f7c948","coloring-contour"))+
|
|
coloringFlat("big-leaf","M 232 520 C 296 456 400 436 494 462 C 470 528 388 566 296 560 C 264 556 242 542 232 520 Z","#3fae6a")+
|
|
coloringGroup("snail",
|
|
coloringFlat("snail-foot","M 268 528 C 300 508 356 502 404 512 C 424 516 436 524 438 534 C 400 550 316 552 268 540 Z","#f2b38f")+
|
|
coloringFlat("snail-neck","M 404 512 C 420 494 440 486 458 490 L 468 522 C 452 530 430 530 412 524 Z","#f2b38f")+
|
|
coloringCircle("snail-head",470,494,26,"#f2b38f","coloring-contour")+
|
|
coloringContour("snail-shell","M 300 508 C 292 458 322 420 366 418 C 410 416 440 450 434 494 C 428 528 396 546 358 542 C 324 538 302 528 300 508 Z","#f28c3c")+
|
|
coloringGroup("snail-detail",
|
|
coloringFlat("shell-spiral","M 366 512 C 342 508 330 490 336 470 C 342 450 364 440 384 448 C 402 456 408 476 400 492 C 394 504 380 512 366 512 Z","#f7c948")+
|
|
coloringCircle("shell-core",370,478,12,"#e0554d")+
|
|
coloringDot(462,486,5)+coloringDot(482,486,5),2)+
|
|
coloringLine("M 462 470 C 452 442 442 424 428 410 M 486 470 C 496 442 508 424 522 410")+
|
|
coloringDot(428,410,6)+coloringDot(522,410,6)+
|
|
coloringLine("M 464 508 C 472 514 482 514 490 508",3))+
|
|
coloringGroup("ladybird",
|
|
coloringLine("M 596 520 C 576 536 562 548 552 560 M 664 520 C 684 536 698 548 708 560 M 600 500 C 578 502 562 500 548 494 M 660 500 C 682 502 698 500 712 494")+
|
|
coloringCircle("ladybird-head",630,470,24,"#26344a","coloring-contour")+
|
|
coloringContour("ladybird-body","M 560 512 C 560 470 592 442 630 442 C 668 442 700 470 700 512 C 700 550 668 570 630 570 C 592 570 560 550 560 512 Z","#e0554d")+
|
|
coloringGroup("ladybird-spots",
|
|
coloringCircle("ladybird-spot-a",596,490,15,"#26344a")+
|
|
coloringCircle("ladybird-spot-b",664,490,15,"#26344a")+
|
|
coloringCircle("ladybird-spot-c",590,536,13,"#26344a")+
|
|
coloringCircle("ladybird-spot-d",670,536,13,"#26344a")+
|
|
coloringDot(620,462,5)+coloringDot(640,462,5),2)+
|
|
coloringLine("M 630 448 L 630 566",2)+
|
|
coloringLine("M 618 452 C 612 428 606 414 596 404 M 642 452 C 648 428 654 414 664 404",3))+
|
|
coloringGroup("grass-front",
|
|
coloringLine("M 60 566 C 68 540 72 526 70 508 M 84 570 C 94 546 98 530 98 514 M 748 560 C 756 534 760 520 758 502",2),2)
|
|
);
|
|
}
|
|
|
|
function plateWindmill(){
|
|
return coloringScene("windmill",
|
|
coloringBackdrop("sky","#3b7dd8")+
|
|
coloringFlat("cloud-a",coloringCloudPath(70,64,176,58),"#ffffff")+
|
|
coloringGroup("cloud-b",coloringFlat("cloud-right",coloringCloudPath(540,44,168,54),"#ffffff"),2)+
|
|
coloringFlat("far-field","M 4 320 C 150 300 300 314 450 328 C 590 340 700 332 796 314 L 796 396 L 4 396 Z","#3fae6a")+
|
|
coloringFlat("canal","M 4 396 L 796 396 L 796 452 L 4 452 Z","#2fb7a8")+
|
|
coloringFlat("meadow","M 4 452 L 796 452 L 796 596 L 4 596 Z","#3fae6a")+
|
|
coloringGroup("windmill",
|
|
coloringFlat("sail-north","M 388 214 L 412 214 L 412 44 L 388 44 Z","#ffffff")+
|
|
coloringFlat("sail-south","M 388 236 L 412 236 L 412 406 L 388 406 Z","#ffffff")+
|
|
coloringFlat("sail-west","M 388 214 L 388 238 L 214 238 L 214 214 Z","#ffffff")+
|
|
coloringFlat("sail-east","M 412 214 L 412 238 L 586 238 L 586 214 Z","#ffffff")+
|
|
coloringContour("mill-body","M 330 452 L 470 452 L 436 268 L 364 268 Z","#8b5a3c")+
|
|
coloringFlat("mill-cap","M 356 268 L 444 268 C 440 238 424 220 400 216 C 376 220 360 238 356 268 Z","#e0554d")+
|
|
coloringCircle("mill-hub",400,226,18,"#26344a","coloring-contour")+
|
|
coloringGroup("mill-detail",
|
|
coloringFlat("mill-door","M 382 452 L 418 452 L 418 386 C 412 378 388 378 382 386 Z","#f28c3c")+
|
|
coloringFlat("mill-window-left","M 348 356 L 378 356 L 378 326 L 348 326 Z","#f7c948")+
|
|
coloringFlat("mill-window-right","M 422 356 L 452 356 L 452 326 L 422 326 Z","#f7c948")+
|
|
coloringFlat("mill-balcony","M 336 402 L 464 402 L 464 382 L 336 382 Z","#8b5a3c"),2)+
|
|
coloringLine("M 226 220 L 226 232 M 254 218 L 254 234 M 546 218 L 546 234 M 574 220 L 574 232 M 394 60 L 406 60 M 394 92 L 406 92 M 394 372 L 406 372",2)+
|
|
coloringLine("M 344 428 L 456 428 M 352 300 L 448 300",3))+
|
|
coloringGroup("tulips",
|
|
coloringFlat("tulip-stem-a","M 122 566 C 118 534 118 508 122 486 L 138 486 C 134 508 134 534 138 566 Z","#3fae6a")+
|
|
coloringFlat("tulip-cup-a","M 100 486 C 100 462 112 446 130 446 C 148 446 160 462 160 486 C 144 496 116 496 100 486 Z","#e0554d")+
|
|
coloringFlat("tulip-stem-b","M 202 570 C 198 538 198 512 202 490 L 218 490 C 214 512 214 538 218 570 Z","#3fae6a")+
|
|
coloringFlat("tulip-cup-b","M 180 490 C 180 466 192 450 210 450 C 228 450 240 466 240 490 C 224 500 196 500 180 490 Z","#f7c948")+
|
|
coloringGroup("tulips-extra",
|
|
coloringFlat("tulip-stem-c","M 596 566 C 592 534 592 508 596 486 L 612 486 C 608 508 608 534 612 566 Z","#3fae6a")+
|
|
coloringFlat("tulip-cup-c","M 574 486 C 574 462 586 446 604 446 C 622 446 634 462 634 486 C 618 496 590 496 574 486 Z","#d85aa5")+
|
|
coloringFlat("tulip-stem-d","M 678 570 C 674 538 674 512 678 490 L 694 490 C 690 512 690 538 694 570 Z","#3fae6a")+
|
|
coloringFlat("tulip-cup-d","M 656 490 C 656 466 668 450 686 450 C 704 450 716 466 716 490 C 700 500 672 500 656 490 Z","#f28c3c"),2)+
|
|
coloringLine("M 130 452 L 130 486 M 210 456 L 210 490 M 604 452 L 604 486 M 686 456 L 686 490",3))
|
|
);
|
|
}
|
|
|
|
function plateDinosaur(){
|
|
return coloringScene("dinosaur-valley",
|
|
coloringBackdrop("sky","#f2b38f")+
|
|
coloringFlat("smoke",coloringCloudPath(590,44,190,62),"#8b5a3c")+
|
|
coloringContour("volcano","M 552 400 L 654 142 C 666 126 688 126 700 142 L 796 400 Z","#8b5a3c")+
|
|
coloringFlat("lava","M 654 172 C 666 162 688 162 700 172 L 716 220 C 698 208 658 208 640 220 Z","#e0554d")+
|
|
coloringFlat("far-hills","M 4 344 C 110 290 186 336 264 300 C 340 266 420 320 552 300 L 552 400 L 4 400 Z","#7557c8")+
|
|
coloringFlat("valley","M 4 400 L 796 400 L 796 596 L 4 596 Z","#3fae6a")+
|
|
coloringGroup("ferns",
|
|
coloringFlat("fern-left","M 44 552 C 26 500 46 452 84 424 C 96 464 92 508 70 546 C 64 556 52 558 44 552 Z","#2fb7a8")+
|
|
coloringFlat("fern-right","M 750 548 C 732 496 752 448 790 420 C 796 460 794 504 772 542 C 766 552 758 554 750 548 Z","#2fb7a8"))+
|
|
coloringGroup("dinosaur",
|
|
coloringFlat("dino-tail","M 258 452 C 190 442 120 456 68 492 C 104 518 156 522 208 512 C 236 506 250 480 262 466 Z","#3fae6a")+
|
|
coloringFlat("dino-far-leg","M 372 496 L 372 562 C 372 576 404 576 404 562 L 404 496 Z","#3fae6a")+
|
|
coloringFlat("dino-near-leg","M 274 502 L 274 570 C 274 586 312 586 312 570 L 312 502 Z","#3fae6a")+
|
|
coloringContour("dino-body","M 244 456 C 248 398 300 364 366 364 C 436 364 484 398 486 452 C 488 504 436 526 364 526 C 292 526 242 510 244 456 Z","#3fae6a")+
|
|
coloringContour("dino-neck","M 436 400 C 444 338 464 280 500 240 C 530 248 544 274 532 304 C 512 348 496 392 492 434 C 468 438 446 428 436 400 Z","#3fae6a")+
|
|
coloringContour("dino-head","M 486 244 C 502 214 542 206 570 222 C 596 238 598 268 578 286 C 552 296 514 288 490 274 C 482 266 482 252 486 244 Z","#3fae6a")+
|
|
coloringGroup("dino-detail",
|
|
coloringFlat("dino-belly","M 258 484 C 288 508 342 518 396 514 C 432 512 460 504 476 490 C 462 516 416 526 364 526 C 306 526 266 512 258 484 Z","#f7c948")+
|
|
coloringFlat("dino-back-plate-a","M 296 372 C 304 344 322 330 342 334 C 328 350 316 362 310 376 Z","#f28c3c")+
|
|
coloringFlat("dino-back-plate-b","M 356 364 C 364 336 382 322 402 326 C 388 342 378 354 372 368 Z","#f28c3c")+
|
|
coloringFlat("dino-back-plate-c","M 418 370 C 426 342 442 330 460 336 C 446 350 438 362 432 376 Z","#f28c3c")+
|
|
coloringCircle("dino-eye",544,240,11,"#ffffff")+
|
|
coloringDot(545,241,5)+
|
|
coloringFlat("dino-nostril","M 566 250 C 574 246 582 248 586 254 C 580 260 570 260 564 256 Z","#8b5a3c"),2)+
|
|
coloringLine("M 578 274 C 566 280 550 282 536 280 M 500 254 C 508 248 518 244 528 244",2)+
|
|
coloringLine("M 272 466 C 306 478 356 484 404 482 M 462 320 C 476 328 488 340 496 356 M 90 492 C 132 500 172 500 208 494",3))+
|
|
coloringGroup("eggs",
|
|
coloringFlat("egg-a","M 168 566 C 156 546 162 522 180 516 C 198 522 204 546 192 566 Z","#f7c948")+
|
|
coloringFlat("egg-b","M 214 570 C 202 552 208 530 224 524 C 240 530 246 552 234 570 Z","#f7c948")+
|
|
coloringLine("M 168 548 C 176 542 186 542 194 548 M 212 552 C 220 546 230 546 238 552",3),2)
|
|
);
|
|
}
|
|
|
|
function plateNest(){
|
|
return coloringScene("spring-nest",
|
|
coloringBackdrop("sky","#3b7dd8")+
|
|
coloringCircle("sun",128,110,50,"#f7c948","coloring-contour")+
|
|
coloringFlat("cloud",coloringCloudPath(500,60,190,60),"#ffffff")+
|
|
coloringFlat("far-meadow","M 4 424 C 160 396 320 412 470 428 C 600 442 700 434 796 414 L 796 596 L 4 596 Z","#3fae6a")+
|
|
coloringGroup("branch",
|
|
coloringContour("branch-main","M 4 348 C 130 336 260 348 380 372 C 500 396 620 404 796 392 L 796 428 C 616 440 494 430 372 406 C 254 382 128 370 4 382 Z","#8b5a3c")+
|
|
coloringFlat("twig-left","M 168 344 C 156 310 162 280 184 258 C 196 284 196 316 186 344 Z","#8b5a3c")+
|
|
coloringFlat("twig-right","M 604 400 C 616 366 640 344 668 336 C 660 366 642 390 620 404 Z","#8b5a3c")+
|
|
coloringGroup("blossoms",
|
|
coloringCircle("blossom-a",184,246,22,"#d85aa5")+
|
|
coloringCircle("blossom-b",144,286,17,"#d85aa5")+
|
|
coloringCircle("blossom-c",676,326,22,"#d85aa5")+
|
|
coloringCircle("blossom-d",712,356,17,"#d85aa5")+
|
|
coloringCircle("blossom-e",240,300,15,"#d85aa5"),2)+
|
|
coloringLine("M 60 366 C 120 358 180 360 240 368 M 480 410 C 560 418 640 420 720 414",3))+
|
|
coloringGroup("nest",
|
|
coloringContour("nest-bowl","M 262 388 C 272 362 320 346 384 346 C 448 346 494 362 502 388 C 496 442 452 476 382 476 C 312 476 268 442 262 388 Z","#f28c3c")+
|
|
coloringGroup("nest-eggs",
|
|
coloringFlat("egg-left","M 318 388 C 306 366 314 342 334 336 C 354 342 360 366 348 388 C 340 396 326 396 318 388 Z","#2fb7a8")+
|
|
coloringFlat("egg-right","M 420 390 C 408 368 416 344 436 338 C 456 344 462 368 450 390 C 442 398 428 398 420 390 Z","#2fb7a8"),2)+
|
|
coloringLine("M 272 396 C 320 408 444 408 492 396 M 280 420 C 330 434 434 434 484 420",2)+
|
|
coloringLine("M 300 366 C 340 358 424 358 464 366 M 288 442 C 336 456 428 456 476 442",3))+
|
|
coloringGroup("bird",
|
|
coloringFlat("bird-tail","M 500 296 C 542 280 584 274 618 280 C 596 306 560 322 522 324 C 508 318 500 308 500 296 Z","#3b7dd8")+
|
|
coloringContour("bird-body","M 396 306 C 400 262 434 234 476 234 C 520 234 550 264 552 306 C 554 344 518 366 468 366 C 420 366 394 344 396 306 Z","#3b7dd8")+
|
|
coloringCircle("bird-head",406,244,38,"#3b7dd8","coloring-contour")+
|
|
coloringFlat("bird-beak","M 372 246 C 350 238 334 244 328 256 C 340 266 358 268 374 262 Z","#f28c3c")+
|
|
coloringGroup("bird-detail",
|
|
coloringFlat("bird-wing","M 424 288 C 456 274 500 276 526 292 C 512 322 472 336 434 328 C 422 318 418 302 424 288 Z","#2fb7a8")+
|
|
coloringFlat("bird-breast","M 398 316 C 414 342 444 356 480 356 C 462 366 424 366 406 350 C 398 340 396 328 398 316 Z","#f7c948")+
|
|
coloringCircle("bird-eye",394,234,12,"#ffffff")+
|
|
coloringDot(394,234,6),2)+
|
|
coloringLine("M 340 250 L 372 254",2)+
|
|
coloringLine("M 436 300 C 470 292 502 294 522 302 M 412 326 C 442 336 480 340 512 334",3))+
|
|
coloringGroup("front-grass",
|
|
coloringLine("M 96 566 C 104 540 108 526 106 508 M 120 570 C 130 546 134 530 134 514 M 700 560 C 708 534 712 520 710 502",2),2)
|
|
);
|
|
}
|