গেম ডেভের জন্য ভাল জেএস লাইব্রেরি কি? [বন্ধ]


56

আমি যদি কোনও সাধারণ গেমটি পাঠ্য এবং গ্রাফিকাল (2 ডি) উভয়ই লেখার সিদ্ধান্ত নিই তবে আমি কোন লাইব্রেরি ব্যবহার করব? (ধরুন আমরা একটি HTML5 সামঞ্জস্যপূর্ণ ব্রাউজার ব্যবহার করছি)

মূল বিষয়গুলি আমি ভাবতে পারি

  • স্ক্রিনে পাঠ্য রেন্ডারিং
  • অ্যানিমেটিং স্প্রেটস (চিত্র / সিএসএস ব্যবহার করে)
  • ইনপুট (তীর কীগুলি ক্যাপচার এবং মাউসের আপেক্ষিক অবস্থানগুলি পাওয়া)
  • সম্ভবত কিছু প্রিলোডিং রিসোর্স বা ডায়নামিকভাবে রিসোর্স লোড করা এবং অর্ডার বেছে নেওয়া
  • শব্দ (তবে এটি প্রথমে আমার পক্ষে কতটা গুরুত্বপূর্ণ হবে তা আমি নিশ্চিত নই)। সম্ভবত মিশ্রণ এবং শৃঙ্খল শোনার সাথে বা বন্ধ না হওয়া পর্যন্ত চিরতরে লুপিং সহ
  • কোনও ব্যবহারকারীকে অন্যের সাথে সংযুক্ত করতে বা একাধিক অনুরোধ ছাড়াই অবিচ্ছিন্নভাবে ডেটা পেতে নেটওয়ার্কিং (নিম্ন অগ্রাধিকার) (আমি জানি এটি বিদ্যমান তবে এটি সেটআপ বা ব্যবহার করা কতটা সহজ তা আমি জানি না But তবে এটি আমার পক্ষে গুরুত্বপূর্ণ নয়) এর জন্য প্রশ্নটি).


কি? আপনি কেবল খাঁটি জাভাস্ক্রিপ্ট দিয়ে এগুলি করতে পারেন। নেটওয়ার্কিংয়ের জন্য সকেট.ইও, যদিও।
jcora

আপনি স্টেজ.জেএস আকর্ষণীয় খুঁজে পেতে পারেন (আমি এর লেখক)।
আলী শাকিবা

উত্তর:


25

jQuery এবং MooTools দুর্দান্ত জাভাস্ক্রিপ্ট লাইব্রেরি; আমি নিজে jQuery পছন্দ। আপনি যদি ডিওএম ব্যবহার করেন তবে আপনার জেএস গেমের বিকাশে কোনও একটি আপনাকে সহায়তা করবে। আপনি যদি ক্যানভাস রেন্ডারিংয়ের সাথে যান তবে আমি এখনও মনে করি আপনার সেই লাইব্রেরিগুলির মধ্যে একটি ব্যবহার করা উচিত তবে আপনার ক্যানভাস ফাংশন শিখতে হবে। এখানে একটি টিউটোরিয়াল যা একটি ব্রেকআউট ক্লোন তৈরি করে আপনাকে ক্যানভাসের সাথে পরিচয় করিয়ে দিয়েছে, সুতরাং এটি ঠিক কী ধরণের জিনিস আপনি সন্ধান করছেন (এবং এটি jQuery ব্যবহার করে)।

অ্যানিমেটিং স্প্রিটগুলি কোনও চিত্রের এসসিআর পরিবর্তন করা, বা বেশ কয়েকটি চিত্র প্রিলোড করা এবং সেগুলি সরিয়ে আনা বা ক্যানভাসে কেবল একটি অ্যানিমেশনের ফ্রেম আঁকার বিষয় drawing উপরের গ্রন্থাগারগুলি এর যে কোনও একটিতে সহায়তা করতে পারে। লাইব্রেরিগুলি ইনপুটটির সাথেও সহায়তা করে (ইভেন্টগুলি যেমন অন্ক্রিপ্রেস এবং ওনমোমোমোভ হিসাবে দেখুন)।

প্রিলোডিং সংস্থানগুলির জন্য, আমি এমন কিছু গেমগুলি মনে করেছি যা একটি একক "স্প্রাইট শীট" চিত্র ব্যবহার করে ( এটি গুগলের প্যাকম্যান গেমের জন্য একটি)। আমি বিশ্বাস করি যে তারা স্প্রাইট শীটটিতে সিএসএস ব্যাকগ্রাউন্ড-ইমেজ সম্পত্তি সেট করে এবং স্প্রাইট শীটে টাইলের অফসেটে সেট করা ব্যাকগ্রাউন্ড-পজিশনের সম্পত্তি সহ একটি টাইল আকারের ডিআইভি তৈরি করে IV আমি এমন কোনও লাইব্রেরি দেখিনি যা এটি আপনার জন্য করবে, তবে jQuery বা MooTools আপনাকে ডাইভির তৈরি এবং তার সিএসএসের গতিবিধিতে যতদূর ডায়নামিকভাবে সহায়তা করতে পারে। অন্যথায়, প্রিলোডিং ইমেজগুলি <img>আপনি যে চিত্রগুলি প্রিললোড করতে চান তার ট্যাগ তৈরি করা এবং সেগুলিতে পৃষ্ঠাটিতে যুক্ত না করা (বা অদৃশ্যভাবে এগুলি যুক্ত করা) is এখানে একটি ব্লগ পোস্ট আপনার জন্য ইমেজগুলি প্রিললোড করার জন্য jQuery ব্যবহার করে কোনও ফাংশনের জন্য এর কিছু কোড রয়েছে।

সাউন্ডম্যানেজার 2 টি ব্যবহার করার জন্য জেএস সাউন্ড গ্রন্থাগার বলে মনে হচ্ছে; আমি জানি ভ্যান্থিয়া এটি ব্যবহার করে এবং গুগলের প্যাকম্যান শব্দগুলি চালানোর জন্য পৃষ্ঠায় একটি লুকানো ফ্ল্যাশ ফাইল ব্যবহার করার অনুরূপ কিছু (বা কমপক্ষে একই কৌশলটি ব্যবহার করেছিল)।

নেটওয়ার্কিংয়ের জন্য, jQuery আপনার জন্য AJAX পরিচালনা করতে পারে , বা আপনি যদি আরও অনেক রিয়েল-টাইম নেটওয়ার্কিং (এবং এটির জন্য সার্ভারটি থাকতে চান) চান তবে জাভাস্ক্রিপ্ট সকেটগুলি দেখুন । আমি সেখানে তার জন্য সেখানে আউট একটি স্থিতিশীল গ্রন্থাগার যদি জানি না, কিন্তু আপনি দেখব পারে এই বা এই । মূলত এটি পৃষ্ঠায় একটি লুকানো জাভা বা ফ্ল্যাশ ফাইল ব্যবহার করে যাতে আপনি জাভাস্ক্রিপ্টের মাধ্যমে সত্য সকেট যোগাযোগ করতে পারেন যা এজেএক্স ভোট দেওয়ার চেয়ে দ্রুত এবং "এজেএক্স পুশ" এর চেয়ে কিছুটা দক্ষ । যাইহোক, সম্ভবত, এজেএক্স পুশ আপনি যা চান তা হবেন এবং এপিই (অ্যাজাক্স পুশ ইঞ্জিন) সম্ভবত ব্যবহারযোগ্য গ্রন্থাগার।

এছাড়াও, এখানে একটি Google কারিগরি আলাপ হয় "ওয়েব জন্য একটি JavaScript ভিত্তিক খেলা ইঞ্জিন বিল্ডিং" । দেখতে অনেকটা ঝরঝরে।


2
এই উত্তরটি কিছুটা রক্ষণশীল; যদি তিনি কেবল এইচটিএমএল 5 ব্রাউজার ব্যবহার করতে চান তবে তিনি ক্যানভাসে যেতে পারেন এবং এইচটিএমএল 5 লাইব্রেরি ব্যবহার করতে পারেন (প্রশ্নে আমার মন্তব্য দেখুন)। গেমসের জন্য ডিওএম এবং সিএসএস ব্যবহার হ্যাকের মতো মনে হয় (যদিও কিছু ক্ষেত্রে এটি ব্যবহারযোগ্য হ্যাক)।
ওবেরহামসি

2
এটি হ্যাকের মতো মনে হচ্ছে কি করে? গুগলকে তাদের প্যাকম্যান লোগো দিয়ে খাঁটি ডোম এবং সিএসএস ব্যবহার করতে কোনও সমস্যা হয়নি এবং আমি আমার হোমপৃষ্ঠায় আমার পং খেলাটি বেশ পছন্দ করি । সত্যিকার অর্থে সত্যই, ক্যানভাসটিকে হ্যাকের মতো মনে হয়, অন্যথায় ডোম দ্বারা প্রভাবিত কোনও পৃষ্ঠায় গ্রাফিক্সের বর্গক্ষেত্র হ্যাক করে। কিন্তু হায়রে সেই দিকে ধাক্কা দিয়ে এবং ওয়েবজিএল এটি পরিষ্কার হয়ে গেছে যে ব্রাউজারটি ইতিমধ্যে এটি না থাকলে হেভিওয়েট ডু-সবই অ্যাপ্লিকেশন হয়ে যাবে। আমি খনন করি ...
রিকিট

তিনি যদি অডিও, নেটওয়ার্কিং, পাঠ্য রেন্ডারিং ব্যবহার করতে চান তবে তাকে এইচটিএমএল 5 রেডি ব্রাউজার ব্যবহার করতে হবে। হায়রে ক্যানভাস ভাল পিক হবে। আপনি যদি ডিওএম এবং সিএসএসের সাথে লেগে থাকেন তবে আপনি এতদূর সীমাবদ্ধ রয়েছেন যেহেতু এই প্রযুক্তিগুলি ইতিমধ্যে নির্দিষ্ট অনুমানগুলি (পাঠ্য প্রবাহ, স্তরবিন্যাস, কোনও পাঠ্য নথির জন্য দৃশ্যের গ্রাফের ধরণ) সহ উপস্থাপনা স্তর তৈরি করে। ক্যানভাসের সাহায্যে আপনি পিক্সেলকে যে কোনও উপায়ে ফিট দেখতে পারেন, যা 'স্বাভাবিক' এর কাছাকাছি, এসডিএল বা ওপেনগেলের শীর্ষে কাঁচা গেম ইঞ্জিন।
ওবরহামসি

আমি যে অডিও এবং নেটওয়ার্কিং লাইব্রেরি সরবরাহ করেছি তার জন্য এইচটিএমএল 5 এর প্রয়োজন নেই। এবং প্রকৃতপক্ষে আমি পাঠ্য প্রবাহ, স্তরকরণ এবং দৃশ্যের গ্রাফের উপকারিতা হিসাবে দেখছি। বেশিরভাগ গেমগুলি কেবল স্প্রিটস (চিত্রগুলি) অবস্থান এবং চারপাশে সরানো হয় এবং পিক্সেলগুলিতে সরাসরি অ্যাক্সেসের প্রয়োজন হয় না। আপনি যে গেমটি তৈরি করতে চান তার উপর ভিত্তি করে সত্যই এটি মূল্যায়ন করা দরকার এবং আপনি যদি ক্যানভাস বা ডোমের সাথে ব্যক্তিগতভাবে আরও স্বাচ্ছন্দ্য বোধ করেন, আপনি যদি পুরানো ব্রাউজারগুলিকে সমর্থন করতে চান, যদি আপনার অতিরিক্ত পাওয়ার ক্যানভাস সরবরাহের প্রয়োজন হয়, ইত্যাদি
রিকিট

1
হ্যাঁ, এটি খেলার উপর নির্ভর করে। তবে তিনি এইচটিএমএল 5 জিজ্ঞাসা করেছেন এবং আপনার উত্তরটি বেশিরভাগ ক্ষেত্রে ফ্ল্যাশ এবং ডোম স্তরের 1 সম্পর্কে রয়েছে :) যদি তিনি রক্তপাতের প্রান্তটি HTML5 বিকাশ করতে চান তবে তাকে পিছনে প্রলুব্ধ করবেন না।
ওবারহামসি

12

আমি যখন জাভাস্ক্রিপ্ট ইঞ্জিনগুলি মূল্যায়ন করেছি কিছুক্ষণ আগে আমার প্রিয় ছিল ক্র্যাফটি:

http://craftyjs.com/

আমার বিবেচনার জন্য প্রচুর বিকল্প ছিল এবং আমি পছন্দ করেছি এমন কিছু অন্যান্য ব্যক্তি হ'ল:

http://easeljs.com/

http://www.limejs.com/

http://code.google.com/p/casualjs/

(ঘটনাক্রমে, অন্য যে বিকল্পটি প্রথমে বেশ চটুল দেখায় তা হ'ল http://impactjs.com/ তবে এটির জন্য অর্থ ব্যয় এবং অন্যান্য বিকল্পগুলি আমি বিবেচনা করে দেখলাম ওপেন-সোর্স ইঞ্জিনগুলি ছিল কিছু চমকপ্রদ অপসারণ, যেমন ডিসপ্লে উপাদানগুলিকে সংযুক্ত করতে অক্ষমতা like একটি উত্তরাধিকারী।)


আপডেট: যেহেতু আমি যে উত্তর, পোস্ট এবং পরিস্থিতি কিছুটা পরিবর্তিত হয়েছে (এই এটা প্রায় 2 বছর হয়েছে হয় (। প্রযুক্তির জায়মান অঞ্চল) যদিও নিপুণের এখনও একটি মহান পছন্দ, গত বছর EaselJS হয় ভরবেগ অনেক কুড়ান হয়েছে বিশেষত বিবেচনা করা অ্যাডোবি EaselJS ট্রেনে hopped ।) আমি ভবিষ্যতে প্রকল্পগুলির জন্য (যে সরঞ্জামে সুইচ করত আরো উল্লেখ্য এটি একটি আছে যা আছি নতুন ওয়েবসাইট )


আপনি আজ কি পরামর্শ? 4 বছর পরে
পুয়া এস্তখরি

1
ওয়েল আপডেটটি 1.5 বছর আগে থেকে ছিল, এবং আমি এখনও এটি প্রস্তাব করি।
উপহাস করা হচ্ছে

7

এফেক্ট গেম ইঞ্জিন (জাভাস্ক্রিপ্ট) 2d, টালি / পরী-ভিত্তিক গেম জন্য কল্পনাপ্রসূত। এটি সম্পর্কে এত দুর্দান্ত কী তা বর্ণনা করার জন্য ওয়েবসাইট খুব ভাল কাজ করে না, তবে আপনি দুর্দান্ত নথিপত্র খনন করার সাথে সাথে আপনি দেখতে পাবেন যে আপনার জন্য কতটা কভার করা হয়েছে:

  • spriting
  • সংঘর্ষ সনাক্তকরণ
  • স্তর সম্পাদনা
  • সম্পদ ব্যবস্থাপনা
  • শ্রুতি
  • ইনপুট এবং নিয়ন্ত্রণ
  • টাইলসেট তৈরি এবং পরিচালনা
  • প্রলেপের
  • অ্যানিমেশন
  • কর্মক্ষমতা (একটি ফ্রেমারেটে লক)
  • ক্রস ব্রাউজার সমর্থন এবং বিমূর্ততা
  • হোস্টিং
  • এম্বেডিং
  • এইচইউডি সমর্থন

এটি পুরোপুরি বৈশিষ্ট্যযুক্ত হিসাবে আমি সত্যিই একটি বিস্তৃত তালিকা সরবরাহ করতে পারি না। একটি জিনিস যা হারিয়ে যাচ্ছে তা হ'ল ইন-গেম মেনু এবং ইউআই (যেমন সরঞ্জাম সরঞ্জামাদি ইত্যাদি) তৈরি করার ক্ষমতা, তবে সম্ভবত এটি টোড তালিকায় রয়েছে।


4
দুর্ভাগ্যক্রমে এফেক্ট ইঞ্জিনটি পুরোপুরি পরিত্যক্ত বলে মনে হচ্ছে।
লেটারিয়ান

6

আমি জাভাসজেএস নামে একটি ক্যানভাস 2 ডি গেম ইঞ্জিন বজায় রাখছি - http://jawsjs.com/

উত্স @ https://github.com/ippa/jaws

cliffnotes:

  • পাঠযোগ্য, নথিভুক্ত কোড
  • 12+ বান্ডিল নথিভুক্ত উদাহরণ
  • স্প্রাইট (), স্প্রাইটশীট () এবং অ্যানিমেশন () এর মতো দরকারী নির্মাতারা
  • গেমের স্টেটস - আরও ভাল সংগঠিত কোডের জন্য আপনার গেমের বিভাগগুলি আলাদা করুন
  • সম্পদ - গেমস শুরু হওয়ার আগে চোয়ালগুলি আপনার সমস্ত সম্পদ প্রিলোড করবে
  • অন্য কোনও জাভাস্ক্রিপ্ট লাইব্রেরির উপর নির্ভর করে না
  • চুগু, একটি রুবির গেম লাইব বিকাশের বছরগুলি থেকে শেখা পাঠগুলি তৈরি করে


4

আমি ইদানীং আমি নিজেই এই অঞ্চলে কিছু গবেষণা করছি, সুতরাং আমার আমার 0.02 ডলার চিপ করুন:

প্লেএন গুগলের একটি ক্রস প্ল্যাটফর্ম লাইব্রেরি যা জাভা থেকে জাভাস্ক্রিপ্ট / ফ্ল্যাশ / অ্যান্ড্রয়েডে কোনও অবজেক্ট ওরিয়েন্টেড গেম সংকলন করে। এটি JSON (AJAX), ডেটা মডেলগুলি পরিচালনা করবে এবং আপডেট এবং রেন্ডারিংয়ের জন্য সেন্সানটিকস রয়েছে। খুব দুর্দান্ত জিনিস।

প্রক্রিয়াকরণ গ্রন্থাগারটি ব্যবহার করা সহজ যা ডিজাইনার এবং শিল্পীদের লক্ষ্য। এটি ব্যবহার করা ব্যতিক্রমী সহজ এবং আপনাকে দুর্দান্ত ফলাফল দিতে পারে। আমি বৈজ্ঞানিক মডেলিংয়ের জন্য জাভা সংস্করণ ব্যবহার করেছি এবং এটি ব্যবহার করে আনন্দিত। 3 ডি দৃশ্যের জন্য ওয়েবজিএল লাগবে, তবে 2D দৃশ্যগুলি ছাড়াই কাজ করবে।

থ্রি.জেএস এর কিছু দুর্দান্ত দেখানো ডেমো রয়েছে। এটিতে ওয়েবজিএল প্রয়োজন, তবে ফলাফলটি এটি উপযুক্ত বলে মনে হচ্ছে। অনলাইনেও কিছু উদীয়মান উদাহরণ রয়েছে

এখানে আমার ব্যক্তিগত লিংকডাম্পের কিছু অন্যান্য আইটেম যা ওয়েবজিলের সাথে সম্পর্কিত:


3

আকিহাবারা এমন একটি কাঠামো যা আমি দেখেছি বেশ কয়েকটি জায়গায়। আমার এক বন্ধু ফ্রেমওয়ার্কের জন্য একটি টিউটোরিয়াল এবং ডকুমেন্টেশনগুলির একটি সিরিজও তৈরি করেছিল।



2

আর একটি যা আমি সম্প্রতি খুব আগ্রহের সাথে অনুসন্ধান করেছি সেটি হ'ল ক্রিয়েটজেস । এটি অন্তর্ভুক্ত করার জন্য ওপেন সোর্স লাইব্রেরিগুলির একটি সংগ্রহ ...

অতিরিক্ত এটি ইজলজেস বক্স 2 ডি জেএসের সাথে ভাল খেলে


1

পিক্সি প্লাগইনস

কনট্রাসারাসের নির্মাতারা তাদের প্রচুর স্বতন্ত্র উপাদান প্রকাশ করেছেন !!!

তাদের কাছে ম্যাট্রিক্স রূপান্তরকরণ , ক্যানভাস বিমূর্তি এবং আরও অনেক আকর্ষণীয় জিনিস করার কোড রয়েছে।

তাদের কোড দুর্দান্ত এবং তাদের গ্রন্থাগারগুলি সত্যিই দরকারী।



1

আশ্চর্যজনক যে গুগল বন্ধ লাইব্রেরির উল্লেখ করা হয়নি। এটির একটি বিশাল এপিআই রয়েছে, আরও অবজেক্ট ওরিয়েন্টেড কোডিং শৈলীর অনুমতি দেয় এবং সংকলকটি রয়েছে।

আমি এখন পর্যন্ত কেবলমাত্র সংকলক ব্যবহার করেছি তবে আমি বিশ্রামটি অধ্যয়ন করার পরিকল্পনা করছি।


1

আমি সাধারণত জবাজ ব্যবহার করি কারণ এটি সেট আপ করা এবং কয়েক মিনিটের মধ্যে একটি খেলা বিকাশ করা সত্যিই সহজ। এটিতে প্রচুর উপকারী ডিফল্ট ক্লাস রয়েছে (টাইলম্যাপ, ভিউপোর্ট, স্প্রাইট এবং অন্যান্য) যা গেম বিকাশে সত্যই সহায়তা করে।


1

আপনি এগুলিতে প্রচুর পরিমাণে পেয়েছেন তবে এটি প্রথমে নির্ভর করে আপনি কোন ধরণের গেম ইঞ্জিন অনুসন্ধান করছেন তার উপর। আমি আপনাকে সবচেয়ে উল্লেখযোগ্য কিছু রেফারেন্স দিতে পারি।

2 ডি গেম ইঞ্জিন

  • কোকোস 2 ডি এই মুহুর্তে কিছুটা বেশি ফ্যাশনেবল হতে ঝোঁক। আমি কোকোস 2 ডি প্রশ্নগুলি সম্প্রতি এবং এখানে স্ট্যাকওভারফ্লোতে পপিং করতে দেখেছি।
  • প্রভাব , আপনি অফিসিয়াল ওয়েবসাইটে চলমান একটি মাপদণ্ড দেখতে পাবেন।

3 ডি গেম ইঞ্জিন

মজিলা ফাউন্ডেশন পালাদিন নামে একটি থ্রিডি গেম ইঞ্জিনে কাজ করছে । এটি মজিলা এটি আমার অনুমান করে সত্যই আঘাত করতে পারে না।


0

এছাড়াও রয়েছে গেমকোয়ারি, একটি জিকুয়ারি ভিত্তিক গেম ইঞ্জিন। তাদের এপিআইতে শালীন ডকুমেন্টেশন রয়েছে, পাশাপাশি তাদের সাইটে লিঙ্কযুক্ত কয়েকটি সাউন্ড র্যাপার এপিআই রয়েছে।

http://gamequery.onaluf.org/




0

টম এখানে সিরিরার থেকে, আমরা এমন একটি 2 জন দল যা এইচটিএমএল 5 গেম প্রস্তুতকারী কনস্ট্রাক্ট 2 তৈরি করেছে । (বিনামূল্যে সংস্করণ উপলব্ধ)।

আপনি আমাদের মতো কোনও ইঞ্জিন বিবেচনা করতে চাইতে পারেন কারণ এটি আপনার জন্য লেগওয়ার্ক প্রচুর পরিমাণে করে। উদাহরণস্বরূপ কোডে সংঘর্ষগুলি করার জন্য নিজেকে সত্যই কৃপণ হতে পারে (ভাবেন বহুভুজের সংঘর্ষ)। আপনার তালিকার সমস্ত কিছুই কনস্ট্রাক্ট 2 এর মাধ্যমে সহজেই অর্জনযোগ্য।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.