{"name":"Music Note Creator","description":"Use this to hand draw notes on a staff for use with training a teachable machine model.","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/u7ozad9lzg41lhdh0rdf","view_count":4,"fork_count":0,"expires_at":null,"created_at":"2025-11-10T21:14:08.843711Z","updated_at":"2025-11-10T21:14:08.843713Z","user_id":166,"status":"PRIVATE","parent_id":9270,"id":10448,"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 = \"G\";\n\nlet class2Name = \"C\";\n\nlet class3Name = \"F\";\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 drawStaff(); // Initial call to draw the staff once\n}\n\nfunction draw() {\n strokeWeight(12);\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 drawStaff();\n updateButtonNames();\n}\n\nfunction saveClass2() {\n let fileName = 'class_' + class2Name + str(class2Count);\n saveCanvas(fileName, 'png');\n class2Count++;\n background(255);\n drawStaff();\n updateButtonNames();\n\n}\n\nfunction saveClass3() {\n let fileName = 'class_' + class3Name + str(class3Count);\n saveCanvas(fileName, 'png');\n class3Count++;\n background(255);\n drawStaff();\n updateButtonNames();\n\n}\n\nfunction drawStaff() {\n strokeWeight(3); // Set the line weight for the staff\n stroke(0); // Set the line color to black\n let staffY = 80; // Starting Y position for the staff\n let lineSpacing = 25; // Space between staff lines\n\n // Draw the 5 lines of the staff\n for (let i = 0; i < 5; i++) {\n line(10, staffY + i * lineSpacing, width - 10, staffY + i * lineSpacing);\n }\n\n // Add the treble clef symbol\n textSize(150); // Set the size of the text\n text('𝄞', 15, staffY + 4 * lineSpacing); // Position the treble clef\n}\n\nfunction clearCanvas() {\n background(255);\n drawStaff(); // Draw the staff after clearing the canvas\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":10448,"creator":"","cloudinary_id":"u7ozad9lzg41lhdh0rdf","deleted":false,"id":87968,"created_at":"2025-11-10T21:14:00.973249Z","name":"cover3","resource_type":"image","tags":[]},{"project_id":10448,"creator":null,"cloudinary_id":"ifin1udq5mas1kudta6t","deleted":false,"id":87967,"created_at":"2025-11-10T21:02:49.846814Z","name":"cover2","resource_type":"image","tags":[]},{"project_id":10448,"creator":null,"cloudinary_id":"l1fsfikp1xguevbr9utk","deleted":false,"id":87966,"created_at":"2025-11-10T21:02:49.846750Z","name":"cover1","resource_type":"image","tags":[]}],"messages_sent":5,"comments":[],"steps":[]}