</div>
<div class = "upgrade-btn" onclick="jumpInc()">
UPGRADE
<div id = "jump-inc-cost" class="cost">10</div>
</div>
</div>
<div id = "specials">العروض الخاصة</div>
<div id = "shop-unlock" class = "special-btn" onclick = "UnlockLevels()">فتح جميع المستويات <div class = "special-cost">10</div></div>
<div id = "hard-game" class = "special-btn" onclick = "HardGame()">كشف كل الأشواك <div class = "special-cost">50</div><div id = "not-rec">لا ينصح</div></div>
<div id = "follow">
<div id = "follow-question">هل انت متابع صفحتنا</div>
<div id = "follow-yes" class = "follow-answer" onclick = "FollowYes()">نعم</div>
<div id = "follow-no" class = "follow-answer" onclick = "FollowNo()">لا</div>
</div>


</div>
<br><br><br>
<div id = "shop-back" onclick = "CloseShop()">عودة</div>
</div>
<div id = "game1" class = "game">
<div class = "mario"></div>
<div id = "a" class = "object land"></div>
<div id = "b" class = "object land"></div>
<div id = "c" class = "object land"></div>
<div id = "d" class = "object box"></div>
<div id = "e" class = "object box"></div>
<div id = "f" class = "object land"></div>
<div id = "g" class = "object land"></div>
<div id = "h" class = "object box"></div>
<div id = "i" class = "object spikes"></div>
<div id = "j" class = "object spikes"></div>
<div id = "k" class = "object spikes"></div>
<div id = "l" class = "object flag end"></div>
<div id = "m" class = "object stump end"></div>
<div id = "n" class = "object end"></div>
<div id = "o" class = "object coin"></div>
<div id = "p" class = "object coin"></div>
<div id = "q" class = "object coin"></div>
<div id = "r" class = "object coin"></div>
</div>
<div id = "game2" class = "game">
<div class = "mario"></div>
<div id = "aa" class = "object land"></div>
<div id = "ab" class = "object box"></div>
<div id = "ac" class = "object box"></div>
<div id = "ad" class = "object box"></div>
<div id = "ae" class = "object box"></div>
<div id = "af" class = "object box"></div>
<div id = "ag" class = "object spikes"></div>
<div id = "ah" class = "object spikes"></div>
<div id = "ai" class = "object spikes"></div>
<div id = "aj" class = "object box"></div>
<div id = "ak" class = "object spikes"></div>
<div id = "al" class = "object land"></div>
<div id = "am" class = "object land"></div>
<div id = "an" class = "object land"></div>
<div id = "ao" class = "object weak-land"></div>
<div id = "ap" class = "object weak-land"></div>
<div id = "aq" class = "object spikes"></div>
<div id = "ar" class = "object box"></div>
<div id = "as" class = "object land"></div>
<div id = "at" class = "object flag end"></div>
<div id = "au" class = "object stump end"></div>
<div id = "av" class = "object coin"></div>
<div id = "aw" class = "object coin"></div>
<div id = "ax" class = "object coin"></div>
<div id = "ay" class = "object box"></div>
<div id = "az" class = "object spikes"></div>
<div id = "ba" class = "object box"></div>
<div id = "bb" class = "object spikes"></div>

<div id = "bc" class = "object coin"></div>
</div>
<div id = "game3" class = "game">
<div class = "mario"></div>
<div id = "ca" class = "object land"></div>
<div id = "cb" class = "object box"></div>
<div id = "cc" class = "object box"></div>
<div id = "cd" class = "object creature"></div>
<div id = "ce" class = "object spikes"></div>
<div id = "cf" class = "object weak-land"></div>
<div id = "cg" class = "object land"></div>
<div id = "ch" class = "object spikes"></div>
<div id = "ci" class = "object box"></div>
<div id = "cj" class = "object land"></div>
<div id = "ck" class = "object land"></div>
<div id = "cl" class = "object coin"></div>
<div id = "cm" class = "object land"></div>
<div id = "cn" class = "object weak-land"></div>
<div id = "co" class = "object land"></div>
<div id = "cp" class = "object coin"></div>
<div id = "cq" class = "object box"></div>
<div id = "cr" class = "object spikes"></div>
<div id = "cs" class = "object spikes"></div>
<div id = "ct" class = "object spikes"></div>
<div id = "cu" class = "object land"></div>
<div id = "cv" class = "object land"></div>
<div id = "cw" class = "object land"></div>
<div id = "cx" class = "object creature"></div>
<div id = "cy" class = "object spikes"></div>
<div id = "cz" class = "object land"></div>
<div id = "da" class = "object flag end"></div>
<div id = "db" class = "object stump end"></div>
<div id = "dc" class = "object spikes"></div>
<div id = "dd" class = "object coin"></div>
<div id = "de" class = "object coin"></div>
</div>
<div id = "game4" class = "game">
<div class = "mario"></div>
<div id = "ea" class = "object land"></div>
<div id = "eb" class = "object weak-land"></div>
<div id = "ec" class = "object land"></div>
<div id = "ed" class = "object land"></div>
<div id = "ee" class = "object spikes"></div>
<div id = "ef" class = "object cannonball"></div>
<div id = "eg" class = "object cannon"></div>
<div id = "eh" class = "object land"></div>
<div id = "ei" class = "object weak-land"></div>
<div id = "ej" class = "object spikes"></div>
<div id = "ek" class = "object box"></div>
<div id = "el" class = "object spikes"></div>
<div id = "em" class = "object box"></div>
<div id = "en" class = "object coin"></div>
<div id = "eo" class = "object land"></div>
<div id = "ep" class = "object spikes"></div>
<div id = "eq" class = "object land"></div>
<div id = "er" class = "object land"></div>
<div id = "es" class = "object land"></div>
<div id = "et" class = "object cannonball"></div>
<div id = "eu" class = "object cannon"></div>
<div id = "ev" class = "object cannonball"></div>
<div id = "ew" class = "object cannon"></div>
<div id = "ex" class = "object land"></div>
<div id = "ey" class = "object creature"></div>
<div id = "ez" class = "object land"></div>
<div id = "fa" class = "object flag end"></div>
<div id = "fb" class = "object stump end"></div>
<div id = "fc" class = "object land"></div>
<div id = "fd" class = "object coin"></div>
<div id = "fe" class = "object coin"></div>

<div id = "ff" class = "object coin"></div>
</div>
<div id = "game5" class = "game">
<div class = "mario"></div>
<div id = "ga" class = "object land"></div>
<div id = "gb" class = "object box"></div>
<div id = "gc" class = "object box"></div>
<div id = "gd" class = "object box"></div>
<div id = "ge" class = "object coin"></div>
<div id = "gf" class = "object box"></div>
<div id = "gg" class = "object box"></div>
<div id = "gh" class = "object creature"></div>
<div id = "gi" class = "object spikes"></div>
<div id = "gj" class = "object spikes"></div>
<div id = "gk" class = "object box"></div>
<div id = "gl" class = "object weak-land left-right"></div>
<div id = "gm" class = "object moving-land"></div>
<div id = "gn" class = "object land"></div>
<div id = "go" class = "object land"></div>
<div id = "gp" class = "object land"></div>
<div id = "gq" class = "object land"></div>
<div id = "gr" class = "object spikes"></div>
<div id = "gs" class = "object moving-land up-down"></div>
<div id = "gt" class = "object coin"></div>
<div id = "gu" class = "object cannonball"></div>
<div id = "gv" class = "object cannon"></div>
<div id = "gw" class = "object land"></div>
<div id = "gx" class = "object land"></div>
<div id = "gy" class = "object land"></div>
<div id = "gz" class = "object land"></div>
<div id = "ha" class = "object flag end"></div>
<div id = "hb" class = "object stump end"></div>
<div id = "hc" class = "object coin"></div>
<div id = "hd" class = "object moving-land left-right"></div>
<div id = "he" class = "object cannonball"></div>
<div id = "hf" class = "object cannon"></div>
<div id = "hg" class = "object land"></div>
<div id = "hh" class = "object land"></div>
</div>
<div id = "dark"></div>
<div id = "lost" class = "result">
<div class = "heading">لقد خسرت</div>
<button class = "btn" onclick = "Replay()">اعادة</button>
<button class = "btn menu-btn" onclick = "ShowMenu()">القائمة</button>
</div>
<div id = "won" class = "result">
<div class = "heading">لقد فزت</div>
<button class = "btn" onclick = "Replay()">اعادة</button>
<button class = "btn menu-btn" onclick = "ShowMenu()">القائمة</button>
<button class = "btn next-lvl" onclick = "NextLevel()">المرحلة التالية</button>
</div>
<div id = "coins"><div id = "coins-count"></div></div>
<div id = "alert-background">
<div id = "alert">
<div id = "alert-heading"></div>
<div id = "alert-text"></div>
<div id = "alert-illustration"></div>
<div id = "alert-button" onclick = "Close();">فهمت هذا</div>
</div>
</div>
<div id = "plus-ten">+10</div>
<div id = "notif"></div>
<div id = "btn-left" class = "controls">&lt;</div>
<div id = "btn-right" class = "controls">></div>
<div id = "btn-up" class = "controls">▲</div>
<div id = "show-hide-btn" onclick = "ShowHideButton()">اخفاء الازرار</div>
<div id = "restart-btn" onclick = "restartLevel()">اعادة</div>
<div id = "progress-bar">
<div id = "progress"></div>
</div>
</div>

<script>

var coins = 0;
var mario,objects,keyspressed=[], t1=false, t2=false, t3=false, t4=false, t5=false, t6=false, t7=false, t8=false, t9=false, t10=false, height=0, jumpHeight=15, speed=5, maxJump=20, maxSpeed=8, contact=true,gravity=1, contact = [], currentAccel=0, lost = false, creatureSpeed=3, won = false, currentLevel = 0, levelsOpened = [0],clickedSHButton=0, lvlBonus=[20,25,30,40,50],

cbSpeed=15;
var originalPosition = {};
let abcd = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','aa','ab','ac','ad','ae','af','ag','ah','ai','aj','ak','al','am','an','ao','ap','aq','ar','as','at','au','av','aw','ax','ay','az','ba','bb','bc','ca','cb','cc','cd','ce','cf','cg','ch','ci','cj','ck','cl','cm','cn','co','cp','cq','cr','cs','ct','cu','cv','cw','cx','cy','cz','da','db','dc','dd','de','ea','eb','ec','ed','ee','ef','eg','eh','ei','ej','ek','el','em','en','eo','ep','eq','er','es','et','eu','ev','ew','ex','ey','ez','fa','fb','fc','fd','fe','ff','ga','gb','gc','gd','ge','gf','gg','gh','gi','gj','gk','gl','gm','gn','go','gp','gq','gr','gs','gt','gu','gv','gw','gx','gy','gz','ha','hb','hc','hd','he','hf','hg','hh'];

var alertShown = {
0: ["الأشواك", "هي مخفية ، ويمكن أن تكون في أي مكان (سواء على الأرض أو في الصناديق) ، إذا خطى ماريو عليها ، فستظهر وستخسر", "<div id = 'thorns' class = 'spikes ill'></div>", false],
1: ["أرض مزيفة", "تعمل الأراضي المزيفة بشكل مشابه للأشواك ، لا يمكن أن تكون إلا على الأرض ، فهي تبدو مثل الأرض الطبيعية ، ولكن عندما يخطو ماريو عليها ، تنخفض وتسقط ماريو", "<div id = 'fake-land' class = 'land ill'></div>", false],
2: ["مخلوقات", "سوف تتجول المخلوقات ، ولديهم بعض المال في حقائبهم 10 ، ويمكنك أن تأخذ هذا المال منهم بالقفز فوقهم وسوف يختفون ، ولكن إذا لمستهم على جانبهم ، فسوف يأخذون كل عملاتك المعدنية من حقيبتك ، وسوف تموت ، قد يبدو هؤلاء لطيفين لكنهم جشعون للغاية. هذه المخلوقات ليست ثقيلة بما يكفي لتحريك الفخاخ", "<div id = 'creature-ill'></div>", false],
3: ["مدفع", "كرات المدفع خطيرة للغاية ، سوف تأخذ 5 عملات من حقيبتك إذا ضربتك وتموت. لا يمكنك هزيمة مدفع ، سيكون عليك تفادي طلقاته.", "<div id = 'cb-ill'></div><div id = 'cannon-ill'></div>",false],
4: ["الأرض تتحرك", "لا يمكن أن تحتوي الأرض المتحركة على مصائد. سوف يتحركون باستمرار في طريقهم الخاص. سيكون عليك الاستمرار في التحرك بسرعتهم حتى لا تسقط منهم", "<div id = 'ml-ill'></div>",false],
}
var creatures = {
"cd": [2, "cb", "cc", false],
"cx": [2, "cu", "cw", false],
"ey": [3, "es", "ez", false],
"gh": [4, "gi", "gj", false],
}

var cannonballs = {
"ef": [3,"eb","eg",false],
"et": [3, "eq", "eu", false],
"ev": [3, "ep", "ew", false],
"gu": [4, "gq", "gv", false],
"he": [4, "gp", "hf", false],
}
var movingLand = {
"gm": [4, "gn", 200, 0, 5],
"gs": [4, "gq", 0, 200, 3],
"hd": [4, "gx", 700, 0, 5],
}

window.onload = function() {
document.getElementById("load").style.display = "none";
mario = document.getElementsByClassName("mario");
objects = document.getElementsByClassName("object");
for (let i of abcd) {
let el = document.getElementById(i)
originalPosition[i] = [el.offsetLeft+"px",el.offsetTop+"px"];
}
let i =1,el=document.getElementsByClassName("game");
while (el[i]) {
el[i].style.display = "none";
i++;
}
Alert("شراء", "هناك 5 مستويات يجب عليك إكمالها ، يمكنك التحكم في ماريو باستخدام الأزرار الموجودة على الشاشة فقط للهواتف المحمولة أو المفاتيح الموجودة على لوحة المفاتيح يوصى بأجهزة الكمبيوتر للعب هذه اللعبة ، حيث تزداد منطقة الرؤية كثيرًا كما يسهل التعامل مع عناصر التحكم.هناك أنواع مختلفة من العقبات التي ستعترض طريقك ، قد تضطر إلى تجربة نفس الشيء المستوى عدة مرات لمعرفة كل مواضع الفخ. من فضلك لا تجعل هذه اللعبة متوترة ، في الواقع من المعروف أن اللعبة الحقيقية تجعل اللاعبين مجانين اكس دي. سيكون عليك التحلي ببعض الصبر لإنهاء اللعبة. المتجر رائع للغاية جزء مهم من اللعبة ، سيتعين عليك الاستمرار في ترقية ماريو الخاص بك لإكمال مستويات أعلى بسهولة ، لذلك سيتعين عليك جمع العملات المعدنية المحتفظ بها في طريقك ، كل عملة لها قيمة 5 في المستوى الأول وستكون لاحقًا زيادة بمقدار 5 في المستويات التالية ، تحصل على عناق مكافآت بيتكوين عند إكمال المستويات. يمكنك فتح جميع المستويات في 10 قطع نقدية فقط من السوق. من أجل معرفة كيفية استكمال المستويات ، توجد مقاطع فيديو أيضًا في أسفل المتجر. !", "");

#hard-game {
width: 280px;
font-size: 18px;
font-weight: 600;
background-position: 245px 0;
height: 70px;
}

#not-rec {
position: absolute;
top: 50px;
font-size: 15px;

}

@keyframes specialAnim {
0%, 100% {filter: brightness(100%);}
50% {filter: brightness(150%);}
}

#follow {
position: relative;
margin-top: 20px;
left: 10px;
height: 200px;
width: calc(100vw - 20px);
background-color: white;
border-radius: 20px;
transition: opacity 1s ease-in;
}

#plus100 {
position: absolue;
top: 50px;
height: 100px;
width: 100%;
left: 0;
color: black;
font-weight: 900;
font-size: 70px;
text-align: center;
}

#follow-question {
position: absolute;
top: 20px;
left: 0;
height: 50px;
width: 100%;
text-align: center;
font-size: 30px;
line-height: 50px;
background-color: rgba(255,255,200);
border-radius: 20px;
font-weight: 800;
}

.follow-answer {
position: absolute;
top: 120px;
height: 50px;
width: 100px;
border-radius: 25px;
text-align: center;
font-size: 20px;
line-height: 50px;
}

#follow-yes {
left: calc(50% - 150px);
background-color: green;
animation: specialAnim 1s linear 0s infinite;
}

#follow-no {
left: calc(50% + 50px);
background-color: red;
}

#tutorials {
position: relative;
left: 0;
margin-top: 60px;
height: 80px;
line-height: 80px;
width: 100vw;
text-align: center;
font-size: 35px;
font-weight: 900;
background: linear-gradient(90deg, transparent, rgb(200,255,200), transparent);
}

#excuse {
position: relative;
margin-top: 5px;
font-size: 15px;
width: 100vw;
left: 0;
height: 50px;
}

.tut-lvl {
position: relative;
margin-top: 15px;
left: 10px;
width: calc(100vw - 20px);
height: 300px;
text-align: center;
border-radius: 20px;
background-color: rgba(255,255,255,0.2);
}

.tl-heading {
position: absolute;
top: 10px;
left: 0;
height: 50px;
width: 100%;
text-align: center;
font-size: 35px;
font-weight: 600;
}

video {
width: 300px;
position: absolute;
top: 70px;
left: calc(50% - 150px);
}

.cost {
position: absolute;
top: 0;
left: calc(100% - 80px);
font-weight: 900;
}

#shop-back {
position: fixed;
top: calc(100vh - 50px);
left: calc(100vw - 100px);
height: 50px;
width: 100px;
background-color: rgb(255,100,100);
text-align: center;
border-radius: 5px;
font-size: 20px;
line-height: 50px;
}

#notif {
position: absolute;
top: 20px;
left: calc(50vw - 150px);
height: 50px;
width: 300px;
background-color: white;
border-radius: 10px;
font-weight: 700;
font-size: 20px;
line-height: 50px;
display: none;
opacity: 0;
transition: 0.5s ease-in-out;
text-align: center;
z-index: 1000;
}

#progress-bar {
position: absolute;
top: 100px;
left: calc(50vw - 100px);
width: 200px;
height: 15px;
border-radius: 10px;
background: linear-gradient(0deg, pink, purple);
z-index: 100;
overflow: hidden;
}

#progress {
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: lightblue;
}

#restart-btn {
position: absolute;
top: 35px;
left: 15px;
height: 30px;
width: 150px;
text-align: center;
font-weight: 700;
line-height: 30px;
font-size: 20px;
background-color: lightgreen;
border-radius: 5px;
z-index: 100;
}

#alert-background {
display: none;
z-index: 1000;
position: absolute;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background-color: rgba(0,0,0,0.5);
opacity: 0;
transition: 1s linear;
}

#alert {
position: absolute;
top: 100px;
left: 50px;
height: calc(100vh - 200px);
width: calc(100vw - 100px);
background-color: white;
border-radius: 10px;
}

لعبه ماريو احترافيه

الشات شغال

اللي بيحتاج اي كود يدخل هنا