Head Tracker Adventure

{"name":"AI Image Classification Demo","description":"","photo":"https://res.cloudinary.com/dzv7hjwfn/image/upload/zcaz9g6idmfatgyovz3a","view_count":2,"fork_count":0,"expires_at":null,"created_at":"2025-03-20T18:29:30.893316Z","updated_at":"2025-03-20T18:29:30.893320Z","user_id":178,"status":"PRIVATE","parent_id":4603,"id":6416,"user":{"photo":null,"email":null,"recess_id":"9dd5c948-6b3c-40d4-a34e-53634b699690","created_at":"2024-08-19T18:22:06.491746Z","reset_token":null,"stripe_customer_id":null,"seats":null,"username":"bill_cipher","id":178,"password_hash":null,"updated_at":"2024-08-19T18:22:06.491753Z","reset_token_expiry":null,"subscription_status":null},"code":{"script.js":"let classifier;\n\nlet img;\n\nlet img2;\n\nlet img3;\n\nlet label = \"\";\n\nlet confidence = \"\";\n\nlet currentImage;\n\n// Add a new global variable to store the uploaded image\nlet uploadedImage;\n\nfunction preload() {\n classifier = ml5.imageClassifier(\"MobileNet\");\n img = loadImage(\"@asset('chico')\");\n img2 = loadImage(\"@asset('worldMap')\");\n img3 = loadImage(\"@asset('chickens')\");\n}\n\n// Modify the setup function to add an event listener for the file input\nfunction setup() {\n createCanvas(windowWidth, windowHeight);\n currentImage = img;\n classifyImage();\n\n const imageUploader = document.getElementById('imageUploader');\n imageUploader.addEventListener('change', handleImageUpload);\n}\n\nfunction classifyImage() {\n background(255);\n image(currentImage, 0, 0);\n fill(0);\n textSize(18);\n text(\"Loading...\", 10, height - 20);\n classifier.classify(currentImage, gotResult);\n}\n\nfunction mousePressed() {\n if (currentImage === img) {\n currentImage = img2;\n } else if (currentImage === img2) {\n currentImage = img3;\n } else {\n currentImage = img;\n }\n classifyImage();\n}\n\nfunction gotResult(results) {\n console.log(results);\n\n background(255); // Clear the canvas\n image(currentImage, 0, 0);\n fill(255); // White background for text\n rect(0, 0, 200, 50); // Draw white rectangle for text background\n fill(0);\n textSize(18);\n label = \"Label: \" + results[0].label;\n confidence = \"Confidence: \" + nf(results[0].confidence, 0, 2);\n text(label, 10, 20);\n text(confidence, 10, 40);\n}\n\n// Add a new function to handle the uploaded image\nfunction handleImageUpload(event) {\n const file = event.target.files[0];\n if (file) {\n const reader = new FileReader();\n reader.onload = function (e) {\n uploadedImage = loadImage(e.target.result, classifyUploadedImg);\n }\n reader.readAsDataURL(file);\n }\n}\n\n// Add a new function to classify the uploaded image\nfunction classifyUploadedImg() {\n currentImage = uploadedImage;\n classifyImage();\n}\n\n","style.css":"body { margin: 0; } canvas { display: block; }","index.html":"\n\n\n\n \n \n Head Tracker Adventure\n \n \n \n\n\n\n \n Click to switch images!\n \n

\n Want to try your own image?\n \n

\n Works best on real photos, not art/drawings.\n

\n \n\n\n"},"chat_history":[],"assets":[{"project_id":6416,"creator":null,"cloudinary_id":"d7gj9cp829piqdzryfiv","deleted":false,"id":62172,"created_at":"2025-03-20T18:29:30.907326Z","name":"chico","resource_type":"image","tags":null},{"project_id":6416,"creator":null,"cloudinary_id":"zcaz9g6idmfatgyovz3a","deleted":false,"id":62171,"created_at":"2025-03-20T18:29:30.905630Z","name":"thumbnail1","resource_type":"image","tags":null},{"project_id":6416,"creator":null,"cloudinary_id":"a5lkotluv2tsxpznyb9s","deleted":false,"id":62170,"created_at":"2025-03-20T18:29:30.903861Z","name":"chicoPixel","resource_type":"image","tags":null},{"project_id":6416,"creator":null,"cloudinary_id":"qkeltofywwpkek1jousr","deleted":false,"id":62169,"created_at":"2025-03-20T18:29:30.902072Z","name":"worldMap","resource_type":"image","tags":null},{"project_id":6416,"creator":null,"cloudinary_id":"phfgzrysav7xuqine65k","deleted":false,"id":62168,"created_at":"2025-03-20T18:29:30.900304Z","name":"chickens","resource_type":"image","tags":null}],"messages_sent":0,"comments":[],"steps":[]}