{"name":"Custom Doodle Classifier","description":"Build your own DoodleNet! Use this project to set your classes and create doodles to train teachable machine with.","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/ifin1udq5mas1kudta6t","view_count":23,"fork_count":13,"expires_at":null,"created_at":"2025-07-22T14:56:15.243692Z","updated_at":"2025-07-22T14:56:15.243696Z","user_id":166,"status":"PRIVATE","parent_id":6401,"id":9270,"user":{"photo":null,"email":"markivlev@gmail.com","recess_id":"38a987b1-569d-47cc-ae61-0c84198aa65c","created_at":"2024-08-05T03:36:08.774307Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"m_ivlev","id":166,"password_hash":"$2b$12$lM.SwMhsrEJrs7ZjNyj9e.FOyWqAZgNBSeOEkB8gCGEsXkmGPZLu6","updated_at":"2024-08-05T03:36:08.774314Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"/*\nCustom Doodlenet creator\n\nCreates some doodle images that we can use to train an ML model with Teachable machine.\n\nChange the class names according to what you want\n*/\n\nlet class1Button;\n\nlet class2Button;\n\nlet class3Blet\n\nlet class1Count;\n\nlet class2Count;\n\nlet class3Count;\n\nlet eraser;\n\nlet class1Name = \"quarter note\";\n\nlet class2Name = \"half note\";\n\nlet class3Name = \"whole note\";\n\nlet clearCanvasButton;\n\nfunction preload() {\n console.log('preload');\n}\n\nfunction setup() {\n canvas = createCanvas(280, 280);\n canvas.parent(\"canvasDiv\")\n background(255);\n\n // Create 3 buttons\n class1Button = select(\"#class1Btn\");\n class2Button = select(\"#class2Btn\");\n class3Button = select(\"#class3Btn\");\n class1Button.mousePressed(saveClass1);\n class2Button.mousePressed(saveClass2);\n class3Button.mousePressed(saveClass3);\n\n // Initialize and set up the Clear Canvas button\n clearCanvasButton = select(\"#clearCanvasBtn\");\n clearCanvasButton.mousePressed(clearCanvas);\n\n eraser = select(\"#eraser\");\n\n class1Count = 0;\n class2Count = 0;\n class3Count = 0;\n\n updateButtonNames();\n}\n\nfunction draw() {\n strokeWeight(16);\n if (eraser.checked())\n stroke(255)\n else\n stroke(0);\n if (mouseIsPressed) {\n line(pmouseX, pmouseY, mouseX, mouseY);\n }\n}\n\nfunction updateButtonNames() {\n class1Button.html(class1Name + \" (\" + class1Count + \")\")\n class2Button.html(class2Name + \" (\" + class2Count + \")\")\n class3Button.html(class3Name + \" (\" + class3Count + \")\")\n}\n\nfunction saveClass1() {\n let fileName = 'class_' + class1Name + str(class1Count);\n saveCanvas(fileName, 'png');\n class1Count++;\n background(255);\n updateButtonNames();\n}\n\nfunction saveClass2() {\n let fileName = 'class_' + class2Name + str(class2Count);\n saveCanvas(fileName, 'png');\n class2Count++;\n background(255);\n updateButtonNames();\n\n}\n\nfunction saveClass3() {\n let fileName = 'class_' + class3Name + str(class3Count);\n saveCanvas(fileName, 'png');\n class3Count++;\n background(255);\n updateButtonNames();\n\n}\n\nfunction clearCanvas() {\n background(255);\n}\n\n","style.css":"html,\nbody {\n margin: 20px;\n padding: 0;\n font-family: Arial, Helvetica, sans-serif;\n background-color: #EEE;\n}\n\ncanvas {\n display: block;\n margin-bottom: 20px;\n}","index.html":"\n\n\n\n \n \n \n \n \n\n\n\n \n

Doodle Creator

\n\n Eraser\n\n

\n\n \n \n \n \n\n\n\n"},"chat_history":[],"assets":[{"project_id":9270,"creator":null,"cloudinary_id":"l1fsfikp1xguevbr9utk","deleted":false,"id":81641,"created_at":"2025-07-22T14:56:15.413157Z","name":"cover1","resource_type":"image","tags":[]},{"project_id":9270,"creator":null,"cloudinary_id":"ifin1udq5mas1kudta6t","deleted":false,"id":81640,"created_at":"2025-07-22T14:56:15.370376Z","name":"cover2","resource_type":"image","tags":[]}],"messages_sent":1,"comments":[],"steps":[]}