কীভাবে আপনার প্রথম ভিআর অ্যাপ্লিকেশনটি ভিওরোএ্যাক্ট, প্রতিক্রিয়া নেটিভ এবং ক্রডবোটিক্স দিয়ে তৈরি করবেন

দৃশ্য, 3 ডি পাঠ্য এবং ফটোস্পিয়ার সহ একটি সাধারণ ভিআর অ্যাপ তৈরি করুন।

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

প্রতিক্রিয়া নেটিভ বিকাশকারীদের জন্য, এই প্রযুক্তিটি ভিওরেক্ট নামে পরিচিত একটি তৃতীয় পক্ষের প্ল্যাটফর্ম সরবরাহ করে। এই প্ল্যাটফর্মের মাধ্যমে, প্রতিক্রিয়া নেটিভ বিকাশকারীরা দ্রুত ক্রস-প্ল্যাটফর্ম এআর / ভিআর অ্যাপ্লিকেশন তৈরি করতে পারে। ভাইরোআ্যাক্ট বর্তমানে আরকিট, এআরকোর, ভিআর কার্ডবোর্ড, গিয়ার ভিআর এবং ডেড্রিম সমর্থন করে। ভিরো মিডিয়া

এই টিউটোরিয়ালে, আমরা আপনাকে ইনস্টলেশন এবং সেটআপ প্রক্রিয়াটি যেতে এবং একটি ছোট ভিআর অ্যাপ তৈরি করতে এবং এর পিছনের বেসিকগুলি বুঝতে সাহায্য করতে যাচ্ছি।

ওভারভিউ

  • প্রথম পদক্ষেপ: সেটআপ এবং ইনস্টলেশন
  • ভাইরেক্ট কী?
  • অ্যাপ তৈরি করুন
  • ভিআর অ্যাপে দৃশ্য এবং পাঠ্য
  • পাঠ্যে একটি 3D প্রভাব যুক্ত করুন
  • একটি 360 ফটোস্পিয়ার যুক্ত করুন
  • উপসংহার

প্রথম পদক্ষেপ: সেটআপ এবং ইনস্টলেশন

প্রথমত, আমরা ক্রডবোটিকস অ্যাপ বিল্ডার দ্বারা উত্পাদিত একটি প্রতিক্রিয়া নেটিভ প্রকল্প ব্যবহার করব। ক্রাউডবোটিক্সের সাহায্যে আপনার যে প্রকল্পটি তৈরি করা দরকার তা হ'ল হয় আপনার ব্যক্তিগত ইমেল ঠিকানা বা আপনার গিথুব প্রোফাইলের মাধ্যমে (প্রস্তাবিত) লগইন অ্যাক্সেস।

একবার মোবাইল অ্যাপ্লিকেশন এর আওতায় অ্যাপ্লিকেশন তৈরি করুন পৃষ্ঠায় সাইন ইন করার পরে, প্রতিক্রিয়া নেটিভ টেম্পলেট নির্বাচন করুন।

শেষ অবধি, এই পৃষ্ঠার নীচে আপনার টেম্পলেটটির নামটি চয়ন করুন এবং তারপরে "আমার অ্যাপ তৈরি করুন!" বোতামটি ক্লিক করুন click কয়েক মুহুর্ত পরে, আপনার প্রকল্প উত্পন্ন করা হবে। আপনি যদি গিথুবের মাধ্যমে অ্যাক্সেস চয়ন করে থাকেন, আপনি ক্রাউডবোটিক্স পরিষেবা দ্বারা নির্মিত গিথুব সংগ্রহস্থলের জন্য একটি আমন্ত্রণ পাবেন। আপাতত, আপনার ডেভ মেশিনে সংগ্রহস্থলটি ক্লোন করুন।

এগিয়ে যেতে আপনার অবশ্যই আপনার বিকাশ কম্পিউটারে নিম্নলিখিতটি ইনস্টল থাকা আবশ্যক।

  • নোড.জেএস
  • অভিভাবক (কেবলমাত্র ওএসএক্স / লিনাক্স)
  • পাইথন 2, জেডিকে (কেবল উইন্ডোজ)
  • এনগ্রোক প্যাকেজটি বৈশ্বিক মডিউল হিসাবে ইনস্টল করা হয়েছে
  • দেশীয়-প্রতিক্রিয়া প্রতিক্রিয়া
  • প্রতিক্রিয়া

দুটি কমান্ড লাইন সরঞ্জাম ইনস্টল করতে, একটি টার্মিনাল উইন্ডো খুলুন এবং নিম্নলিখিত কমান্ডটি চালান।

ইনস্টলেশনের পরে, আপনার টিউটোরিয়ালটির সময় ২.১.0.০-এর প্রতিক্রিয়া-ভাইরো-ক্লাইমের সর্বশেষ সংস্করণ রয়েছে তা নিশ্চিত করুন। ইনস্টল করা সংস্করণটি পরীক্ষা করতে, "রিঅ্যাক্ট-ভিও-ক্লিও - রূপান্তর" চালান।

ক্লোনড গিথুব সংগ্রহশালাটি অতিক্রম করুন। নিম্নলিখিত ফাইলগুলি বাদ দিয়ে ভিতরে সমস্ত কিছু মুছুন।

  • গিট ডিরেক্টরি
  • .gitattributes
  • .gitignore

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

ডিফল্টরূপে, প্রতিক্রিয়া-ভাইরাস-ক্লাই প্রকল্প নির্ভরতা ইনস্টল করতে সুতা ব্যবহার করে। এই পদক্ষেপের পরে, আপনার নীচের মত একটি প্রকল্প ডিরেক্টরি কাঠামো থাকবে।

ভাইরেক্ট কী?

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

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

ভিরো এপিআই এবং টেস্টবেড অ্যাপ সেট আপ করা হচ্ছে

ভিরো আপনাকে একটি টেস্টবেড অ্যাপ্লিকেশন দেয় যা একটি আসল ডিভাইসে ইনস্টল করা যেতে পারে এবং আপনি যে অ্যাপ্লিকেশনটি তৈরি করেছেন তা পরীক্ষা করে। এটিতে ভাইরোআ্যাক্ট কোর দ্বারা নির্মিত টেস্টবেড অ্যাপ্লিকেশনগুলির কয়েকটি উদাহরণ অন্তর্ভুক্ত রয়েছে।

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

ভিরো প্রতিক্রিয়া কোর অ্যাক্সেস করতে আপনার একটি API কী দরকার need Viromedia.com এ লগ ইন করুন বা একটি নতুন অ্যাকাউন্ট তৈরি করুন। আপনি নিবন্ধিত ই-মেইলে একটি API কী পাবেন receive

এর পরে, আসুন স্ট্যান্ডার্ড স্যাম্পল টেস্টবেড অ্যাপ্লিকেশনটি চালিত করি যা প্রতিটি সিআইএল সরঞ্জাম সহ প্রতিটি ভিরো প্রকল্পের সাথে আসে। প্রথমত, আপনাকে অ্যাপ.জেএস ফাইলটিতে API কী যুক্ত করতে হবে।

তারপরে একটি টার্মিনাল উইন্ডোটি খুলুন এবং এনএমপি শুরু করুন।

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

আপনি অ্যাপ্লিকেশনটি খুললে আপনাকে নীচের স্ক্রিনটি দ্বারা স্বাগত জানানো হবে।

তারপরে মেনু বারটি অ্যাক্সেস করতে উপরের বাম দিকে আইকনটি ক্লিক করুন।

মেনু বারের এন্টার টেস্টবেড ক্লিক করুন। তারপরে টার্মিনালে এনপিআর স্টার্ট চলাকালীন উত্পন্ন এনগ্রোক এন্ডপয়েন্টটি প্রবেশ করান।

তারপরে গো বোতামটি ক্লিক করুন। আপনাকে নীচের মতো পরিবেশ চয়ন করতে বলা হবে। ভিআর ক্লিক করুন।

আপনি নীচে হিসাবে আপনার ডিভাইসে প্রাক ইনস্টল অ্যাপ্লিকেশন কর্ম হিসাবে দেখতে পাবেন।

অ্যাপ তৈরি করুন

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

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

_GetVRNavigator () পদ্ধতিটি ভিআর অভিজ্ঞতার জন্য দৃশ্য নেভিগেটরকে রেন্ডার করে। দৃশ ন্যাভিগেটর হ'ল প্রতিটি ভিরো অ্যাপ্লিকেশনের প্রবেশের পয়েন্ট। এআরের জন্য আপনি ভিওআরএসসিএননাভিগেটর এবং ভিআর ভাইরোভিআরএসসিএননাভিগেটরের সন্ধান করতে পারেন। প্রতিটি দৃশ্যের রেন্ডার করার জন্য দুটি প্রপস প্রয়োজন হয়: এপিকি এবং একটি প্রাথমিক পর্ব। App.js ফাইলে আপনি বর্তমানে রেন্ডার্ড দৃশ্যটি নীচের মত দেখতে পাবেন। ভাগ করা অংশগুলি হ'ল অ্যাপিক্য।

ইনিশিয়ালসিন প্রপসের মান ইনিভিলিভিআরএসিন থাকে। এই মানটি আসলে এমন একটি উপাদান যা প্রাথমিকভাবে দৃশ্য নেভিগেটর দ্বারা প্রদর্শিত হয়। আমাদের ক্ষেত্রে এটি প্রাথমিকভাবে হ্যালোওয়ার্ল্ডসিন উপাদান।

ভিআর অ্যাপে দৃশ্য এবং পাঠ্য

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

পরবর্তী আমরা রেন্ডারিং ফাংশন পরিবর্তন করি। আপনার নিজের পাঠ্য-ভিত্তিক দৃশ্য তৈরি করুন।

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

3 ডি পাঠ্য সক্ষম করার জন্য এক্সট্রুশনডেপথ নামে একটি প্রপ রয়েছে, যার মান শূন্যের চেয়ে বেশি। এটি 3D পাঠ্য সক্রিয় করে। আসুন এই সম্পত্তিটি ভিওরেক্সট উপাদানটিতে যুক্ত করুন।

পাঠ্যে একটি 3D প্রভাব যুক্ত করুন

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

উপকরণ হ'ল ছায়া গোছানো বৈশিষ্ট্য যা জ্যামিতির উপরিভাগ প্রদর্শিত হয় যখন এটি রেন্ডার করা হয়। এটি কার্যকরভাবে দেখতে, নীচে একবার দেখুন।

একটি 360 ফটোস্পিয়ার যুক্ত করুন

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

এই জাতীয় চিত্র যুক্ত করতে ভাইরো রিঅ্যাক্ট এপিআইতে একটি উপাদান রয়েছে যা ভাইরো 360 আইজেশন নামে পরিচিত। আপনি এটি প্রতিক্রিয়া-ভাইরো থেকে আমদানি করতে পারেন।

এই উপাদানটি 360 ডিগ্রি দর্শন প্রদর্শনের জন্য একটি ডিভাইসের জিরোস্কোপ ব্যবহার করে। নীচে এবং ভাইরো টেক্সট এর আগে ভাইরোসিনে উপাদান যুক্ত করুন।

প্রথমবারের জন্য চিত্রটি লোড হতে কয়েক সেকেন্ড সময় লাগতে পারে তবে এটি সঠিকভাবে প্রদর্শিত হয়। নীচে ফলাফল দেখুন।

উপসংহার

ভাইরোআ্যাক্ট বিভিন্ন এপিআই উপাদান সরবরাহ করে যা আপনি আপনার ভিআর অ্যাপ্লিকেশনটি প্রসারিত করতে ব্যবহার করতে পারেন। আপনি কি লক্ষ্য করেছেন যে অ্যাপের উপাদানটিতে পরিবর্তন করার পরে আমাদের কখনই এনগ্রোক বান্ডিলার পুনরায় চালু করতে হয়নি? এখানেই ভাইরোঅ্যাক্টের সুবিধা রয়েছে। আশা করি আপনি এই টিউটোরিয়ালটি উপভোগ করেছেন।

এই টিউটোরিয়ালটির সম্পূর্ণ কোডটি নিম্নলিখিত গিথুব সংগ্রহস্থলে উপলভ্য।

একটি ওয়েব বা একটি মোবাইল অ্যাপ তৈরি করছেন?

ক্রাউডবোটিক্স একটি অ্যাপ্লিকেশন তৈরি, লঞ্চ এবং স্কেল করার দ্রুততম উপায়।

বিকাশকারী? ক্রাউডবোটিকস অ্যাপ নির্মাতাকে বিভিন্ন জনপ্রিয় ফ্রেমওয়ার্ক ব্যবহার করে দ্রুত অ্যাপ্লিকেশন সেটআপ এবং স্থাপন করতে চেষ্টা করুন।

ব্যস্ত না টেক? ক্রাউডবোটিকস পিএম এবং পাকা বিকাশকারীদের সাথে সফটওয়্যার বিকাশকারী শত শত টিমকে যোগদান করুন Join ক্রডডবোটিকস পরিচালিত অ্যাপ্লিকেশন বিকাশ দিয়ে বিনামূল্যে শিডিউল এবং ব্যয় করতে থাকুন।