আমি ভাবছিলাম যে এখানকার কোনও বিশেষজ্ঞরা সর্বশেষতম এইচটিএমএল স্ট্যান্ডার্ড এবং জাভাস্ক্রিপ্টের (বা কিছু লোকেরা কী এইচটিএমএল 5 কল করতে পছন্দ করেন) দিয়ে গেমগুলি তৈরি করা শুরু করার জন্য প্রয়োজনীয় কিছুর জ্ঞান এবং সংস্থানগুলি ভাগ করতে পারে কিনা। প্রক্রিয়াটির জন্য প্রয়োজনীয় জাভাস্ক্রিপ্ট লাইব্রেরি আছে কি? <canvas>ট্যাগ ছাড়াও , এইচটিএমএল এর অন্যান্য কোন টুকরো সম্পর্কে আমাদের সচেতন হওয়া দরকার?
উত্তর:
আপনার অডিও এবং ভিডিও ট্যাগ সম্পর্কে সচেতন হওয়া উচিত । আপনার যদি সংরক্ষিত গেমস ইত্যাদির জন্য প্রচুর ডেটা সঞ্চয় করতে হয় তবে ওয়েব স্টোরেজটি বেশ সমালোচিত is
ইতিমধ্যে কয়েকটি জাভাস্ক্রিপ্ট এইচটিএমএল 5 গেম ফ্রেমওয়ার্ক রয়েছে, আকিহাবারা বরং জনপ্রিয়।
অন্যান্য লাইব্রেরি হিসাবে, জ্যাকোরি এবং কার্যকরী জাভাস্ক্রিপ্ট আমার প্রিয় 2।
ইতিমধ্যে বেশ কয়েকটি ফ্রেমওয়ার্ক রয়েছে: গেমকিউয়ারি এবং আকিহাবারা , যা অ্যানিমেশন, গোষ্ঠীকরণ স্প্রেটিস , সংঘর্ষ সনাক্তকরণ এবং প্লেয়ার ইনপুট পড়ার মতো কিছু গেম-সম্পর্কিত ক্রিয়াকলাপ করার জন্য jQuery এর প্লাগইন।
শুধু সেখানে আরও রিসোর্স বর্জন করা, খুঁজে বার করো RaphaelJS । এটি একটি খুব সুন্দর এসভিজি অঙ্কন এবং অ্যানিমেশন লাইব্রেরি যার একটি দুর্দান্ত এপিআই রয়েছে। ডেমোগুলি পরীক্ষা করতে ভুলবেন না।
সামগ্রিকভাবে, আমি <canvas>সোজা ডোম ম্যানিপুলেশনের উপর ট্যাগগুলির সুপারিশ করব (উদাহরণস্বরূপ, <div>হিট-টেস্টিংটিকে আশ্চর্যরকমভাবে সহজ করতে প্রতিটি স্প্রিটকে নিজস্ব তৈরি করা)। DOM হেরফেরটি ভুল এবং খারাপভাবে সম্পাদন করা সহজ, যেখানে whereasতিহ্যবাহী 2 ডি বিকাশ কৌশলগুলি এইচটিএমএল ক্যানভাসে ভাল কাজ করে।
গেম তৈরির কিছু ফ্রেমওয়ার্ক রয়েছে যা এখানে রয়েছে, এছাড়াও আপনার বার্স ইঞ্জিন সম্পর্কে সচেতন হওয়া উচিত, যা এইচটিএমএল 5 ক্যানভাসে এসভিজি-ভিত্তিক অ্যানিমেশনগুলি প্রদর্শনের জন্য একটি জেএস কাঠামো:
এখনও অবধি আমি লোকদের ট্যাগ এবং ট্যাগগুলি উল্লেখ করে দেখেছি, তবে জেএস / এইচটিএমএল গেম বিকাশের জন্য অন্যান্য ডিওএম জিনিস রয়েছে যা 'মাউসমোভ' এবং 'মোসডাউন' ইভেন্টের মতো উপাদানের জন্য ইভেন্টলিস্টনার কলব্যাক যুক্ত করার মতো স্টাফ সহ। উদাহরণস্বরূপ, এটি প্রথম ক্যানভাস উপাদানটি এটি খুঁজে পেতে পারে এবং এটি সেট আপ করে যাতে আপনি ক্যানভাসে ক্লিক করার পরে, এটি একটি ফাংশনকে কল করে যা আপনি "শ্যুটআটক্লিক" নামক সংজ্ঞায়িত করেছেন:
নথি।
আপনি এটি এই উদাহরণে ক্রিয়াতে দেখতে পারেন যেখানে আমি বেসিক মাউস নিয়ন্ত্রণ গ্রহণের জন্য আকিহাবার ইঞ্জিনকে প্রসারিত করেছি। (শুরু করতে Z টিপুন, সরানোর জন্য তীর কীগুলি ব্যবহার করুন, কার্সারের দিকের দিকে অঙ্কুর করতে মাউস ক্লিক করুন))
এইচটিএমএল 5 উপাদানগুলি কোন ব্রাউজারগুলিতে সমর্থিত তা জ্ঞান।
যদিও ক্রস ব্রাউজারের সামঞ্জস্যতা আরও ভাল এবং আরও অভিন্ন হয়ে উঠছে সময় বাড়ার সাথে সাথে নতুন কিছু উপাদান এখনও সম্পূর্ণ সমানভাবে সমর্থনযোগ্য নয়।
স্থানীয় সঞ্চয়স্থান কিছু ব্রাউজার নির্দিষ্ট পার্থক্য থাকতে পারে, এবং উত্তরাধিকার সমর্থন করার জন্য আপনাকে স্পষ্টভাবে যেমন একটি লাইব্রেরি যেমন প্রয়োজন হবে jStorage বা Yui সংগ্রহস্থল লাইট ।
ওয়েব সকেটের পাশাপাশি ব্রাউজারের নির্দিষ্ট পার্থক্য থাকতে পারে তবে সকেট.ইও দেখতে একটি প্রতিশ্রুতিবদ্ধ লাইব্রেরির মতো দেখায় যা সুবিধাজনক বিমূর্ততা সরবরাহ করে।
অডিও সামঞ্জস্যতা একটি দুর্দান্ত প্রধান উপাদান যা বিভিন্ন ব্রাউজারের জন্য বিভিন্ন সাউন্ড ফাইলের প্রয়োজন: http://html5doctor.com/native-audio-in-the-browser/
ক্রোমের কয়েকটি উল্লেখযোগ্য অডিও বাগ রয়েছে যেমন সংক্ষিপ্ত অডিও ফাইল খেলতে অক্ষম হওয়া এবং এক সাথে অনেকগুলি শব্দ বাজানো পুরো ব্রাউজারটিকে ক্রাশ করতে পারে।
মূল বিষয় হ'ল ব্রাউজারের পার্থক্যগুলি বোঝার জন্য, অ্যাবস্ট্রাক্টের জন্য গ্রন্থাগারগুলি ব্যবহার করে এবং প্রয়োজনীয় হিসাবে উত্তরাধিকার সহায়তা সরবরাহ করা।
এইচটিএমএল এবং জাভাস্ক্রিপ্ট গেম বিকাশের জন্য সত্যই মোটামুটি খারাপ প্ল্যাটফর্ম, তবে আপনি কোনও ধরণের গেমটি স্থির না করা পর্যন্ত তা বিবেচ্য নয়। উত্তরটি প্রথম ব্যক্তি শ্যুটার, একটি আরটিএস বা ধাঁধা গেমের জন্য সম্পূর্ণ আলাদা হবে different
খেয়াল করুন যে আপনি অস্পষ্ট হতে শুরু করেছেন, হাত-ওয়াও উত্তরগুলি ঝরঝরে করে মনে হচ্ছে এলোমেলো প্রযুক্তিগুলি ঝরঝরে seem এটি একটি সতর্কতা চিহ্ন যে আপনি একটি বিশেষভাবে বৈধ উত্তর দিয়ে কোনও প্রশ্ন জিজ্ঞাসা করেননি।
অ্যাপ্লিকেশন লেখার জন্য আপনার কোন সি ++ স্টাফ দরকার তা আপনি জিজ্ঞাসা করতে পারেন। সেটা নির্ভর করে. প্রকল্প সম্পর্কে আমাদের আরও বলুন, এবং আপনি একটি দরকারী উত্তর পেতে পারেন।
সামগ্রিকভাবে এবং প্রায়, এমন একটি কারণ রয়েছে যে প্রায় সমস্ত ওয়েব গেমগুলি এখনও ফ্ল্যাশ।