Javascript level sistemi nasil yapilir

Nolife · 23 Eyl 2021

Merhaba arkadaslar bi suredir ugrastim ama yapamadim yapmk istedigim sey progress level sistemi her max landiginda 0 lanip level 1 ise 2 olmasini yibe mxpaninca 3 devam etmesi her kaynakta aradim bulamadim yardima ihtiyacim var

bcO8bnpldmk · 23 Eyl 2021

Nolife' Alıntı:
Merhaba arkadaslar bi suredir ugrastim ama yapamadim yapmk istedigim sey progress level sistemi her max landiginda 0 lanip level 1 ise 2 olmasini yibe mxpaninca 3 devam etmesi her kaynakta aradim bulamadim yardima ihtiyacim var

progress barın tam html element halini, levellerin puanlara göre seviyelerini at yardımcı olayım. şimdi yazıcam düzenleyemeyeceksin hazır vereyim en azından. birde bu lvl puanını ne şekilde okuyacağını da belirt. ajax ile post isteği oluşturup bir sayfadan geri dönen değer mi olacak, yoksa bir çerezde değişken mi tanımlı olacak. nasıl olacak?

Nolife · 23 Eyl 2021

bcO8bnpldmk' Alıntı:
progress barın tam html element halini, levellerin puanlara göre seviyelerini at yardımcı olayım. şimdi yazıcam düzenleyemeyeceksin hazır vereyim en azından. birde bu lvl puanını ne şekilde okuyacağını da belirt. ajax ile post isteği oluşturup bir sayfadan geri dönen değer mi olacak, yoksa bir çerezde değişken mi tanımlı olacak. nasıl olacak?

Cok tesekkur ederim..istedigim sey su sekilde cerez farketmez ama rpogress barin her valuesi maxlandiginda level numarasinin artmasini istiyorum suan level yaziyorsa sadece maxlaninca bar 0 dan baslayip level 2 olarak yine maxlanip bastan olursa level 3 diye devam etmesini istiyorum benim icin cok guzel olur eger yardim ederseniz kod bu sekilde

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="script.js" defer></script>
<link href="styles.css" rel="stylesheet">
<link href="main.css">
<title>Tabs</title>

<style type="text/css">

</style>

<script type="text/javascript">

function incr()
{
var v1=document.getElementById('p1').value;
document.getElementById("p1").value= v1 + 02;
if (value > 5){
value=0;
}

</script>
</head>

<body>
<ul class="tabs" style="text-decoration:none;">
<a data-tab-target="#home" class="active tab" style="text-decoration: none;">Home</a>
<a data-tab-target="#pricing" class="tab" style="text-decoration: none;">Upgrades</a>
<a data-tab-target="#about" class="tab" style="text-decoration: none;">Settings</a>
</ul>

level <progress value="0" max="100" id="p1">0%</progress>

<div class="tab-content" >
<div id="home" data-tab-content class="active">

<div class="sectionLeft">
<center>
<div class="scoreContainer unselectable" >

<div class="fixScore" style="font-size:40px;"><span id="score" style="font-size:40px; ">0</span> $ <br></div>
<span id="scorepersecond">0</span> $ per second<br></div>

<div class="clickerContainer unselectable">

<button src= id="p1" width="200px" height="200px" onclick="addToScore(clickingPower); incr();" style="margin-top:60%;align-items:center;margin-left:30px; ">button</button>

</div>

</center>
</div>

</div>

<div id="pricing" data-tab-content>

<div class="sectionRight" id="shopContainer"style="text-decoration: none;">

<table class="shopButton unselectable" onclick="buyCursor()">
<tr>

<td id="image"><img src="lvl.png" width="50px" height="100px"></td>

<td id="nameAndCost">
<p>Worker</p>
<p><span id="cursorCost">15</span> coin</p>
</td>
<td id="amount"><span id="cursors">0</span></td>
</table>

<table class="shopButton unselectable" onclick="buyGrandma()">
<tr>
<td id="image"><img src="lvl2.png" width="50px" height="100px"></td>
<td id="nameAndCost">""
<p>Upgrade </p>
<p><span id="grandmaCost">100</span> coin</p>
</td>
<td id="amount"><span id="grandmas">0</span></td>

</table>

<table class="shopButton unselectable" onclick="buyİncome()">
<tr>
<td id="image"><img src="lvl3.png" width="50px" height="100px"></td>
<td id="nameAndCost">
<p>İncome </p>
<p><span id="incomeCost">300</span> coin</p>
</td>
<td id="amount"><span id="incomes">0</span></td>

</table>

</div>

</div>
<div id="about" data-tab-content>
<h1>ac3</h1
<p>deneme3</p>
</div>
</div>

<script type="text/javascript">

var score = 0;
var clickingPower = 1;

var cursorCost = 15;
var cursors = 0;
var grandmaCost = 100;
var grandmas = 0;
var incomeCost = 300;
var incomes = 0;

function buyCursor() {
if(score >= cursorCost) {
score = score - cursorCost;
cursors = cursors + 1;
cursorCost = Math.round(cursorCost * 1.15);
updateScorePerSecond()

document.getElementById("score").innerHTML=score;
document.getElementById("cursorCost").innerHTML=cursorCost;
document.getElementById("cursors").innerHTML=cursors;
}
}

function buyGrandma() {
if(score >= grandmaCost) {
score = score - grandmaCost;
grandmas = grandmas + 1;
grandmaCost = Math.round(grandmaCost * 1.15);

document.getElementById("score").innerHTML=score;
document.getElementById("grandmaCost").innerHTML=grandmaCost;
document.getElementById("grandmas").innerHTML=grandmas;
updateScorePerSecond()
}
}

function incr() {
var v1=document.getElementById('p1').value;
document.getElementById("p1").value= v1 + 1;
}

function buyİncome() {
if(score >= incomeCost) {
score = score - incomeCost;
incomes = incomes + 1;
incomeCost = Math.round(incomeCost * 1.15);

document.getElementById("score").innerHTML=score;
document.getElementById("incomeCost").innerHTML=incomeCost;
document.getElementById("incomes").innerHTML=incomes;
updateScorePerSecond()
}
}

function addToScore(amount) {
score = score +amount;
document.getElementById("score").innerHTML= score;
}

function updateScorePerSecond() {
scorePerSecond = cursors + grandmas * 5 + incomes * 20;
document.getElementById("scorepersecond").innerHTML=scorePerSecond;

}

setInterval(function() {
score = score + cursors;
score = score + grandmas * 5 ;
score = score + incomes * 20;
document.getElementById("score").innerHTML=score;
}, 1000); // 100ms = 1second

</script>

</body>
</html>

bcO8bnpldmk · 24 Eyl 2021

Nolife' Alıntı:
..istedigim sey su sekilde cerez farketmez ama rpogress barin her valuesi maxlandiginda level numarasinin artmasini istiyorum suan level yaziyorsa sadece maxlaninca bar 0 dan baslayip level 2 olarak yine maxlanip bastan olursa level 3 diye devam etmesini istiyorum

bütün dosyaları ataydın mübarek. kardeşim böyle bir mantık yok. bir veri vardır, o veriye göre progressbar lvl atlar. hadi dediğin gibi yapalım, neye göre artacak bu bar? saniyeye göre mi? buyur o zaman

HTML:

<span>Level <font id="level">0</font></span>
<progress value="0" max="100" id="progressBar"></progress>
<script>
function Levels(){
    var level = parseInt(document.getElementById("level").textContent);
    var levelup = 1;
    var levelreturn = level + levelup;
    var timeleft = 100;
    var leveltime = setInterval(function(){
        if(timeleft <= 0){clearInterval(leveltime);}
        document.getElementById("progressBar").value = 100 - timeleft;
        timeleft -= 1;
        if($('#progressBar').val() == 100){
            document.getElementById("level").innerHTML = levelreturn;
            $('#progressBar').val(0);
            Levels();
        }
    }, 10);
}
Levels();
</script>

Screenshot istediğin gibi kardeşim, bar doldukça oradaki level 1 seviye yukarı çıkıyor.

Nolife · 24 Eyl 2021

bcO8bnpldmk' Alıntı:
bütün dosyaları ataydın mübarek. kardeşim böyle bir mantık yok. bir veri vardır, o veriye göre progressbar lvl atlar. hadi dediğin gibi yapalım, neye göre artacak bu bar? saniyeye göre mi? buyur o zaman

HTML:

<span>Level <font id="level">0</font></span> <progress value="0" max="100" id="progressBar"></progress> <script> function Levels(){ var level = parseInt(document.getElementById("level").textContent); var levelup = 1; var levelreturn = level + levelup; var timeleft = 100; var leveltime = setInterval(function(){ if(timeleft <= 0){clearInterval(leveltime);} document.getElementById("progressBar").value = 100 - timeleft; timeleft -= 1; if($('#progressBar').val() == 100){ document.getElementById("level").innerHTML = levelreturn; $('#progressBar').val(0); Levels(); } }, 10); } Levels(); </script>

Screenshot istediğin gibi kardeşim, bar doldukça oradaki level 1 seviye yukarı çıkıyor.

Nolife · 24 Eyl 2021

Tikladikca value artmasi daha iyi olurdu ama sn de olsa farketmez ikiside guzel bide tesekkurler ama 0 da kaliyor yanlis yere koymus olabilirim kodlari Screenshot
Doya tum sekilde boyle https://easyupload.io/j0ofpp yardiminiz icin tekrardan tesekkur ederim hazir mumkunse hazir atabilirseniz cok guzel olur tekrardan sağolun

bcO8bnpldmk · 24 Eyl 2021

Nolife' Alıntı:
Tikladikca value artmasi daha iyi olurdu ama sn de olsa farketmez ikiside guzel bide tesekkurler ama 0 da kaliyor yanlis yere koymus olabilirim kodlari Screenshot
Doya tum sekilde boyle https://easyupload.io/j0ofpp yardiminiz icin tekrardan tesekkur ederim hazir mumkunse hazir atabilirseniz cok guzel olur tekrardan sağolun

HTML:

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

<head> içerisine ekle

Nolife · 24 Eyl 2021

bcO8bnpldmk' Alıntı:
HTML:

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

<head> içerisine ekle

Oldu hocam cok sağolun herşey icin ilerde insallah bende gelişirim iyi günler dilerim..

Javascript level sistemi nasil yapilir

Nolife

Üye

bcO8bnpldmk

Üye

Nolife

Üye

bcO8bnpldmk

Üye

Nolife

Üye

Nolife

Üye

bcO8bnpldmk

Üye

Nolife

Üye

Sosyal medya sayfalarımız