{"name":"Custom DoodleNet","description":"Use your custom doodlenet model in this template!","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/f3qxuyyj1lhif6oxotc2","view_count":18,"fork_count":10,"expires_at":null,"created_at":"2025-03-20T17:48:32.612487Z","updated_at":"2025-03-20T17:48:32.612488Z","user_id":70,"status":"PRIVATE","parent_id":6401,"id":6402,"user":{"photo":null,"email":"kristen@jippity.pro","recess_id":"0c22a63e-e8fa-453f-a493-d113532a13c2","created_at":"2024-03-23T19:20:56.974481Z","reset_token":"GD2dODEjNUbAH88Yx-1HMTa4uc_OUtvTa0c5D-VKUhw","stripe_customer_id":"cus_RPbovGjLueUufv","seats":100,"username":"kris10","id":70,"password_hash":"$2b$12$abwA8Crfrc22ANEFpZErHeQDLvhr9RJOD0lMNLh7PJGrAn7M//qEC","updated_at":"2024-03-23T19:20:56.974485Z","reset_token_expiry":"2025-01-14T23:32:05.455609","subscription_status":"active"},"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/5wjvgb7OZ\";\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":[],"assets":[{"cloudinary_id":"f3qxuyyj1lhif6oxotc2","name":"cover3","deleted":false,"id":62112,"created_at":"2025-03-20T17:48:22.819289Z","project_id":6402,"resource_type":"image"},{"cloudinary_id":"l1fsfikp1xguevbr9utk","name":"cover1","deleted":false,"id":62094,"created_at":"2025-03-20T17:36:30.196955Z","project_id":6402,"resource_type":"image"},{"cloudinary_id":"ifin1udq5mas1kudta6t","name":"cover2","deleted":false,"id":62093,"created_at":"2025-03-20T17:36:30.171950Z","project_id":6402,"resource_type":"image"}],"messages_sent":2,"comments":[],"steps":[]}