ওয়েবজিএল এবং থ্রি.জেএস শেখা [বন্ধ]


142

আমি নতুন এবং ওয়েব ব্রাউজারগুলিতে 3 ডি কম্পিউটার গ্রাফিক্স সম্পর্কে শিখতে শুরু করছি। আমি ব্রাউজারে 3 ডি গেম তৈরি করতে আগ্রহী। যে কেউ ওয়েবজিএল এবং থ্রি.জেএস উভয়ই শিখেছে ...

  1. ওয়েবজিলের জ্ঞানের কি থ্রি.জেএস ব্যবহার করা দরকার?

  2. থ্রি.জেএস বনাম ওয়েবজিএল ব্যবহারের সুবিধা কী কী?


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

4
@ জর্জস্টোকার আসলে, এই প্রশ্নের উত্তরগুলি মূলত মতামতের ভিত্তিতে নয় , তবে তথ্য, তথ্যসূত্র এবং নির্দিষ্ট দক্ষতার উপর ভিত্তি করে তৈরি করা হয়েছে। এটি there.js সম্প্রদায়ের জন্য এটি একটি মূল্যবান পোস্ট হয়েছে এবং প্রশ্নের অংশ (২) অবশ্যই গ্রহণযোগ্য। আপনি কীভাবে এটি পুনরায় রেকর্ডিংয়ের পরামর্শ দেবেন যাতে এটি আপনার কাছে গ্রহণযোগ্য - অর্থাত্ প্রশ্নের অর্থ / উদ্দেশ্য পরিবর্তন না করেই?
ওয়েস্টল্যাংলে

@ ওয়েস্টল্যাংলে আমি প্রদত্ত উত্তরে মতামত ব্যতীত কিছুই শুনিনি; "[লাইব্রেরী]] ব্যবহারের পক্ষে এবং বিবাদগুলি" উল্লেখ না করা স্ট্যাক ওভারফ্লোয়ের জন্য কিছুটা বিস্তৃত।
জর্জি স্টকার 12

2
@ জর্জ স্টোকার আপনার উত্তরটি নিজেই একটি মতামত, এবং আমি এর সাথে দৃ strongly়ভাবে একমত নই। আপনি কীভাবে পোস্টটি পুনরায় রেকর্ডিংয়ের প্রস্তাব করবেন যাতে এটি আপনার কাছে গ্রহণযোগ্য?
ওয়েস্টল্যাংলে

1
থ্রিজ.জে ব্যবহার করার জন্য কীভাবে ওয়েবজিএল শেখা উপকারী তা জিজ্ঞাসার জন্য প্রশ্নগুলি পুনরায় জবাব দেওয়া যেতে পারে। এর উত্তর তথ্য, তথ্যসূত্র এবং দক্ষতার দ্বারা সমর্থিত হবে।
zz85

উত্তর:


203

আপনার যেহেতু বড় উচ্চাশা রয়েছে তাই আপনাকে মৌলিক বিষয়গুলি শিখতে সময় বিনিয়োগ করতে হবে। আপনি প্রথমে যা শিখেন তা বিষয় নয় - আপনি চাইলে সেগুলি একই সাথে শিখতে পারেন। (আমি এটাই করেছি।)

এর অর্থ হল আপনার বুঝতে হবে:

  1. ওয়েবজিএল ধারণা
  2. Three.js এর
  3. অন্তর্নিহিত গাণিতিক ধারণা

Three.js এর। থ্রি.জেএস ওয়েবজিএলের অনেকগুলি বিবরণ বিমূর্ত করার একটি দুর্দান্ত কাজ করে, তাই ব্যক্তিগতভাবে, আমি আপনার প্রকল্পের জন্য থ্রি.জে ব্যবহার করার পরামর্শ দিই। তবে মনে রাখবেন, Three.js এর রয়েছে আলফা , এবং এটি প্রায়শই পরিবর্তন করা হয়, তাই আপনি যে জন্য প্রস্তুত করা থাকতে হবে। উদাহরণগুলি অধ্যয়ন করে বেশিরভাগ লোক থ্রি.জে শিখেন। পুরানো বই এবং টিউটোরিয়াল এড়িয়ে চলুন এবং লাইব্রেরির পুরানো সংস্করণগুলির সাথে লিঙ্কযুক্ত নেট থেকে উদাহরণগুলি এড়িয়ে চলুন।

WebGL এর। আপনি যদি থ্রি.জেএস ব্যবহার করেন, আপনাকে ওয়েবজিএলে কীভাবে প্রোগ্রাম করবেন তা জানার দরকার নেই, আপনাকে কেবল ওয়েবজিএল ধারণাগুলি বুঝতে হবে। এর অর্থ, আপনার অন্য কারও ওয়েবজিএল কোডটি পড়তে এবং আপনি কী পড়ছেন তা বুঝতে সক্ষম হওয়া দরকার। এটি নিজের থেকে কোনও ওয়েবজিএল প্রোগ্রাম লেখার প্রত্যাশার চেয়ে অনেক সহজ। আপনি নেট এর যেকোন টিউটোরিয়াল যেমন WebGLFundamentals.org এবং শিক্ষণ ওয়েবজিএল এর শিক্ষণীয় টিউটোরিয়াল ব্যবহার করে যথেষ্ট ভালভাবে ওয়েবজিএল ধারণাগুলি শিখতে পারেন ।

ম্যাথ। আবার, আপনার অন্তত ধারণাগুলি বুঝতে হবে। তিনটি ভাল বই হ'ল:

  1. ফ্লেচার ডান এবং ইয়ান পারবেরি দ্বারা গ্রাফিক্স এবং গেম ডেভলপমেন্টের জন্য থ্রিডি ম্যাথ প্রাইমার

  2. গেমস এবং ইন্টারেক্টিভ অ্যাপ্লিকেশনগুলির জন্য প্রয়োজনীয় গণিত: জেমস এম ভ্যান ভার্থ এবং লার্স এম বিশপের একটি প্রোগ্রামার গাইড

  3. থ্রিডি গেম প্রোগ্রামিং এবং কম্পিউটার গ্রাফিক্সের জন্য গণিত এরিক লেঙ্গেল

আমি আশা করি এটি আপনার পক্ষে সহায়ক। শুভকামনা।


সহজ ইংলিশে শুরু থেকে শেষ পর্যন্ত ওয়েবগেল ধারণা সম্পর্কে শেখার জন্য সেরা সাইটটি কী। বা কমপক্ষে যখনই লেখক কিছু 'শব্দ' ব্যবহার করেন, সে একবার এটি বর্ণনা করার পরে সে তা বর্ণনা করার পরে তা করে।
মুহাম্মদ উমার

পোস্টের শিরোনামে লার্নিং ওয়েবজিএল টিউটোরিয়ালটির লিঙ্কটি দেখুন।
ওয়েস্টল্যাংলে

22

একটি খুব ভাল অনলাইন কোর্স আছে - THREE.js তে https://www.udacity.com/course/cs291 এ ইন্টারেক্টিভ 3 ডি গ্রাফিক্স । এই কোর্সে হ্যান্ড-অন অভিজ্ঞতা পাওয়ার জন্য অ্যাসাইনমেন্টও অন্তর্ভুক্ত রয়েছে। এটি থ্রি.জেএস এবং কম্পিউটার গ্রাফিক্সের সমস্ত বুনিয়াদি ধারণাটি কভার করে covers


13

আমার ব্যক্তিগত চিন্তাগুলি নিম্নলিখিত:

  • আপনার যদি পর্যাপ্ত সময় থাকে তবে আপনি উভয়ই শিখতে পারেন তবে মনে রাখবেন যে WebGL থ্রি.জেএস এর চেয়ে অনেক নিচু স্তর।
  • প্রথম 3 ডি প্রকল্পের জন্য বিশেষজ্ঞরা শর্তাদি এবং সাধারণ 3 ডি মডেলের অভ্যস্ত হওয়ার জন্য থ্রি.জেএস এর মতো একটি লাইব্রেরি ব্যবহার করার পরামর্শ দেন।

3
আমি এটার সাথে একমত. এই মুহুর্তে দেখে মনে হচ্ছে আপনার টুলবেলে উভয়ই রাখা ভাল জিনিস হতে পারে। আমি থ্রি.জেএস শিখতে শুরু করব, তারপরে জিএলএসএল দিয়ে কিছু ছায়াছবি করব এবং কিছুক্ষণ ওয়েবজিএল সম্পর্কে আরও জানার চেষ্টা চালিয়ে যাব।
কোরি গ্রস

11

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

আমি যখন ওপেনজিএল দিয়ে থ্রিডি প্রোগ্রামিং শিখছিলাম তখন আমি এমভিপি সম্পর্কে একটি প্রারম্ভিক নিবন্ধ লিখেছিলাম । আমি বুঝতে পেরেছিলাম যে যতক্ষণ না আমি এই রূপান্তর ম্যাট্রিকগুলি কী তা ব্যাখ্যা করতে সক্ষম হয়েছি এবং তারা বিভিন্ন মাত্রা / স্পেসগুলির সাথে কীভাবে সম্পর্কিত, আমি সত্যিই কোনও 3 ডি প্রোগ্রামিং জানি না , যদিও আমি পর্দায় অবজেক্টগুলি রেন্ডার করতে পারি।

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


10

"ওয়েবজিএল একটি 2 ডি এপিআই, 3 ডি এপিআই নয়"

http://webglfundamentals.org/webgl/lessons/webgl-2d-vs-3d-library.html

এই নিবন্ধটি WebGL এবং 3 ডি লাইসের মতো 3 ডি লাইব্রেরির মধ্যে মৌলিক পার্থক্য বর্ণনা করে।
যা ওয়েবজিএল বা থ্রি.জেএস-এর মধ্যে নো-ব্রেইনার এর মধ্যে আমার পছন্দ করেছে।


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

6

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

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

আপনি তাদের ইউনিট 3 ডি এর বিনামূল্যে সংস্করণ এবং তাদের অ্যাপ স্টোর (উইন্ডো> অ্যাপ স্টোর) থেকে রফতানিকারক বিনামূল্যে কল্লদা (আমি যখন পেয়েছিলাম তখন মুক্ত ছিলাম) তা বিবেচনা করতে পারে। আমি আমার দৃশ্যে ইউনিটিতে সেটআপ করা এবং থ্রি.জেএস এর সাথে ব্যবহারের জন্য এটি কল্লাতে রফতানি করতে যথেষ্ট সহজ পেয়েছি।

এছাড়াও, আমি এই ক্লাসটি পোস্ট করেছি যা আমি নিও ( http://rockonflash.com/webGL/three/neo.js ) নামে থ্রি.জেএস এর সাথে ব্যবহার করি । এটি কেবল আপনার প্রকল্পে যুক্ত করুন, তারপরে নিও.জ্যাকআইন্টোথ্রি () কে কল করুন এবং এটি আপনার প্রকল্পে ব্যবহারের জন্য অবজেক্ট 3 ডি-তে পদ্ধতি / বৈশিষ্ট্য যুক্ত করবে। আপনার দৃশ্যের ডিবাগ করার সময় অঙ্কনআলাক্সিস () এর মতো জিনিসগুলি অমূল্য etc.

যদিও হাত নিচে, থ্রি.জেস হ'ল একটি দুর্দান্ত উপায় - এটি আপনার নিজস্ব ছায়ার / বস্তু ইত্যাদি লিখতে দেওয়ার পক্ষে যথেষ্ট নমনীয় এবং আপনার লক্ষ্যগুলি অর্জনে সহায়তা করার জন্য বাক্সের বাইরে যথেষ্ট শক্তিশালী।


3

আমি থ্রি.জেএস বাছাই করেছিলাম, তবে জিএলএসএল-এও লাফিয়েছি এবং থ্রি.জেএস শেডারমেটারিয়াল দিয়ে অনেক পরীক্ষা-নিরীক্ষা করেছি। এটি নিয়ে যাওয়ার একটি উপায় - থ্রি.জেস এখনও আপনার জন্য বেশিরভাগ জিনিস বিমূর্ত করে, তবে এটি আপনাকে সমস্ত রেন্ডারিং (অভিক্ষেপ, অ্যানিমেশন) ক্ষমতাগুলিতে খুব পরিষ্কার, নিম্ন স্তরের অ্যাক্সেস দেয়।

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

যেহেতু প্রোগ্রামেবল শেডারগুলি আধুনিক 3 ডি গ্রাফিক্সের সারাংশ, আমি আশা করি আমার উত্তরটি বিন্দুটি হারিয়েছে না :) যত তাড়াতাড়ি বা পরে, যে কেউ এটি করে তাকে অন্তত বুঝতে হবে যে হুডের নীচে কী চলছে, এটি জন্তুটির প্রকৃতি। এছাড়াও, সমজাতীয় স্থানের চতুর্থ মাত্রা বোঝাও সম্ভবত গুরুত্বপূর্ণ।

এই বইটি ওয়েবজিলের জন্য ভাল।


2

আমি দু'জনের মধ্যেই কিছুটা শিখেছি এবং আমি অনুভব করি যে ওয়েবগেল এর মূল বিষয়গুলি বুঝতে পেরেছি, আমি মনে করি ওয়েবগেল এর একটি ভূমিকা যথেষ্ট এবং তারপরে তিনটি জেএসে ঝাঁপিয়ে পড়ে। ওয়েবজিএল এর অন্তর্নিহিত ধারণাগুলি বুঝতে পারলে এটি বেশ সহজ হবে। উপকারী সংজুক:

  1. সেরা ইন্ট্রো আমি পড়েছি: http://dev.opera.com/articles/view/an-intr پيداوار-to-webgl/
  2. বিস্তৃত টিউটোরিয়াল: http://www.johannes-raida.de/tutorials.htm
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.