<!DOCTYPE html><html lang="en-US"> <head> <title>Play Doodle Jump Unblocked Online</title> <!-- Standard Setup --> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!-- Descriptive Meta Tags --> <meta name="description" content="Play Doodle Jump for free online in HTML5. Let's travel with the cartoon character as high as possible (support mobile devices)" /> <meta name="keywords" content="Play Doodle Jump Unblocked Online" /> <meta name="author" content="w3technic" /> <!-- Open Graph / Twitter --> <meta property="og:type" content="website" /> <meta property="og:url" content="https://doodlejump.org" /> <meta property="og:site_name" content="Doodle Jump" /> <meta property="og:title" content="Play Doodle Jump Unblocked Online" /> <meta property="og:description" content="Play Doodle Jump for free online in HTML5. Let's travel with the cartoon character as high as possible (support mobile devices)" /> <meta property="og:image" content="https://doodlejump.io/feature-image.jpeg" /> <meta name="twitter:image:alt" content="Play Doodle Jump Unblocked Online" /> <meta name="twitter:card" content="summary_large_image" /> <!-- For the Robots --> <meta name="robots" content="all" /> <meta name="revisit-after" content="7 days" /> <!-- Canonical + Favicon --> <link rel="canonical" href="https://doodlejump.org" /> <link rel="home" href="https://doodlejump.org" /> <link rel="shortcut icon" href="favicon.ico" /> <link rel="icon" type="image/x-icon" sizes="16x16" href="favicon.ico" /> <link rel="icon" type="image/png" sizes="180x180" href="images/doodle-jump-game-icon-180.png" /> <!-- iOS Web App Specific --> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-title" content="Doodle Jump" /> <link rel="apple-touch-icon" sizes="180x180" href="images/doodle-jump-game-icon-180.png" /> <!-- Android Web App Specific --> <meta name="mobile-web-app-capable" content="yes" /> <meta name="application-name" content="Doodle Jump" /> <meta name="theme-color" content="#0e0e0e" /> <link rel="manifest" href="doodle-jump.json" /> <!-- CSS --> <link rel="stylesheet" type="text/css" href="css/core-game-site.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/gracehuynhh/doodlejump/w3navigation.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simple-notify@0.5.5/dist/simple-notify.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/gracehuynhh/doodlejump/styles.css?v=1" /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6875580793823494" crossorigin="anonymous"></script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-6TTZJCEX5G"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-6TTZJCEX5G'); </script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6875580793823494" crossorigin="anonymous"></script> <style> } .ad { outline: 1px solid #333; background-color: #333; overflow: hidden;}.adsbygoogle { display: inline-block;}.ad.skyscraper1,.ad.skyscraper2,.ad.skyscraper1 .adsbygoogle,.ad.skyscraper2 .adsbygoogle { width: 160px; height: 600px;}.ad.skyscraper1 { position: absolute; top: 50%; margin-top: -300px; left: 0;}.ad.skyscraper2 { position: absolute; top: 50%; margin-top: -300px; right: 0;}.ad.mobile,.ad.mobile .adsbygoogle { display: block; width: 100%; height: 50px;}.ad.mobile { position: absolute; bottom: 0; bottom: env(safe-area-inset-bottom); width: 100%; margin: 0; overflow: hidden;}.ad.mobile .adsbygoogle { margin: 0 auto;}@media (min-width: 1261px) { .ad.skyscraper1 { margin-left: 110px; } .ad.skyscraper2 { margin-right: 110px; }}@media (max-width: 795px) and (min-height: 661px) { .ad.skyscraper2, .ad.skyscraper1 { display: none; }}@media (max-height: 800px) { .ad.skyscraper1, .ad.skyscraper2 { margin-top: -270px; }}@media (max-height: 660px) { .ad.skyscraper1, .ad.skyscraper2 { margin-top: -300px; }}@media (max-width: 540px) { .ad.skyscraper1, .ad.skyscraper2 { display: none; } .neave, .mute { display: block; }} @media (max-height: 520px) { .ad.mobile, .ad.skyscraper1, .ad.skyscraper2 { display: none; } .neave, .mute { display: block; } .mobile .game, .game { top: 60px; margin-top: 0; } .mobile .scores, .scores { top: 380px; margin-top: 0; padding-bottom: 0; }}@media (max-width: 350px) { .scores .swap { display: none; }}@media (min-width: 421px) and (max-height: 450px) { .mobile .game, .game { top: 10px; } .mobile .scores, .scores { top: 320px; }} </style></head> <body> <div class="settings"> <div class="details"> <label for="price">Show arrows </label> <input type="checkbox" id="is-show" value="Bike"> <div class="break"></div> <label for="price">Size </label> <div class="break"></div> <input type="range" id="arrow-size" min="10" max="200" step="1" value="50"> <output id="arrow-size-output" for="arrow-size"></output>px <div class="break"></div> <label for="price">Margin </label> <div class="break"></div> <input type="range" id="arrow-margin" min="5" max="300" step="1" value="50"> <output id="arrow-margin-output" for="margin-size"></output>px <div class="break"></div> <div class="break"></div> <label for="price">Opacity </label> <div class="break"></div> <input type="range" id="arrow-opacity" min="0.1" max="1" step="0.1" value="0.4"> <output id="arrow-opacity-output" for="arrow-opacity"></output>f <div class="break"></div> <button id="close-settings" class="close">Close</button> <button id="default-settings" class="close">Default</button> </div> </div> <aside> <div id="full-screen-game-div-button"> <!-- Full Screen Game Button --> <nav> <div id="fullscreen-btn" onclick="fullScreenMode()"><svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"> <path fill="#fff" d="M24 9h-2v-5h-7v-2h9v7zm-9 13v-2h7v-5h2v7h-9zm-15-7h2v5h7v2h-9v-7zm9-13v2h-7v5h-2v-7h9z" /> </svg></div> </nav> <!-- End Full Screen Game Button --> </div> </aside> <!-- Side Navigation --> <nav> <div id="side-navigation"> <div id="menuToggle"> <input type="checkbox" aria-label="Show or Hide Menu" id="checkbox1" /> <span></span> <span></span> <span></span> <div id="menu-container"> <div id="scrollable-container"> <div id="left-column"> <!-- Nav Success --> <ul id="menu1"> <li style="text-align:center"> <h1>Doodle Jump </h1> </li> <ul class="submenu"> <li><a href="https://doodlejump.org/blog">Blog</a></li> <li><a href="https://facebook.com/doodlejump.io">Facebook</a></li> </ul> <li><img alt="Tumblr" src="/images/blog.png" height="48px" width="48px"> <a href="https://blog.doodlejump.io/">Tumblr</a></li> </ul> </div> <div id="menu-bottom"> <p></p> </div> </div> </div> </div> </div> </nav> <!-- End Side Navigation --> <div id="right-slide"> <div class="panel home"> <div class="panel-heading"> <h2 class="panel-title gradient"> Doodle Jump </h2> </div> <div class="panel-body"> <p>To play Doodle Jump simply move left to right to reach the platforms. Left-click to shoot ✌</p> <p>The gameplay is endless, so jump for as long as possible to achieve your greatest score.</p> </div> </div> </div> <label style="display:none"> Highscore <input id="highscore" type="text" /> </label> <script src="js/screenfull.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/simple-notify@0.5.5/dist/simple-notify.min.js"></script> <script> // Detect click on F key - Toggle Full Screen Mode on/off document.addEventListener("keydown", keyDownHandler, false); function keyDownHandler(keypress) { if (keypress.key == "f" && screenfull.isEnabled) { screenfull.toggle(); } else {} } // Function to toggle full screen mode on/off - activated when full screen icon is clicked function fullScreenMode() { if (screenfull.isEnabled) { screenfull.toggle(); } else { alert("Full screen mode is not possible on this device sadly. But 'Add to Home Screen' works nicely."); var fsb = document.getElementById("full-screen-button"); var hm = document.getElementById("header-message"); var footernav = document.getElementById("footer-navigation"); fsb.style.display = "none"; hm.style.display = "none"; footernav.style.display = "none"; } } // Set the options globally // to make LazyLoad self-initialize window.lazyLoadOptions = { // Your custom settings go here }; </script> <div class="version"> <div id="settings-btn"> <svg fill="white" width="48px" height="48px" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" class="icon"> <path d="M924.8 625.7l-65.5-56c3.1-19 4.7-38.4 4.7-57.8s-1.6-38.8-4.7-57.8l65.5-56a32.03 32.03 0 0 0 9.3-35.2l-.9-2.6a443.74 443.74 0 0 0-79.7-137.9l-1.8-2.1a32.12 32.12 0 0 0-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85a32.05 32.05 0 0 0-25.8-25.7l-2.7-.5c-52.1-9.4-106.9-9.4-159 0l-2.7.5a32.05 32.05 0 0 0-25.8 25.7l-15.8 85.4a351.86 351.86 0 0 0-99 57.4l-81.9-29.1a32 32 0 0 0-35.1 9.5l-1.8 2.1a446.02 446.02 0 0 0-79.7 137.9l-.9 2.6c-4.5 12.5-.8 26.5 9.3 35.2l66.3 56.6c-3.1 18.8-4.6 38-4.6 57.1 0 19.2 1.5 38.4 4.6 57.1L99 625.5a32.03 32.03 0 0 0-9.3 35.2l.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1a32.12 32.12 0 0 0 35.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4a32.05 32.05 0 0 0 25.8 25.7l2.7.5a449.4 449.4 0 0 0 159 0l2.7-.5a32.05 32.05 0 0 0 25.8-25.7l15.7-85a350 350 0 0 0 99.7-57.6l81.3 28.9a32 32 0 0 0 35.1-9.5l1.8-2.1c34.8-41.1 61.6-87.5 79.7-137.9l.9-2.6c4.5-12.3.8-26.3-9.3-35zM788.3 465.9c2.5 15.1 3.8 30.6 3.8 46.1s-1.3 31-3.8 46.1l-6.6 40.1 74.7 63.9a370.03 370.03 0 0 1-42.6 73.6L721 702.8l-31.4 25.8c-23.9 19.6-50.5 35-79.3 45.8l-38.1 14.3-17.9 97a377.5 377.5 0 0 1-85 0l-17.9-97.2-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9-93.4 33.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5 0-15.3 1.2-30.6 3.7-45.5l6.5-40-75.5-64.5c11.3-26.1 25.6-50.7 42.6-73.6l93.4 33.2 31.4-25.9c23.7-19.5 50.2-34.9 78.7-45.7l37.9-14.3 17.9-97.2c28.1-3.2 56.8-3.2 85 0l17.9 97 38.1 14.3c28.7 10.8 55.4 26.2 79.3 45.8l31.4 25.8 92.8-32.9c17 22.9 31.2 47.6 42.6 73.6L781.8 426l6.5 39.9zM512 326c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm79.2 255.2A111.6 111.6 0 0 1 512 614c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 0 1 400 502c0-29.9 11.7-58 32.8-79.2C454 401.6 482.1 390 512 390c29.9 0 58 11.6 79.2 32.8A111.6 111.6 0 0 1 624 502c0 29.9-11.7 58-32.8 79.2z" /> </svg> </div> <a href="/">v2.0.2</a> | <a href="html5">Doodle Jump HTML5</a> </div> <div class="ad skyscraper1"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6875580793823494" crossorigin="anonymous"></script> <!-- doodlejumo.io.left.vertical --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6875580793823494" data-ad-slot="4478798261" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div><!--------<div class="ad skyscraper2"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6875580793823494" crossorigin="anonymous"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6875580793823494" data-ad-slot="4478798261" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div>-------------------> <div id="virtual-key" class="keyboard"> <button id="left-btn"> < </button> <button id="right-btn">></button> </div> <script defer src="https://cdnjs.cloudflare.com/ajax/libs/phaser/2.6.2/phaser.min.js" integrity="sha512-JFBBAwh37TdGYMmF7POacSn+VZIMyF7r++1jkkk9tNomuJuK6WIRe1oQQsst9nm/8cq/LAae987H/d0IsYgN8A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script defer type="text/javascript" src="https://cdn.jsdelivr.net/gh/gracehuynhh/doodlejump/fulltilt.min.js"></script> <script defer type="text/javascript" src="https://cdn.jsdelivr.net/gh/gracehuynhh/doodlejump/doodle.min.js"></script> <script defer src="https://cdn.jsdelivr.net/gh/gracehuynhh/doodlejump/main.js"></script> <script defer src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@17.8.1/dist/lazyload.min.js"></script> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-6271f5abca80cec0"></script> <script defer type="text/javascript" src="https://cdn.jsdelivr.net/gh/gracehuynhh/doodlejump/scripts.js"></script> </body> </html>
