خرده کد جاوا اسکریپت برای ساخت بازی

[saalek110]

کار با اسپریت شیت ها را فعلا از تاپیک ساخت بازی با کانواس و جاوا اسکریپت مطالعه کنید. بعدا شاید در این تاپیک نقل کدم.

 

[saalek110]

کد طول و عرض عکس:

var img = document.getElementById("plane");

    var width = img.naturalWidth;
    var height = img.naturalHeight;

در html:

<img id="plane" src="images/plane33.jpg" alt="plane" width="10" height="10">

 

[saalek110]

canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;

نگاه به سایز صفحه برای تنظیم اندازه پنجره کانواس

 

[saalek110]

توابع ریاضی:

فلور ، حذف اعشار

Math.floor()

 

[saalek110]

من فکر می کنم که بهتره وقتی می خواهیم سمت راست کانواس چیزی قرار دهیم این طوری بنویسیم:

 x = canvas.width;

           ctx.fillText(text, x-160, 77);

یعنی حداکثر x را اول بدست بیاوریم ، بعد ازش مقداری کم کنیم.

شاید این جوری در گوشی های مختلف احتمال بیرون افتادن از قسمت کانواس کمتر باشه

ثانیا ، پیدا کردن نقطه مورد نظر این طوری راحت تر است.

 

[saalek110]

<table><tr><td>

<button type="button" id="up_down1" style=" font-size:20px;  " onclick="accelerate(-1)">up</button>

<button type="button" id="middle"  style=" font-size:12px;   " onclick="accelerate(0)">stop</button>

<button type="button" id="up_down2" style=" font-size:20px;  " onclick="accelerate(1)">down</button>

</td></tr><tr><td>

<button type="button" id="take_off" style=" font-size:12px;  " onclick="start(1)">take off</button>

<script>

   document.getElementById('up_down1').style.width =  window.innerWidth/ 3;

   document.getElementById('up_down1').style.height =  window.innerHeight/ 6;
...
...
...

</script>[/CODE

در کد بالا ، سایز یکی از دکمه را با توجه به سایز صفحه تنظیم کردم....کد باقی دکمه ها را نقطه چین گذاشتم، خودتان بنویسید.