Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Coloring Game [Collab]
ID	4783732563591168
Created	4 years ago, 1608057183446
Updated	4 years ago, 1608062894698
Code	/** Started: 12/01/2020 Finished: 12/12/2020 Released: 12/15/2020 Creators: CobraCoder, NitOwl007 and Ender Haven Credit: Huge credit to Ender (@TEGX) for the color picker, and CobraCoder (@COOLBRO43219) for the mouse collision detection, appreciate it greatly! To grab a color from the screen just, hover your mouse over that color then hit any key on the keyboard Aand you can change the background and use the color picker to select a color Any suggestions? Or questions about the code, just comment down below! **/ //change this to 'false' if you do not want the backgrounds to be in the program, helps with lag var backgroundsForColoringGame = true; smooth(); randomSeed(12); if (backgroundsForColoringGame){ //draws backgrounds //{ background(34, 0, 54); for (var i = 0; i < 752; i++){ noFill(); stroke(91, 97, 163, i / 4); ellipse(266, 258, 749 - i, 793 - i); } for (var i = 0; i < 158; i++) { stroke(255, random(180, 250)); strokeWeight(random(2, 4)); point(random(width), random(height)); } for (var i = 0; i < 20; i++) { noStroke(); fill(255); rect(random(width), random(height), 0.001, 0.001, -6); } var backgroundImg2 = get(); background(255); for (var i = 0; i < 115; i++) { stroke(247, 255, 158, 10); strokeWeight(random(90, 223)); point(random(width), random(height)); stroke(255, 64, 249, 10); point(random(width), random(height)); stroke(138, 6, 204, 10); point(random(width), random(height)); stroke(255, 132, 0, 10); point(random(width), random(height)); } filter(BLUR, 4); for (var i = 0; i < 27; i++) { stroke(255, 255, 255, 40); strokeWeight(random(18, 129)); point(random(width), random(height)); } var backgroundImg3 = get(); for(var i = 0; i < height; i++) { stroke(lerpColor( color(68, 63, 166), color(252, 148, 228), i / height)); line(width, i, 0, i); } //clouds for (var i = 0; i < 30; i++) { strokeWeight(random(183, 198)); stroke(255, 255, 255, 10); point(random(width), random(height)); } //stars for (var i = 0; i < 300; i++) { strokeWeight(random(1, 3)); stroke(255, random(190, 255)); point(random(width), random(height)); } var backgroundImg = get(); for(var i = 0; i < height; i++) { strokeWeight(1); stroke(lerpColor( color(222, 255, 184), color(57, 176, 67), i / height)); line(width, i, 0, i); } for (var i = 0; i < 115; i++) { stroke(255, 255, 255, 30); strokeWeight(random(90, 92)); point(random(width), random(height)); stroke(93, 227, 16, 20); point(random(width), random(height)); } filter(BLUR, 4); for (var i = 0; i < 84; i++) { noStroke(); fill(255); rect(random(width), random(height), 0.001, 0.001, random(-14, -3)); } var backgroundImg4 = get(); for(var i = 0; i < height; i++) { stroke(lerpColor( color(224, 0, 164), color(152, 0, 212), i / height)); line(width, i, 0, i); } var backgroundImgStuff = get(0, 0, 10, 600); background(0, 0, 0); for(var i = 0; i < 70; i++) { image(backgroundImgStuff, random(-3, 600), 0); } filter(BLUR, 10); var backgroundImg5 = get(); //} } //other stuff that you don't color - girl //{ background(0, 0); //eyebrows noFill(); strokeWeight(2.0); stroke(0); bezier(256, 161, 251, 159, 240, 160, 229, 165); bezier(279, 158, 289, 152, 299, 152, 310, 155); //left eye strokeWeight(1); bezier(258, 172, 253, 165, 234, 171, 234, 177); bezier(242, 185, 245, 186, 253, 183, 256, 180); //right eye bezier(289, 179, 299, 180, 302, 179, 312, 178); bezier(286, 167, 299, 162, 302, 161, 313, 166); //eyelids ig lol strokeWeight(1); bezier(258, 167, 253, 162, 234, 165, 234, 169); bezier(286, 163, 299, 156, 302, 159, 313, 159); //nose bezier(269, 182, 270, 189, 261, 194, 269, 200); //pupils fill(0); ellipse(251, 176, 8, 7); ellipse(302, 171, 8, 7); //irises noStroke(); fill(0, 0, 0, 90); ellipse(251, 176, 10, 10); ellipse(302, 171, 13, 11); //reflection fill(255, 230); ellipse(304, 169, 5, 5); ellipse(253, 174.5, 4.5, 4.5); //mascara ig strokeWeight(2); stroke(0); noFill(); //left eye bezier(254, 170, 252, 165, 234, 171, 235, 169); bezier(256, 170, 252, 165, 246, 171, 238, 166); bezier(257, 170, 252, 165, 254, 171, 246, 165); bezier(257, 180, 252, 183, 250, 185, 241, 182); bezier(258, 172, 253, 165, 234, 171, 234, 177); //right eye bezier(288, 167, 306, 157, 302, 166, 314, 161); bezier(288, 167, 306, 157, 302, 166, 309, 159); bezier(288, 167, 296, 158, 296, 166, 303, 159); bezier(292, 179, 305, 182, 307, 177, 312, 175); bezier(286, 167, 299, 162, 302, 161, 313, 166); //left eye strokeWeight(1); bezier(258, 172, 253, 165, 234, 171, 234, 177); bezier(286, 167, 299, 162, 302, 161, 313, 166); //details on hands noFill(); bezier(178, 581, 181, 587, 179, 585, 183, 592); line(193, 584, 190, 602); line(201, 588, 201, 602); line(208, 590, 210, 602); //details on bow noFill(); bezier(255, 337, 249, 338, 243, 341, 238, 339); bezier(262, 337, 267, 344, 275, 344, 280, 343); bezier(243, 362, 235, 372, 240, 370, 225, 381); bezier(266, 354, 271, 363, 271, 370, 269, 381); //details on skirt bezier(108, 551, 147, 604, 188, 601, 365, 642); bezier(100, 558, 147, 615, 188, 595, 180, 618); //pleats line(144, 542, 100, 582); line(153, 557, 115, 595); line(175, 556, 132, 604); line(171, 581, 152, 604); line(177, 591, 169, 604); line(239, 576, 233, 605); line(251, 567, 250, 605); line(267, 566, 267, 605); line(280, 569, 289, 605); line(297, 547, 315, 605); line(317, 545, 336, 605); //neck details - collar bone bezier(310, 270, 298, 270, 298, 270, 287, 273); line(263, 267, 271, 270); //details on hair bezier(279, 124, 272, 145, 264, 148, 255, 151); bezier(231, 231, 223, 199, 239, 171, 263, 133); strokeWeight(0.6); bezier(270, 84, 256, 84, 242, 95, 238, 98); bezier(258, 81, 270, 77, 280, 78, 283, 80); bezier(330, 82, 307, 75, 303, 78, 295, 81); bezier(351, 109, 350, 107, 332, 91, 317, 94); bezier(348, 136, 356, 140, 358, 169, 349, 208); strokeWeight(1); bezier(290, 208, 278, 217, 273, 215, 262, 211); var otherDetailsThatYouCanNotColor = get(); //} //other stuff that you don't color - guy //{ background(0, 0); //details noFill(); bezier(201, 222, 167, 248, 147, 245, 136, 255); line(113, 304, 115, 329); line(118, 511, 144, 543); line(136, 440, 122, 413); line(131, 452, 145, 463); line(132, 490, 170, 504); //button holes line(297, 366, 306, 356); line(313, 422, 322, 417); //sleeve detail line(337, 305, 327, 330); //neck detail line(219, 193, 240, 206); bezier(161, 376, 167, 390, 170, 402, 171, 430); bezier(191, 557, 199, 560, 226, 614, 229, 602); bezier(187, 540, 231, 556, 297, 552, 354, 542); line(226, 550, 222, 601); bezier(185, 547, 207, 555, 224, 558, 259, 557); line(266, 532, 268, 548); bezier(184, 510, 207, 515, 252, 527, 323, 515); bezier(322, 516, 284, 527, 271, 528, 236, 527); bezier(284, 551, 289, 579, 286, 584, 284, 600); bezier(297, 550, 301, 579, 298, 584, 295, 600); bezier(290, 588, 306, 583, 319, 584, 337, 570); bezier(342, 600, 340, 581, 340, 584, 331, 545); line(338, 545, 341, 588); line(347, 543, 352, 562); line(225, 581, 284, 602); line(225, 571, 251, 584); //coat bezier(313, 308, 313, 330, 311, 376, 334, 443); bezier(185, 393, 186, 405, 194, 462, 169, 505); bezier(186, 424, 199, 381, 204, 370, 186, 308); line(254, 243, 264, 242); line(256, 243, 263, 279); line(299, 309, 323, 308); line(328, 300, 323, 308); line(326, 300, 299, 300); bezier(313, 308, 313, 330, 311, 376, 334, 443); bezier(313, 308, 313, 330, 311, 376, 334, 443); //details on shirt line(225, 266, 258, 287); line(288, 294, 268, 289); line(263, 366, 251, 369); line(263, 379, 251, 378); line(295, 373, 276, 378); line(291, 350, 274, 361); line(222, 448, 265, 428); line(305, 402, 279, 422); line(206, 477, 257, 494); line(331, 498, 285, 500); line(173, 465, 180, 483); line(347, 476, 350, 464); //face stuff bezier(244, 174, 260, 177, 264, 174, 270, 174); bezier(267, 179, 260, 181, 258, 181, 249, 179); bezier(265, 152, 267, 167, 262, 162, 256, 161); bezier(296, 125, 268, 128, 264, 142, 266, 146); line(272, 139, 278, 133); line(299, 130, 278, 133); line(257, 139, 250, 133); line(231, 131, 250, 133); noStroke(); fill(0); rect(283, 133, 8, 7, 10); rect(237.5, 134, 8.2, 6.1, 10); fill(255, 255); ellipse(289, 136, 4, 4); ellipse(244, 136.4, 4, 4); strokeWeight(2.2); stroke(0); noFill(); bezier(302, 125, 292, 126, 281, 126, 273, 132); bezier(226, 128, 247, 126, 242, 128, 254, 129); strokeWeight(1); //deatils on hair bezier(224, 158, 200, 139, 230, 114, 243, 90); bezier(226, 163, 191, 158, 203, 114, 199, 115); bezier(245, 116, 272, 94, 284, 76, 287, 71); bezier(216, 178, 211, 176, 204, 163, 200, 142); bezier(224, 158, 211, 156, 204, 116, 211, 100); line(191, 142, 196, 134); line(188, 131, 195, 118); line(199, 162, 201, 167); line(289, 101, 295, 96); line(300, 103, 297, 109); line(307, 103, 310, 109); var otherStuffYouDoNotColorGuy = get(); //} var isOhNoesStupid = true; var x = 490; var backgroundImgx = 489; var backgroundImgy = 30; { var prevPressed = false, pressed = function(){ return !prevPressed && mouseIsPressed; }, selected = false, c = color(255, 0, 255), drawingID = 0; }//variables { var Shape = function(shape){ this.shape = shape; this.color = color(255); }; Shape.prototype.draw = function(){ fill(this.color); this.shape(); }; Shape.prototype.collision = function(){ background(255); fill(0); this.shape(); loadPixels(); return (get(mouseX, mouseY)) === color(0); }; var shapes = [ //girl drawing [ new Shape(function(){ //hair beginShape(); vertex(133, 295); bezierVertex(162, 270, 167, 276, 200, 230); bezierVertex(256, 156, 190, 151, 241, 94); bezierVertex(291, 47, 329, 79, 343, 94); bezierVertex(369, 136, 364, 176, 343, 222); bezierVertex(323, 265, 320, 260, 298, 280); vertex(205, 358); bezierVertex(184, 366, 172, 372, 158, 405); bezierVertex(150, 447, 180, 440, 175, 440); bezierVertex(171, 457, 144, 440, 146, 434); bezierVertex(136, 461, 127, 461, 133, 499); bezierVertex(108, 483, 118, 458, 120, 459); bezierVertex(100, 473, 102, 506, 116, 523); bezierVertex(101, 527, 67, 495, 95, 444); bezierVertex(78, 478, 87, 486, 82, 484); bezierVertex(52, 481, 59, 427, 98, 409); bezierVertex(70, 430, 64, 405, 66, 401); bezierVertex(78, 415, 109, 406, 89, 371); bezierVertex(62, 340, 96, 313, 115, 305); endShape(CLOSE); }), new Shape(function(){ //neck beginShape(); vertex(274, 238); bezierVertex(276, 275, 261, 251, 259, 279); bezierVertex(293, 288, 291, 281, 298, 282); bezierVertex(335, 246, 296, 285, 319, 196); endShape(); }), new Shape(function(){ //ear beginShape(); vertex(333, 164); bezierVertex(337, 155, 351, 175, 328, 194); endShape(CLOSE); }), new Shape(function(){ //face beginShape(); vertex(227, 180); bezierVertex(249, 218, 235, 210, 273, 239); bezierVertex(310, 246, 328, 177, 322, 170); vertex(308, 105); vertex(254, 110); endShape(CLOSE); }), new Shape(function(){ //hair bangs beginShape(); vertex(231, 231); bezierVertex(230, 236, 199, 198, 221, 135); bezierVertex(235, 93, 284, 87, 308, 101); bezierVertex(330, 112, 336, 147, 334, 155); bezierVertex(333, 176, 334, 190, 320, 216); bezierVertex(324, 183, 317, 179, 308, 139); vertex(312, 158); bezierVertex(297, 149, 288, 137, 283, 113); bezierVertex(271, 147, 265, 137, 240, 166); bezierVertex(246, 158, 240, 161, 250, 141); bezierVertex(234, 173, 225, 193, 231, 228); endShape(CLOSE); }), new Shape(function(){ //hair band beginShape(); vertex(221, 133); bezierVertex(266, 71, 322, 103, 332, 135); bezierVertex(318, 62, 233, 83, 225, 129); endShape(); }), new Shape(function(){ rectMode(CENTER); //eye detail strokeWeight(1.9); rect(250, 176, 15, 13, 8); }), new Shape(function(){ rect(301, 171, 17, 14, 8); strokeWeight(1); rectMode(CORNER); }), new Shape(function(){ beginShape(); vertex(264, 212); bezierVertex(278, 211, 275, 211, 288, 209); bezierVertex(281, 222, 271, 219, 264, 212); endShape(); }), new Shape(function(){ //skirt beginShape(); vertex(153, 516); bezierVertex(136, 529, 104, 553, 93, 566); bezierVertex(92, 576, 96, 578, 99, 580); bezierVertex(102, 582, 99, 590, 114, 595); vertex(126, 604); vertex(365, 605); bezierVertex(358, 582, 360, 590, 329, 515); vertex(320, 481); vertex(217, 438); endShape(CLOSE); }), new Shape(function(){ //left hand beginShape(); vertex(176, 549); bezierVertex(175, 582, 160, 567, 185, 604); vertex(212, 560); vertex(199, 542); endShape(CLOSE); }), new Shape(function(){ //right hand beginShape(); vertex(211, 547); bezierVertex(194, 574, 183, 576, 181, 604); vertex(222, 612); bezierVertex(213, 596, 233, 568, 234, 563); vertex(223, 543); endShape(CLOSE); }), new Shape(function(){ //coat strip on the bottom of coat beginShape(); vertex(153, 485); vertex(146, 492); bezierVertex(152, 529, 179, 528, 161, 520); vertex(199, 525); bezierVertex(197, 512, 208, 511, 236, 469); bezierVertex(235, 512, 223, 511, 250, 567); bezierVertex(285, 553, 303, 550, 333, 517); vertex(326, 493); vertex(284, 418); vertex(235, 437); endShape(CLOSE); }), new Shape(function(){ //coat base beginShape(); vertex(153, 486); bezierVertex(176, 465, 175, 454, 214, 440); bezierVertex(221, 431, 224, 434, 227, 408); bezierVertex(227, 409, 225, 405, 244, 338); vertex(345, 296); vertex(312, 449); bezierVertex(331, 501, 330, 502, 330, 509); bezierVertex(322, 518, 304, 535, 255, 549); bezierVertex(246, 522, 253, 535, 242, 442); bezierVertex(234, 460, 230, 459, 211, 486); vertex(167, 516); bezierVertex(167, 505, 163, 518, 152, 485); endShape(); }), new Shape(function(){ //left shoulder/arm beginShape(); vertex(211, 270); bezierVertex(190, 269, 186, 292, 182, 312); bezierVertex(180, 322, 187, 323, 199, 339); bezierVertex(203, 359, 195, 385, 176, 456); bezierVertex(165, 505, 158, 513, 149, 537); bezierVertex(180, 554, 197, 551, 219, 540); bezierVertex(199, 514, 208, 551, 216, 412); vertex(231, 325); endShape(CLOSE); }), new Shape(function(){ beginShape(); vertex(157, 516); vertex(150, 537); bezierVertex(177, 553, 192, 548, 212, 544); vertex(206, 522); endShape(); }), new Shape(function(){ beginShape(); vertex(175, 465); bezierVertex(177, 532, 158, 513, 207, 518); vertex(208, 530); bezierVertex(177, 536, 158, 523, 156, 522); endShape(CLOSE); }), new Shape(function(){ //right sholder/arm beginShape(); vertex(360, 281); bezierVertex(385, 280, 384, 304, 382, 316); bezierVertex(385, 343, 384, 349, 371, 357); bezierVertex(366, 359, 353, 371, 343, 392); bezierVertex(258, 559, 300, 448, 254, 568); bezierVertex(235, 567, 224, 563, 200, 533); bezierVertex(216, 516, 247, 499, 259, 472); bezierVertex(288, 428, 290, 429, 302, 411); bezierVertex(328, 367, 317, 379, 327, 357); bezierVertex(326, 346, 316, 341, 337, 334); vertex(330, 336); bezierVertex(331, 325, 315, 329, 342, 303); endShape(CLOSE); }), new Shape(function(){ beginShape(); vertex(200, 532); bezierVertex(227, 574, 250, 567, 254, 568); vertex(263, 545); vertex(216, 519); endShape(CLOSE); }), new Shape(function(){ beginShape(); vertex(278, 507); vertex(287, 479); vertex(255, 535); bezierVertex(255, 539, 237, 532, 220, 516); vertex(212, 522); bezierVertex(240, 549, 253, 550, 260, 553); endShape(CLOSE); }), new Shape(function(){ //top beginShape(); vertex(221, 361); bezierVertex(219, 354, 208, 342, 221, 309); vertex(249, 347); endShape(CLOSE); }), new Shape(function(){ //left side clothes beginShape(); vertex(228, 272); bezierVertex(263, 259, 264, 251, 274, 254); bezierVertex(253, 276, 252, 299, 260, 325); vertex(243, 325); bezierVertex(235, 313, 224, 286, 228, 273); endShape(CLOSE); }), new Shape(function(){ beginShape(); vertex(217, 271); bezierVertex(219, 297, 223, 305, 236, 327); bezierVertex(247, 320, 223, 305, 228, 271); bezierVertex(227, 272, 223, 271, 217, 271); endShape(); }), new Shape(function(){ beginShape(); vertex(211, 270); bezierVertex(203, 289, 222, 316, 229, 323); bezierVertex(241, 322, 220, 312, 217, 270); bezierVertex(218, 272, 212, 270, 211, 270); endShape(); }), new Shape(function(){ //right side clothes beginShape(); vertex(352, 278); vertex(361, 283); bezierVertex(352, 301, 322, 322, 303, 326); vertex(290, 324); endShape(); }), new Shape(function(){ beginShape(); vertex(343, 274); bezierVertex(349, 275, 350, 277, 352, 278); bezierVertex(341, 291, 325, 307, 295, 324); vertex(272, 325); endShape(CLOSE); }), new Shape(function(){ beginShape(); vertex(312, 251); bezierVertex(351, 279, 329, 269, 347, 275); bezierVertex(325, 301, 284, 325, 266, 327); vertex(262, 325); bezierVertex(281, 301, 309, 275, 313, 260); endShape(CLOSE); }), new Shape(function(){ //neck shirt beginShape(); vertex(259, 279); bezierVertex(282, 286, 291, 281, 299, 282); bezierVertex(288, 296, 296, 285, 263, 324); vertex(260, 324); bezierVertex(253, 304, 255, 285, 259, 279); endShape(CLOSE); }), new Shape(function(){ //right bow ribbon strand beginShape(); vertex(257, 339); bezierVertex(261, 348, 276, 362, 285, 369); bezierVertex(309, 399, 296, 400, 293, 402); bezierVertex(289, 407, 282, 408, 275, 410); bezierVertex(268, 423, 253, 431, 244, 429); bezierVertex(265, 380, 256, 379, 261, 342); endShape(CLOSE); }), new Shape(function(){ //left bow ribbon strand beginShape(); vertex(259, 347); bezierVertex(246, 378, 253, 375, 238, 393); bezierVertex(223, 414, 233, 402, 215, 425); bezierVertex(208, 418, 209, 409, 211, 398); bezierVertex(204, 397, 199, 388, 197, 383); bezierVertex(195, 374, 206, 370, 228, 358); endShape(CLOSE); }), new Shape(function(){ //right bow tie beginShape(); vertex(261, 328); bezierVertex(282, 323, 291, 315, 313, 329); bezierVertex(315, 335, 306, 343, 303, 349); bezierVertex(295, 355, 308, 375, 281, 364); bezierVertex(254, 345, 269, 356, 259, 346); endShape(CLOSE); }), new Shape(function(){ //left bow tie beginShape(); vertex(260, 347); bezierVertex(251, 360, 241, 369, 227, 358); bezierVertex(221, 335, 222, 341, 221, 325); bezierVertex(226, 303, 259, 322, 265, 327); endShape(CLOSE); }), new Shape(function(){ //bow knot beginShape(); vertex(258, 350); bezierVertex(253, 338, 256, 329, 259, 327); bezierVertex(272, 325, 260, 326, 262, 351); endShape(CLOSE); }) ], //guy drawing [ new Shape(function(){ //neck beginShape(); vertex(212, 171); vertex(221, 232); vertex(273, 232); vertex(264, 184); endShape(); }), new Shape(function(){ //face beginShape(); vertex(219, 171); bezierVertex(266, 223, 278, 183, 288, 170); bezierVertex(308, 135, 300, 119, 303, 121); vertex(285, 81); vertex(207, 122); endShape(); }), new Shape(function(){ //hair beginShape(); vertex(235, 162); bezierVertex(219, 149, 221, 139, 247, 114); bezierVertex(253, 114, 247, 123, 250, 122); bezierVertex(246, 124, 247, 123, 250, 122); bezierVertex(273, 108, 271, 101, 281, 94); bezierVertex(279, 103, 278, 107, 272, 117); bezierVertex(279, 117, 281, 107, 291, 99); vertex(292, 119); vertex(297, 109); bezierVertex(300, 117, 294, 107, 299, 137); vertex(303, 129); vertex(306, 140); bezierVertex(310, 117, 313, 127, 309, 107); vertex(318, 118); vertex(311, 91); bezierVertex(303, 76, 282, 48, 249, 52); bezierVertex(194, 68, 193, 104, 188, 119); vertex(183, 134); vertex(189, 130); vertex(187, 145); vertex(191, 142); bezierVertex(194, 153, 196, 161, 195, 174); vertex(201, 167); vertex(206, 187); vertex(206, 174); vertex(212, 187); vertex(211, 179); vertex(224, 191); vertex(216, 178); vertex(226, 184); bezierVertex(220, 178, 224, 176, 219, 166); bezierVertex(221, 161, 224, 173, 230, 172); vertex(224, 158); vertex(235, 163); endShape(); }), new Shape(function(){ beginShape(); vertex(228, 136); bezierVertex(239, 131, 246, 132, 253, 137); bezierVertex(248, 142, 241, 144, 235, 141); endShape(CLOSE); }), new Shape(function(){ beginShape(); vertex(275, 136); bezierVertex(284, 132, 288, 133, 296, 133); bezierVertex(302, 139, 282, 148, 275, 135); endShape(); }), new Shape(function(){ rect(235, 133, 12, 8, 8); }), new Shape(function(){ pushMatrix(); rotate(-6); rect(265, 162, 12, 7.9, 7); popMatrix(); }), new Shape(function(){ //pants beginShape(); vertex(174, 511); vertex(354, 511); vertex(364, 601); vertex(130, 601); vertex(186, 501); endShape(); }), new Shape(function(){ //under shirt beginShape(); vertex(245, 216); vertex(252, 217); vertex(256, 227); vertex(261, 213); vertex(285, 226); vertex(313, 367); vertex(361, 525); bezierVertex(291, 538, 213, 535, 178, 521); vertex(196, 234); endShape(CLOSE); }), new Shape(function(){ //collar beginShape(); vertex(215, 198); bezierVertex(254, 226, 245, 210, 252, 218); vertex(256, 226); vertex(260, 213); vertex(269, 211); vertex(276, 231); vertex(271, 243); vertex(261, 214); vertex(256, 225); vertex(252, 216); vertex(246, 216); vertex(246, 245); bezierVertex(220, 244, 209, 225, 202, 221); vertex(215, 197); endShape(); }), new Shape(function(){ //shirt button up stuff beginShape(); vertex(271, 327); bezierVertex(281, 423, 298, 532, 298, 532); vertex(278, 533); endShape(CLOSE); }), new Shape(function(){ rect(282, 504, 9, 8, 10); }), new Shape(function(){ rect(278, 471, 9, 8, 10); }), new Shape(function(){ rect(274, 435, 9, 8, 10); }), new Shape(function(){ //tie... yeah wait... it's a draw aHA beginShape(); vertex(246, 228); bezierVertex(257, 221, 260, 226, 266, 227); bezierVertex(266, 230, 264, 234, 264, 242); vertex(285, 503); vertex(279, 512); vertex(270, 504); vertex(266, 406); vertex(269, 466); vertex(270, 499); vertex(264, 503); vertex(257, 497); vertex(266, 405); vertex(255, 243); vertex(246, 228); endShape(); }), new Shape(function(){ //right sleeve beginShape(); vertex(337, 254); vertex(340, 255); bezierVertex(348, 260, 345, 273, 340, 362); bezierVertex(340, 419, 335, 386, 352, 467); bezierVertex(363, 497, 354, 489, 355, 509); vertex(320, 427); vertex(320, 291); endShape(CLOSE); }), new Shape(function(){ //coat left beginShape(); vertex(202, 218); bezierVertex(186, 232, 154, 234, 125, 253); vertex(158, 389); bezierVertex(173, 430, 170, 418, 173, 466); bezierVertex(153, 561, 158, 539, 130, 600); bezierVertex(155, 561, 165, 539, 205, 480); bezierVertex(238, 418, 240, 406, 252, 376); vertex(219, 263); endShape(CLOSE); }), new Shape(function(){ //coat right beginShape(); vertex(269, 212); bezierVertex(320, 256, 309, 238, 337, 254); bezierVertex(327, 359, 324, 316, 325, 364); bezierVertex(339, 425, 328, 412, 334, 442); bezierVertex(365, 528, 350, 469, 365, 542); bezierVertex(378, 584, 368, 584, 373, 600); vertex(351, 600); bezierVertex(350, 549, 357, 552, 354, 516); bezierVertex(304, 412, 321, 448, 306, 405); vertex(294, 366); vertex(292, 275); endShape(CLOSE); }), new Shape(function(){ //part of coat flare left beginShape(); vertex(213, 200); bezierVertex(197, 218, 205, 225, 191, 241); vertex(212, 241); bezierVertex(197, 257, 205, 250, 191, 260); bezierVertex(218, 305, 225, 294, 252, 377); bezierVertex(248, 286, 207, 250, 211, 206); endShape(CLOSE); }), new Shape(function(){ //part of coat flare right beginShape(); vertex(269, 209); bezierVertex(272, 219, 287, 235, 290, 241); vertex(284, 247); vertex(299, 252); bezierVertex(302, 312, 295, 327, 293, 363); bezierVertex(288, 312, 295, 297, 273, 221); endShape(); }), new Shape(function(){ //h a n d beginShape(); vertex(157, 563); bezierVertex(166, 603, 182, 597, 180, 603); bezierVertex(188, 592, 182, 622, 192, 557); vertex(181, 545); endShape(); }), new Shape(function(){ //sleeve end... uhh I forgot what it's called beginShape(); vertex(149, 561); vertex(153, 564); bezierVertex(163, 571, 190, 546, 187, 541); vertex(183, 537); endShape(); }), new Shape(function(){ //left sleeve beginShape(); vertex(126, 252); bezierVertex(113, 264, 113, 273, 113, 308); bezierVertex(108, 314, 88, 378, 77, 448); bezierVertex(96, 481, 88, 478, 118, 511); bezierVertex(128, 531, 140, 554, 140, 563); bezierVertex(165, 559, 179, 547, 189, 529); bezierVertex(164, 500, 140, 461, 136, 439); bezierVertex(154, 394, 145, 413, 158, 385); vertex(169, 346); bezierVertex(159, 287, 145, 267, 132, 249); endShape(CLOSE); }), new Shape(function(){ //buttons rect(232, 369, 13, 13, 10); }), new Shape(function(){ rect(209, 424, 12, 12, 10); }), new Shape(function(){ rect(184, 474, 11, 12, 10); }), ] ]; }//shape management (CobraCoder) { // Variable to give a color value to var selectedColor; // Intended outcome: // When you pick a color using the color picker it should save it in selectedColor // O.O.P. picker code var ColorPicker = function(){ // Get the hue for the left half of the color picker (from the right) this.hue = 0; // Get the click location so the little arrow on the far right can point at it this.clickLocHue = 0; // Click location on left half this.clickLocValueX = 127; this.clickLocValueY = 0; // A slight delay to the color grab to fix a inconsistancy bug this.waiting = false; // The final picked value this.value=color(255, 0, 0); }; ColorPicker.prototype.pick = function(x, y, type){ // Frame of picker noStroke(); fill(0); rect(x, y, 160, 150, 10); fill(100); rect(x + 7, y + 7, 146, 134, 5); // Giant buttons, basicly if(mouseIsPressed && mouseX > x + 140 && mouseX < x + 150 && mouseY > y + 10 && mouseY < y + 137){ // Set the hue this.hue = map(mouseY- (y + 10), 0, 127, 0, 255); // Pick new color this.waiting = true; // Update arrow this.clickLocHue = mouseY- (y + 10); } if(mouseIsPressed && mouseX > x + 10 && mouseX < x + 137 && mouseY > y + 10 && mouseY < y + 137){ // Pick new color this.waiting = true; // Update selection circle this.clickLocValueY = mouseY - (y + 10); this.clickLocValueX = mouseX - (x + 10); } // HSP makes rainbows easier colorMode(HSB); // Draw the rainbow! :D (right) for(var i_ = 0; i_ < 255; i_+=2){ fill(i_, 255, 255); rect(x + 140, y + 10 + (i_ / 2), 10, 1); } // Draw the saturation and brightness picker (left) for(var x_ = 0; x_ < 255; x_+=2){ fill(this.hue, 255 - x_,255); rect(x + 10, y + 10, 128 - (x_ / 2), 128); } for(var y_ = 0; y_ < 255; y_+=2){ fill(0, 0, 0, y_); rect(x + 10, y + 10 + (y_ / 2), 128, 1); } // The little triangle that points at the hue fill(200); noStroke(); triangle(x + 150, y + 10 + this.clickLocHue, x + 155, y + 15 + this.clickLocHue, x + 155, y + 5 + this.clickLocHue); // The thing that actually gets the value if(this.waiting){ this.waiting = false; this.value = get(x + 10 + this.clickLocValueX, y + 10 + this.clickLocValueY); } // Draw the selection circle fill(this.value); stroke(255); ellipse(x + 10 + this.clickLocValueX, y + 10 + this.clickLocValueY, 10, 10); // Reset color and stroke to default colorMode(RGB); stroke(0); fill(0); }; // Define prototypePicker as a type of ColorPicker. var prototypePicker = new ColorPicker(); }//color picker (Ender Haven) var prevKeyPressed = false; var KeyPressed = function(){ return prevKeyPressed && keyIsPressed; }; var currentBackgroundImg = backgroundImg; draw = function(){ if(pressed()){ selected = false; for(var a = 0; a < shapes[drawingID].length; a ++){ if(shapes[drawingID][a].collision()){ selected = a; } } if(typeof selected === "number"){ shapes[drawingID][selected].color = selectedColor; } } if(backgroundsForColoringGame){ //background image(currentBackgroundImg, 0, 0); } else { background(173, 205, 250); } for(var s in shapes[drawingID]){ shapes[drawingID][s].draw(); } image(drawingID === 0? otherDetailsThatYouCanNotColor: otherStuffYouDoNotColorGuy, 0, 0); if(backgroundsForColoringGame){ //draws background picker stuff fill(224, 224, 224); rect(backgroundImgx, -9 + backgroundImgy, 76, 357); image(backgroundImg2, backgroundImgx + 17, 0 + backgroundImgy, 50, 60); image(backgroundImg, backgroundImgx + 17, 70 + backgroundImgy, 50, 60); image(backgroundImg3, backgroundImgx + 17, 140 + backgroundImgy, 50, 60); image(backgroundImg4, backgroundImgx + 17, 210 + backgroundImgy, 50, 60); image(backgroundImg5, backgroundImgx + 17, 280 + backgroundImgy, 50, 60); } // Display a picker and set selectedColor to be equal to it's value prototypePicker.pick(x, 420); //color picker animation if(mouseX > x && mouseX < x + 154 && mouseY > 420 && mouseY < 577){ if(x > 345){ x -= 20; } if(mouseIsPressed && mouseX > x && mouseY > 420){ selectedColor = prototypePicker.value; } } if(mouseX < 337 && !mouseIsPressed \|\| mouseY < 419 && !mouseIsPressed){ if(x < 487){ x += 20; } } if(KeyPressed()){ selectedColor = get(mouseX, mouseY); } fill(selectedColor); rect(x, 577, 154, 7); if(backgroundsForColoringGame) { //animation for background picker if(mouseX > backgroundImgx && mouseX < backgroundImgx + 154 && mouseY > 21 && mouseY < 21 + 357){ if(backgroundImgx > 438){ backgroundImgx -= 20; } //changes background images if(mouseIsPressed && mouseX > 443 && mouseX < 443 + 52 && mouseY > 31 && mouseY < 31 + 60){ currentBackgroundImg = backgroundImg2; } else if (mouseIsPressed && mouseX > 443 && mouseX < 443 + 52 && mouseY > 101 && mouseY < 101 + 60) { currentBackgroundImg = backgroundImg; } else if (mouseIsPressed && mouseX > 443 && mouseX < 443 + 52 && mouseY > 171 && mouseY < 171 + 60) { currentBackgroundImg = backgroundImg3; } else if (mouseIsPressed && mouseX > 443 && mouseX < 443 + 52 && mouseY > 241 && mouseY < 241 + 60) { currentBackgroundImg = backgroundImg4; } else if (mouseIsPressed && mouseX > 443 && mouseX < 443 + 52 && mouseY > 241 && mouseY < 311 + 60) { currentBackgroundImg = backgroundImg5; } } //animation for background picker if(mouseX < 419 \|\| mouseY < 21 \|\| mouseY > 378){ if(backgroundImgx < 487){ backgroundImgx += 20; } } } fill(255, 255, 255); textSize(19); if (drawingID === 0 && mouseY !== 0 && mouseX !==0) { text("Female", 3, 27); } else if (drawingID === 1 && mouseY !== 0 && mouseX !== 0){ text("Male", 11, 27); } stroke(0); //thumbnail stuff if(mouseIsPressed && mouseX > 495 && mouseY === 0){ var thumbnail = get(0, 0, 488, 600); background(255, 255, 255); image(thumbnail, 49, 0, 400, 600); } if(pressed() && mouseX > 0 && mouseX < 70 && mouseY > 0 && mouseY < 40 && drawingID === 0){ drawingID = 1; } else if (pressed() && mouseX > 0 && mouseX < 70 && mouseY > 0 && mouseY < 40 && drawingID === 1) { drawingID = 0; } prevKeyPressed = keyIsPressed; prevPressed = mouseIsPressed; };
Folds	26,156,159,281,284,434,441,449,451,1086,1088,1183,1186,1188
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJ3B-Ni_CAw
Votes	395
Spin-Offs	14
Type	PJS
Width	500
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	NitOwl007 [INACTIVE]
Author Name	OnlyOwl1
Author ID	kaid_607413902639112014082643
Author Profile Access	PUBLIC

Archive Data

Added	6 months ago, 1739369774089
Updated	4 months ago, 1744828470292
Source Deleted	unknown