{"name":"Custom DoodleNet","description":"Use your custom doodlenet model in this template!","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/f3qxuyyj1lhif6oxotc2","view_count":11,"fork_count":0,"expires_at":null,"created_at":"2025-07-22T15:36:09.352902Z","updated_at":"2025-07-22T15:36:09.352902Z","user_id":697,"status":"PUBLIC","parent_id":6402,"id":9322,"user":{"photo":null,"email":"aicamper10@alpha.school","recess_id":null,"created_at":"2025-06-23T00:33:34.641715Z","reset_token":null,"stripe_customer_id":null,"seats":0,"username":"aicamper10","id":697,"password_hash":"$2b$12$/NbDSAmD6GHPC3fcESfCteu/bga18FYiV5T1k/SDvevDf92Gj01GC","updated_at":"2025-06-23T00:33:34.641718Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"// Initialize the Image Classifier method with DoodleNet.\nlet classifier;\n\n// Two variable to hold the label and confidence of the result\nlet labelSpan;\n\nlet confidenceSpan;\n\nlet modelSpan;\n\n// Buttons\nlet clearButton;\n\nlet classifyButton;\n\nlet eraser;\n\n// Configuration\nlet config;\n\nlet modelName;\n\n// Replace this with your Teachable Machine link!\nlet myModel = \"https://teachablemachine.withgoogle.com/models/xFqOEsJ_z\";\n\nfunction setup() {\n createCanvas(280, 280);\n background(255);\n\n // Create spans to hold results\n label1Span = select(\"#label1\");\n confidence1Span = select(\"#confidence1\");\n label2Span = select(\"#label2\");\n confidence2Span = select(\"#confidence2\");\n label3Span = select(\"#label3\");\n confidence3Span = select(\"#confidence3\");\n\n eraser = select(\"#eraser\");\n\n // Load the model and initialize the classifier\n classifier = ml5.imageClassifier(myModel + \"/model.json\", modelReady);\n\n // Create a clear canvas button\n clearButton = select(\"#clearBtn\");\n clearButton.mousePressed(clearCanvas);\n\n // Create a classify button\n classifyButton = select(\"#classifyBtn\");\n classifyButton.mousePressed(classify);\n}\n\n// Draw is called repeatedly\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\n// Called when the Classify button is called\nfunction classify() {\n // Classify the current image\n classifier.classify(canvas, gotResult);\n}\n\n// Called when the Clear Canvas button is pressed\nfunction clearCanvas() {\n background(255);\n}\n\n// A function to run when we get any errors and the results\nfunction gotResult(error, results) {\n // Display error in the console\n if (error) {\n console.error(error);\n return;\n }\n\n print(results)\n\n // Show the first label and confidence\n label1Span.html(results[0].label);\n confidence1Span.html(floor(100 * results[0].confidence));\n\n label2Span.html(results[1].label);\n confidence2Span.html(floor(100 * results[1].confidence));\n\n label3Span.html(results[2].label);\n confidence3Span.html(floor(100 * results[2].confidence));\n}\n\nfunction modelReady() {\n console.log('Model Loaded!');\n}\n\n","style.css":"html, body {\n margin: 20px;\n padding: 0;\n font-family: Arial, Helvetica, sans-serif;\n background-color: #EEE;\n}\ncanvas {\n display: block;\n margin-bottom:20px;\n}\n","index.html":"\n\n\n\n doodle draw\n \n \n \n \n \n\n\n\n \n

Doodle Classifier

1. Draw a picture.

2. Press the Classify button.

\n \n \n Eraser\n

(%)

\n\n\n\n\n"},"chat_history":[{"message":"Let's get started!\n Errors:\n","project_id":9322,"created_at":"2025-07-22T15:34:19.226224Z","output_tokens":null,"sender":"client_script","code_id":271595,"deleted":0,"input_tokens":null,"id":162840},{"message":"Great! You already have a drawing and classification setup using p5.js and ml5.js. Could you tell me a bit more about what you'd like to build or add to your project? Are you thinking of making a game, an interactive tool, or something else entirely?","project_id":9322,"created_at":"2025-07-22T15:34:21.423975Z","output_tokens":62,"sender":"ai","code_id":271595,"deleted":0,"input_tokens":3577,"id":162841}],"assets":[{"project_id":9322,"creator":null,"cloudinary_id":"ifin1udq5mas1kudta6t","deleted":false,"id":81751,"created_at":"2025-07-22T15:33:38.674042Z","name":"cover2","resource_type":"image","tags":[]},{"project_id":9322,"creator":null,"cloudinary_id":"l1fsfikp1xguevbr9utk","deleted":false,"id":81750,"created_at":"2025-07-22T15:33:38.630085Z","name":"cover1","resource_type":"image","tags":[]},{"project_id":9322,"creator":null,"cloudinary_id":"f3qxuyyj1lhif6oxotc2","deleted":false,"id":81749,"created_at":"2025-07-22T15:33:38.585102Z","name":"cover3","resource_type":"image","tags":[]}],"messages_sent":0,"comments":[],"steps":[]}