Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	AI Challenge [2]
ID	5091716547854336
Created	3 days ago, 1744752951253
Updated	3 days ago, 1744753021330
Code	<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>AI Challenge [2]</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&family=Outfit:wght@100..900&display=swap" rel="stylesheet"> <!-- CODARU LOGO --> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <defs> <symbol id="logo" width="154" height="355" viewBox="0 0 154 355" fill="none"> <path d="M78.9111 0.50167C79.4961 0.47547 80.0721 0.52387 80.6261 0.71907C87.3331 3.07907 99.9011 17.853 104.185 24.2542C106.225 27.3022 107.877 30.5582 109.412 33.8832C118.567 26.4334 131.888 21.7152 143.494 20.0835C146.06 19.7227 149.531 19.1761 151.723 20.9052C152.742 21.7093 152.967 23.6273 153.096 24.8495C153.474 28.4277 153.206 32.2719 153.198 35.8763L153.175 56.916L153.237 91.887C153.254 102.11 153.877 112.737 151.699 122.789C151.424 124.084 151.112 125.37 150.762 126.647C150.411 127.924 150.024 129.189 149.6 130.443C149.176 131.697 148.716 132.938 148.22 134.165C147.723 135.392 147.191 136.604 146.624 137.8C146.057 138.996 145.455 140.175 144.818 141.336C144.182 142.497 143.513 143.638 142.81 144.76C142.107 145.882 141.371 146.982 140.604 148.061C139.837 149.14 139.039 150.196 138.21 151.228C124.322 168.431 106.699 176.486 85.0511 178.807C84.6941 187.231 84.8461 195.691 84.8481 204.122L84.9031 242.254L84.9401 343.6C87.0221 344.98 114.758 342.925 119.971 344.263C120.941 344.512 121.786 345.032 122.292 345.921C123.114 347.364 123.088 350.032 122.66 351.606C122.399 352.569 121.883 353.487 120.986 353.984C119.791 354.647 117.857 354.631 116.511 354.678C111.086 354.87 105.6 354.705 100.168 354.701L69.0161 354.684L51.6603 354.712C47.7166 354.723 42.029 355.34 38.3516 354.268C37.4235 353.998 36.7562 353.316 36.317 352.473C35.513 350.93 35.3574 348.654 35.9218 347.011C36.2585 346.03 37.0144 344.796 38.0189 344.396C40.2721 343.498 44.1407 343.961 46.5753 343.964C50.0528 343.969 72.5351 344.599 74.3501 343.61C74.3911 343.587 74.4311 343.561 74.4721 343.536C74.2171 332.895 74.4241 322.209 74.3721 311.562C74.3381 308.175 74.3658 304.789 74.4551 301.404C74.0101 301.46 73.5671 301.477 73.1201 301.415C69.8741 300.968 66.5811 299.832 63.4961 298.733C46.7307 292.758 31.0243 281.12 20.2028 267.012C18.9162 265.354 17.685 263.656 16.5094 261.918C15.3338 260.18 14.2162 258.405 13.1566 256.594C12.097 254.783 11.0977 252.939 10.1587 251.062C9.21966 249.185 8.34292 247.28 7.52852 245.346C6.71412 243.413 5.96372 241.454 5.27732 239.471C4.59092 237.488 3.97006 235.485 3.41472 233.461C2.85932 231.438 2.37062 229.398 1.94862 227.342C1.52662 225.287 1.17219 223.22 0.885322 221.141C0.357422 217.018 0.00312057 212.816 0.546921 208.681C1.78942 209.242 5.30642 209.06 6.84672 209.252C29.9439 212.13 51.2865 227.802 65.1171 245.869C67.1131 248.476 69.2511 251.256 70.8981 254.094C72.0671 256.109 72.9341 258.616 74.3811 260.421C74.4171 260.466 74.4551 260.511 74.4921 260.556C74.6121 254.109 74.4231 247.62 74.4181 241.167V199.787C74.4111 192.719 74.1821 185.603 74.4391 178.543C59.9891 178.36 44.3828 172.011 33.1127 163.148C18.8896 151.964 8.70712 135.182 6.56212 117.092C5.76942 110.407 5.98322 103.683 5.99562 96.966L6.02122 70.885L5.95672 41.2004C5.94082 36.0334 5.65332 30.6922 6.00592 25.5426C6.10422 24.1075 6.36452 21.7428 7.30852 20.6333C7.98502 19.8381 9.35672 19.5669 10.3413 19.4848C12.5784 19.2983 15.0023 19.7779 17.2076 20.1585C27.9106 22.0056 41.3407 26.6851 49.6339 33.8382L49.6663 33.7467C53.3386 23.5702 69.1981 5.08607 78.9111 0.50167Z" fill="#282A2C"/> <path d="M79.2981 12.4097C79.3341 12.422 79.3711 12.4311 79.4051 12.4465C80.5771 12.9761 82.0741 14.6555 83.0321 15.5562C90.2611 22.3548 96.9991 30.8429 100.968 39.9769C91.5331 49.3969 84.6411 58.8413 79.8581 71.4271C74.4621 58.7004 68.0871 49.4831 57.9751 40.1196C63.3721 28.1526 70.0931 21.4228 79.2981 12.4097Z" fill="#FAB0A4"/> <path d="M11.707 220.76C15.8752 222.768 20.5738 223.982 24.8399 225.895C36.5497 231.148 47.5551 240.282 55.3731 250.445C62.9191 260.253 67.6981 270.515 71.2241 282.333C71.8871 284.553 73.1741 287.859 72.8761 290.147L72.6401 290.254C70.5221 290.282 67.8811 289.117 65.9331 288.361C64.5931 287.84 63.2671 287.287 61.9551 286.702C60.6425 286.116 59.3448 285.499 58.0621 284.85C56.7801 284.201 55.5148 283.521 54.2661 282.81C53.0169 282.098 51.786 281.357 50.5734 280.586C49.3608 279.814 48.1679 279.014 46.9945 278.184C45.8212 277.354 44.6689 276.495 43.5377 275.609C42.4065 274.722 41.2976 273.808 40.2111 272.868C39.1247 271.926 38.0619 270.959 37.0229 269.967C26.4478 259.982 19.2627 247.674 14.6572 233.97C13.239 229.749 11.8377 225.231 11.707 220.76Z" fill="#99CE80"/> <path d="M141.95 31.0698L142.322 31.1045C142.427 31.2959 142.511 31.487 142.543 31.7056C142.877 33.9698 142.613 36.7163 142.621 39.0289L142.646 55.9285L142.697 91.2138C142.726 100.786 143.312 110.737 141.429 120.17C139.795 128.352 136.072 136.446 131.118 143.129C119.739 158.48 104.156 165.541 85.747 168.301L85.218 168.206C85.162 168.081 85.105 167.947 85.072 167.814C84.553 165.733 84.973 152.149 84.972 149.157L84.967 116.536C84.968 110.42 84.831 104.267 85.045 98.1578C85.145 94.6805 85.4853 91.2268 86.066 87.7968C86.4473 85.6095 86.9337 83.4455 87.525 81.3048C88.117 79.1648 88.8113 77.0585 89.608 74.9858C90.4047 72.9132 91.3 70.8838 92.294 68.8978C93.288 66.9125 94.3764 64.98 95.559 63.1004C106.316 46.1018 122.426 35.4461 141.95 31.0698Z" fill="#FCC4B3"/> <path d="M106.578 72.2422C106.619 72.2552 106.661 72.2662 106.701 72.2802C107.567 72.5782 108.256 73.0102 108.964 73.5862C112.542 76.4922 115.698 80.0122 119.005 83.2232C121.913 86.0452 125.088 88.6872 127.73 91.7602C128.547 92.7102 129.124 93.7332 129.686 94.8442C129.185 96.0012 128.574 96.9832 127.763 97.9442C125.368 100.781 122.38 103.274 119.701 105.852C115.758 109.649 111.944 113.637 107.687 117.084C107.279 117.361 106.821 117.509 106.361 117.681C104.925 117.651 103.363 116.396 102.344 115.433C101.354 114.495 99.957 112.934 100.017 111.463C100.117 109.009 113.315 97.3502 115.697 95.0632C112.735 92.0262 102.701 82.8632 101.133 79.9782C100.695 79.1712 100.727 78.1912 101.008 77.3382C101.799 74.9442 104.442 73.3242 106.578 72.2422Z" fill="#282A2C"/> <path d="M16.311 30.4956C19.8952 31.5855 23.5484 32.3789 27.1114 33.567C36.4272 36.6737 44.6834 41.9548 51.8026 48.6677C63.7588 59.9416 72.1168 75.0848 73.9688 91.5478C74.9908 100.629 74.5308 110.066 74.5378 119.205L74.4978 149.764C74.4698 155.938 74.2928 162.146 74.4738 168.317C60.0418 166.641 47.3007 161.827 36.3279 152.075C35.2461 151.094 34.2013 150.075 33.1933 149.019C32.1855 147.962 31.2171 146.87 30.2883 145.744C29.3595 144.617 28.4727 143.458 27.6279 142.267C26.7831 141.076 25.9825 139.856 25.2261 138.607C24.4698 137.357 23.7596 136.083 23.0956 134.783C22.4317 133.482 21.8157 132.159 21.2476 130.814C20.6796 129.468 20.1609 128.104 19.6917 126.722C19.2225 125.339 18.804 123.941 18.4361 122.528C15.6598 111.624 16.4068 100.044 16.4219 88.8738L16.4119 53.8463C16.442 46.1078 16.7646 38.2164 16.311 30.4956Z" fill="#FAB0A4"/> <path d="M52.104 72.7621C52.5688 72.7271 53.0454 72.6921 53.5111 72.7191C54.6901 72.7871 55.7281 73.4961 56.4861 74.3581C57.4151 75.4131 58.9921 77.5191 58.8271 78.9751C58.4881 81.9821 46.2936 92.4141 43.4207 94.8931C46.1905 97.2151 58.0351 108.125 59.0421 110.798C59.2971 111.475 59.0371 112.293 58.7231 112.905C57.6891 114.912 55.2971 117.044 53.1534 117.718C53.0589 117.692 52.9655 117.663 52.8736 117.629C49.7848 116.511 34.5056 100.763 31.8058 97.4731C31.0382 96.5371 30.4827 95.5501 29.9561 94.4651C31.685 90.9991 48.5389 74.5121 52.104 72.7621Z" fill="#282A2C"/> </symbol> </defs> </svg> <style> body { margin: 0; text-align: center; background-color: #F8F4DC; color: #5D8E4C; } #header { display: flex; align-items: center; justify-content: center; margin: 0px 86px -60px 40px; user-select: none; padding-top: 40px; } h1 { font-family: "League Spartan"; font-size: 72px; color: #1B1D21; } h2 { font-family: "Outfit"; font-size: 30px; color: #1B1D21; font-weight: 700; background-color: #5D8E4C; display: inline-block; padding: 10px 20px; border-radius: 20px; color: white; user-select: none; } p { font-family: "Outfit"; font-weight: 400; font-size: 20px; margin: 12px 40px; } canvas { width: 60px; } #avatars { display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 36px; } #avatars canvas { animation: floatUpDown 2s ease-in-out infinite; } .float { display: inline-block; animation: floatUpDown 2s ease-in-out infinite; } @keyframes floatUpDown { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); /* Back to original position / } } / Simple custom scrollbar (WebKit only) / ::-webkit-scrollbar { width: 8px; } ::-webkit-scrollbar-track { background: #dfdcc4; } ::-webkit-scrollbar-thumb { background-color: #5D8E4C; border-radius: 4px; } </style> <script src="https://cdn.jsdelivr.net/gh/marshmallow-asylum/codaru@0.0.12/ka/ImageQueue.js"></script> <!-- credit to Arrow @Arrow.programming for this improved snippet --> <!-- image.js --> <script type="module" defer> const queue = new ImageQueue(null, "0.0.12"); function updateImage(canvas) { const name = [...canvas.classList].find(cls => cls.startsWith("img-")).split("-")[1]; queue.get(name).then(bitmap => { canvas.width = bitmap.width; canvas.height = bitmap.height; canvas.getContext("2d").drawImage(bitmap, 0, 0); }).catch(console.error); } async function changeImage(canvas, name) { canvas.className = `img-${name}`; await updateImage(canvas); } //One of the few ways to do this. On content load... document.addEventListener("DOMContentLoaded", () => { document.querySelectorAll("canvas[class^='img-']").forEach(updateImage) setInterval(() => document.querySelectorAll("canvas[class^='img-']").forEach(updateImage), 100); }); //the magic! window.queue = queue; window.updateImage = updateImage; window.changeImage = changeImage; //<script> </script> </head> <body> <div id="header"> <canvas class="img-logo" style="width: 120px; margin-right: -20px" style="animation-delay: 0.4s"></canvas> <div > <h1>codaru</h1> </div> </div> <div style="margin: 40px"> <h2>ai challenge</h2> <p><b>Time for a real challenge: implement A pathfinding in a program, due on the 28th.</b></p> <p>Woah, woah, woah. That sounds complicated.</p> <p>Even if you're familiar with the algorithm, smoothing it into a game or graphic in thirteen days is going to be a challenge - which is why we're going to help you out a bit.</p> <p>Developers all over the world use AI to expedite project times, explain concepts they don't understand, and debug.</p> <p><b>Now, it's your turn.</b></p> <p>We've provided you with a set of <a href="https://www.khanacademy.org/computer-programming/new-program/5557585241554944" target="_blank">starter code</a> for the A* algorithm. Well, we got an AI to.</p> <p>Your task is to use AI - through the snippet we prepared for you - to create your project.</p> <p>Your entry <b>must include</b> this code, and you <b>must use it</b> in the project.</p> <p></p> <h2>ideas</h2> <p>Obviously, there's a lot to work with here. Let's get you some <b>ideas</b> to get started.</p> <p><b>Maze creator and solver</b>: create a maze and solve it using A, then add some cool visual animations.</p> <p><b>Dodge game, upgraded</b>: create a dodge game with enemies that follow the player around obstacles using A, instead of just turning in their direction and moving forward.</p> <p><b>Better NPCs</b>: turn up the intelligence of your NPCs with A.</p> <p><b>Art creator</b>: make a project that moves a brush across a grid, creating unique patterns.</p> <p><b>A, visualized</b>: create a simulation that allows the user to draw obstacles on a grid, then display the results at different speeds and with fun colors.</p> <h2>rubric</h2> <p><b>Did you follow the theme?</b> (Yes/No)</p> <p><b>Is your code clean?</b> (Yes/No)</p> <p><b>How good is your idea?</b> (-/10)</p> <p><b>How good does the idea look?</b> (-/10)</p> <p><b>How well was the idea implemented?</b> (-/10)</p> <br> <p><b>You are required to run your project by a captain or vice captain before you submit for internal review.</b> They should have a pipeline set up for this purpose, so check with them for details on submission.</p> <p>Judges will be providing you with detailed feedback on each entry. Use this to improve your future projects!</p> <h2>deadline: April 28</h2> </div> <script></script> <!-- Bluebird@kaid_157624541333313939750668 --> <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.4.1/dist/html2canvas.min.js"></script> <script type> var r = 600; var s = document.documentElement.clientWidth; window.parent.html2canvas = e => { try { html2canvas(document.body, { width: s, height: s, useCORS: true, onclone: e => e.getAnimations().forEach(a => { try { a.finish() } catch {} }) }).then(e => { var c = document.createElement("canvas"); c.width = r; c.height = r; c.getContext('2d').drawImage(e, 0, 0, e.width, e.height, 0, 0, r, r); window.top.postMessage(c.toDataURL(), ""); }).catch(e => { alert("Thumbnail Script Error: " + e); }); } catch { window.top.postMessage(document.createElement("canvas").toDataURL(), "*"); } }; </script> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIehutyFCQw
Votes	18
Spin-Offs	0
Type	WEBPAGE
Width	400
Height	600
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	s'morez
Author Name	smorez.ka
Author ID	kaid_5187606270616169529910303
Author Profile Access	PUBLIC

Archive Data

Added	3 days ago, 1744771876503
Updated	3 days ago, 1744771948380
Source Deleted	unknown