fix: hals van giraffe en zebra echt laten toelopen, sauropode poten (v0.4.83-beta)

- Halzen van giraffe en zebra tekenden als een rechte koker met vrijwel
  gelijke breedte overal ("paal met een hoofd erop"); ze lopen nu duidelijk
  toe van brede schouder naar smalle kop, met een vloeiende overgang
- Snuit van de zebra zat als losse donkere wig tegen de kop geplakt ("muis
  met een puntmuts"); kop en snuit zijn nu één doorlopende vorm
- Boomstam-textuurlijnen bij de savanneplaat staken onder de nieuwe
  zebrakop uit; ingekort tot ruim boven het dier
- Sauropode-poten waren nog rechte rechthoeken; nu getapte poten in dezelfde
  stijl als giraffe/zebra, met genoeg tussenruimte om niet aan het oog
  onttrokken te raken door de poot ervoor
- Oogpitje van de sauropode stond net als eerder bij kikker/libelle/
  giraffe/zebra in de niveau-2-detailgroep, dus geen gezicht op niveau 1;
  nu altijd zichtbaar
- Kikker en konijn beoordeeld en in orde bevonden: kop-op-romp zonder
  zichtbare hals is bij die dieren een geldige, al werkende opbouw

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_011YErxhic5w9K57zmt8Q1uS

VERSION

@@ -1 +1 @@
-0.4.82-beta
+0.4.83-beta

public/js/core.js

@@ -2,7 +2,7 @@
 "use strict";
 /* version — shown until /api/version resolves (or if the fetch fails, e.g. offline).
    Kept in sync by hand with the VERSION file at the repo root on every release. */
-const VERSION = "0.4.82-beta";
+const VERSION = "0.4.83-beta";
 /* Safari en oudere mobiele browsers behandelen 100vh/100% soms als de hoogte
    achter hun adres- en navigatiebalk. visualViewport geeft de werkelijk
    zichtbare hoogte; de CSS gebruikt deze pixelwaarde als betrouwbare bron en

public/js/widgets/coloring-scenes-advanced.js

@@ -289,7 +289,7 @@ function plateSavanna(){
         /* 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 166 232 C 164 250 164 264 166 276 M 186 232 C 185 250 186 264 188 276",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",
       /* getapte poten met een lichte knik ipv rechte kokers, en een hoef
@@ -299,7 +299,10 @@ function plateSavanna(){
       coloringFlat("giraffe-fore-leg-far",coloringLegPath(554,458,566,28,14,24,-4),"#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")+
+      /* de hals smalt nu duidelijk toe van schouder naar kop in plaats van
+         een rechte koker met vrijwel gelijke breedte overal - dat las als
+         een paal met een hoofd erop in plaats van een hals */
+      coloringContour("giraffe-neck","M 496 424 C 484 356 480 276 502 198 L 538 192 C 546 268 552 344 568 412 C 548 430 516 434 496 424 Z","#f7c948")+
       coloringFlat("giraffe-hind-leg-near",coloringLegPath(629,468,578,32,16,28,7),"#f7c948")+
       coloringFlat("giraffe-fore-leg-near",coloringLegPath(523,464,578,32,15,28,-6),"#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")+
@@ -326,30 +329,31 @@ function plateSavanna(){
       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",
-      /* 45px naar rechts geschoven, samen met de smallere boomstam hierboven:
+      /* hals en kop als één doorlopende, getapte vorm (smal bij de kop, breed
-         eerder liepen kop en oor van de zebra dwars door de stam heen */
+         bij de schouder) met de snuit erin verwerkt, in plaats van een
+         rechte kokerhals met een los aangeplakte snuitflap - dat las als een
+         cirkel op een koker in plaats van een dier */
       coloringFlat("zebra-hind-leg-far",coloringLegPath(411,458,560,28,14,24,5),"#ffffff")+
       coloringFlat("zebra-fore-leg-far",coloringLegPath(312,456,560,26,13,22,-4),"#ffffff")+
       coloringFlat("zebra-tail","M 429 428 C 449 442 461 462 465 486 C 451 482 437 468 427 448 Z","#ffffff")+
       coloringContour("zebra-body","M 267 446 C 265 404 303 380 351 380 C 401 380 437 404 439 446 C 441 480 401 496 351 496 C 299 496 269 480 267 446 Z","#ffffff")+
-      coloringContour("zebra-neck","M 267 428 C 257 388 247 352 241 322 L 293 306 C 305 348 317 388 329 424 C 309 442 285 444 267 428 Z","#ffffff")+
+      coloringContour("zebra-neck","M 267 428 C 259 392 253 348 255 308 L 298 278 C 306 336 320 384 335 420 C 315 438 285 440 267 428 Z","#ffffff")+
       coloringFlat("zebra-hind-leg-near",coloringLegPath(382,464,570,30,15,26,6),"#ffffff")+
       coloringFlat("zebra-fore-leg-near",coloringLegPath(284,462,570,30,14,26,-5),"#ffffff")+
-      coloringContour("zebra-head","M 231 324 C 213 298 227 268 255 262 C 285 256 309 276 311 304 C 293 326 259 336 231 324 Z","#ffffff")+
+      coloringContour("zebra-head","M 255 322 C 238 316 188 308 165 294 C 152 286 153 268 172 258 C 195 248 226 250 255 262 C 285 256 309 276 311 304 C 293 326 268 332 255 322 Z","#ffffff")+
-      coloringFlat("zebra-muzzle","M 233 292 C 209 284 189 294 183 312 C 199 328 221 332 241 324 Z","#26344a")+
       coloringGroup("zebra-stripes",
         coloringFlat("stripe-a","M 297 392 C 303 420 303 454 297 490 L 319 492 C 325 454 325 420 319 390 Z","#26344a")+
         coloringFlat("stripe-b","M 343 382 C 349 412 349 450 343 494 L 365 494 C 371 450 371 412 365 382 Z","#26344a")+
         coloringFlat("stripe-c","M 389 386 C 395 414 395 450 389 490 L 409 486 C 415 448 415 414 409 386 Z","#26344a")+
-        coloringFlat("stripe-mane","M 251 266 C 263 300 277 338 291 372 L 311 364 C 297 328 283 292 271 262 Z","#26344a")+
+        coloringFlat("stripe-mane","M 300 280 C 306 320 316 362 328 400 L 340 396 C 328 358 318 318 312 280 Z","#26344a")+
-        coloringFlat("zebra-ear","M 307 286 C 329 274 351 276 361 290 C 345 304 321 304 307 298 Z","#ffffff")+
+        coloringFlat("zebra-ear","M 262 248 C 282 232 306 232 316 248 C 302 264 278 266 262 258 Z","#ffffff")+
         coloringFlat("zebra-hoof-hind-far","M 393 548 L 433 548 L 431 562 L 403 566 Z","#26344a")+
         coloringFlat("zebra-hoof-hind-near","M 361 556 L 405 556 L 403 570 L 371 574 Z","#26344a")+
         coloringFlat("zebra-hoof-fore-far","M 309 566 L 353 566 L 351 580 L 319 584 Z","#26344a")+
         coloringFlat("zebra-hoof-fore-near","M 285 574 L 335 574 L 333 590 L 295 594 Z","#26344a"),2)+
-      coloringDot(259,290,6)+
+      coloringDot(272,270,6)+
-      coloringLine("M 191 308 C 195 318 203 324 213 326 M 427 450 C 437 462 445 474 449 486",2)+
+      coloringLine("M 172 292 C 178 300 186 306 196 308 M 427 450 C 437 462 445 474 449 486",2)+
-      coloringLine("M 277 442 C 313 456 389 460 435 450 M 255 334 C 269 342 281 350 289 356 M 303 512 C 315 518 329 518 339 514",3))+
+      coloringLine("M 277 442 C 313 456 389 460 435 450 M 268 340 C 275 350 283 358 292 364 M 303 512 C 315 518 329 518 339 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",

public/js/widgets/coloring-scenes-middle.js

@@ -168,13 +168,13 @@ function plateDinosaur(){
        kent, in plaats van een korte dikke nek op een gewone ovale romp */
     coloringGroup("dinosaur",
       coloringFlat("dino-tail","M 210 452 C 132 434 60 440 16 460 C 46 484 98 498 156 494 C 188 490 206 470 214 452 Z","#3fae6a")+
-      coloringFlat("dino-hind-leg-far","M 365 468 L 402 468 L 398 524 L 408 566 L 372 570 L 362 524 Z","#3fae6a")+
+      coloringFlat("dino-hind-leg-far",coloringLegPath(384,468,558,37,18,32,4),"#3fae6a")+
-      coloringFlat("dino-fore-leg-far","M 222 470 L 258 470 L 256 520 L 264 566 L 230 570 L 220 520 Z","#3fae6a")+
+      coloringFlat("dino-fore-leg-far",coloringLegPath(252,470,558,36,17,30,-3),"#3fae6a")+
       coloringContour("dino-body","M 155 460 C 155 394 220 348 300 348 C 384 348 445 394 445 452 C 445 506 380 536 300 536 C 224 536 155 510 155 460 Z","#3fae6a")+
       /* een lange, hoge S-bocht in plaats van een korte diagonale buis */
       coloringContour("dino-neck","M 425 405 C 460 350 505 300 555 265 C 575 248 590 230 600 210 L 636 232 C 622 254 604 274 582 300 C 538 342 500 380 480 420 C 458 428 432 422 425 405 Z","#3fae6a")+
-      coloringFlat("dino-hind-leg-near","M 322 480 L 364 480 L 362 534 L 372 574 L 330 578 L 318 534 Z","#3fae6a")+
+      coloringFlat("dino-hind-leg-near",coloringLegPath(343,480,566,42,20,36,5),"#3fae6a")+
-      coloringFlat("dino-fore-leg-near","M 198 482 L 238 482 L 236 530 L 244 574 L 204 578 L 196 530 Z","#3fae6a")+
+      coloringFlat("dino-fore-leg-near",coloringLegPath(204,482,566,40,19,34,-4),"#3fae6a")+
       coloringContour("dino-head","M 578 220 C 562 188 580 154 616 144 C 652 134 684 154 690 188 C 696 218 676 246 642 252 C 610 258 588 246 578 220 Z","#3fae6a")+
       coloringGroup("dino-detail",
         coloringFlat("dino-belly","M 200 480 C 228 508 268 522 308 522 C 350 522 388 508 415 484 C 405 512 360 528 305 528 C 250 528 208 510 200 480 Z","#f7c948")+
@@ -182,12 +182,12 @@ function plateDinosaur(){
         coloringFlat("dino-back-plate-b","M 305 350 C 313 320 333 306 355 312 C 339 330 325 342 319 356 Z","#f28c3c")+
         coloringFlat("dino-back-plate-c","M 360 356 C 368 326 386 314 408 320 C 392 338 380 350 374 364 Z","#f28c3c")+
         coloringCircle("dino-eye",655,180,15,"#ffffff")+
-        coloringDot(657,181,7)+
         coloringFlat("dino-nostril","M 588 208 C 580 204 572 206 568 212 C 574 218 583 218 588 213 Z","#8b5a3c")+
         coloringFlat("dino-foot-hind-far","M 356 560 L 414 560 L 412 574 L 360 578 Z","#8b5a3c")+
-        coloringFlat("dino-foot-fore-far","M 214 560 L 268 560 L 266 574 L 218 578 Z","#8b5a3c")+
+        coloringFlat("dino-foot-fore-far","M 226 560 L 280 560 L 278 574 L 230 578 Z","#8b5a3c")+
         coloringFlat("dino-foot-hind-near","M 312 568 L 378 568 L 376 584 L 316 588 Z","#8b5a3c")+
-        coloringFlat("dino-foot-fore-near","M 188 568 L 250 568 L 248 584 L 192 588 Z","#8b5a3c"),2)+
+        coloringFlat("dino-foot-fore-near","M 175 568 L 237 568 L 235 584 L 179 588 Z","#8b5a3c"),2)+
+      coloringDot(657,181,7)+
       coloringLine("M 576 216 C 568 222 564 230 566 238")+
       coloringLine("M 240 466 C 274 478 324 484 372 482 M 460 380 C 486 356 514 332 542 310 M 60 480 C 100 490 140 490 178 484 M 280 526 C 294 534 310 534 324 528",3))+
     coloringGroup("eggs",