গেম ɑনলাইন ɑবলা
- পূর্ববর্তী ɑনলাইন গেম ɑনলাইন ɑবলা
- পরবর্তী ɑনলাইন গেম ɑনলাইন ɑবলা
HTML <canvas> এলিমেন্টটি ওয়েবসাইটে একটি আকৃতির উপরে দেখা যায়:
HTML ɑনলাইন ɑবলা
<canvas> HTML <canvas> এলিমেন্টটি HTML-এ গেম বিকাশের জন্য অত্যন্ত উপযুক্ত
<canvas> এলিমেন্টটি গেম তৈরির জন্য সবকিছু প্রদান করে。
জেভাস্ক্রিপ্ট ব্যবহার করে <canvas> এবং লিখতে, ছবি যোগ করতে আরও বেশি কাজ করতে পারে。
.getContext("2d")
<canvas> এলিমেন্টটির একটি অভ্যন্তরীণ অবজেক্ট রয়েছে, যাকে getContext("2d") অবজেক্ট, চিত্রিতের পদ্ধতি ও অভিন্নতা প্রদান করে。
আমাদের Canvas টিউটোরিয়াল সম্পর্কে শিখুন <canvas> এলিমেন্ট এবং getContext("2d") অবজেক্টের বেশি কিছু জানুন
তাহলে, শুরু করুন
গেম তৈরি করতে, প্রথমে একটি গেম এলাকা তৈরি করে চিত্রিতের জন্য প্রস্তুত হবেন:
ইনস্ট্যান্স
function startGame() {
myGameArea.start();
}
var myGameArea = {
canvas : document.createElement("canvas"),
start : function() {
this.canvas.width = 480;
this.canvas.height = 270;
this.context = this.canvas.getContext("2d");
document.body.insertBefore(this.canvas, document.body.childNodes[0]);
}
}
এই টিউটোরিয়ালের কিছুকাল পরে, অবজেক্ট myGameArea আরও বেশি অভিন্নতা ও পদ্ধতি পাবেন।
ফাংশন startGame() রিকোর্ড করুন myGameArea ɑনলাইন start() ɑনলাইন
start() ɑনলাইন <canvas> ɑনলাইন <body> ɑনলাইন
- পূর্ববর্তী ɑনলাইন গেম ɑনলাইন ɑবলা
- পরবর্তী ɑনলাইন গেম ɑনলাইন ɑবলা
