ভূমিকা
এই নির্দেশিকাটি আপনাকে 3D স্টোরিটেলিং সলিউশনটি কাস্টমাইজ করার বিভিন্ন উপায় দেখাবে, যার মাধ্যমে আপনি চিত্তাকর্ষক জিওলোকেশন স্টোরি তৈরি করতে পারবেন।
দুটি সুবিধাজনক পদ্ধতির মাধ্যমে আপনি তাদের গল্প বলার সমাধানটি কনফিগার করার সুযোগ পাবেন। প্রথমত, আপনি অ্যাডমিন অ্যাপে থাকা সহজবোধ্য ইউজার ইন্টারফেসটি ব্যবহার করতে পারেন, যেখানে একটি বিশেষ কনফিগারেশন প্যানেল রয়েছে। এই প্যানেলের মধ্যে, ব্যবহারকারীরা সম্পূর্ণ গল্প এবং প্রতিটি অধ্যায়ের জন্য ইমেজইউআরএল, শিরোনাম, তারিখ এবং আরও অনেক প্রধান বৈশিষ্ট্য পরিবর্তন করতে পারেন।
দ্বিতীয়ত, আপনি অ্যাডমিন অ্যাপের GUI ব্যবহার করে প্রতিটি অধ্যায়ের জন্য ক্যামেরার সেটিংস এবং ফোকাস অপশনগুলো সূক্ষ্মভাবে সমন্বয় করতে পারেন। নিজেদের কনফিগারেশন নিয়ে সন্তুষ্ট হলে, ব্যবহারকারীরা তৈরি হওয়া JSON ফাইলটি ডাউনলোড করার সুযোগ পান।
বিকল্পভাবে, আপনি সরাসরি JSON ফাইলটি সম্পাদনা করতে পারেন। আপনি JSON কাঠামোটি সামঞ্জস্য করতে, কনফিগার করা স্টোরিটেলিং সলিউশন লোড করতে এবং অ্যাডমিন কন্ট্রোল প্যানেলকে বাইপাস করতে পারেন। এই দ্বৈত পদ্ধতিটি একটি ব্যবহারকারী-বান্ধব ইন্টারফেস এবং উন্নত JSON ম্যানিপুলেশন উভয়ই প্রদান করে।
শুরু করা যাক:
সক্ষম করুন
নিজের গল্প তৈরি করুন
গল্পের সামগ্রিক বিন্যাসটি একটি প্রচ্ছদ এবং তার পরে কয়েকটি অধ্যায়ে বিভক্ত। প্রচ্ছদ এবং অধ্যায় উভয়ই আলাদাভাবে নিজের পছন্দমতো সাজানো যায়। দেখে নিন।
অ্যাডমিন অ্যাপ এবং কনফিগ ফাইল উভয় ব্যবহার করে কীভাবে স্টোরিগুলো তৈরি ও কাস্টমাইজ করা যায় তার বিস্তারিত বিবরণ।
প্রচ্ছদ পৃষ্ঠা
সর্বপ্রথম আপনাকে আপনার মূল গল্পের জন্য একটি প্রচ্ছদ পৃষ্ঠা তৈরি করতে হবে। এটি আপনার গল্পে একটি সার্বিক ধারণা, একটি প্রচ্ছদ ছবি এবং বিবরণ যোগ করে।
অ্যাডমিন অ্যাপ ব্যবহার করুন
আপনার স্টোরির জন্য একটি কভার পেজ যোগ করার মাধ্যমে আপনি শুরু করবেন। অ্যাডমিন অ্যাপ থেকে নিচের স্ক্রিনটি ব্যবহার করে আপনি তা করতে পারেন:
config.json ব্যবহার করুন
এছাড়াও, আপনার কাছে কনফিগারেশন ফাইল থাকলে আপনি সরাসরি এই সেকশনগুলো ফাইলটিতে যোগ করতে পারেন:
- ১.
imageUrl: সম্পূর্ণ গল্পের মূল মিডিয়া ফাইলের (ছবি, জিআইএফ, বা ভিডিও) ইউআরএল।
এটি যেকোনো সর্বজনীনভাবে প্রবেশযোগ্য URL হতে পারে, যা কোনো ছবি, জিআইএফ বা ভিডিও ফাইলের দিকে নির্দেশ করে এবং যেটিকে আপনি পুরো গল্পের প্রধান মাধ্যম হিসেবে ব্যবহার করতে চান।
- ২.
title: সম্পূর্ণ গল্পের শিরোনাম। - ৩.
date: গল্পটির সাথে সম্পর্কিত তারিখ বা সময়কাল। - ৪.
description: গল্পটির একটি সংক্ষিপ্ত বর্ণনা। - ৫.
createdBy: গল্পের স্রষ্টা বা লেখক। - ৬.
imageCredit: মূল ছবিটির জন্য কৃতজ্ঞতা। - ৭.
cameraOptions: সম্পূর্ণ স্টোরিটির জন্য প্রাথমিক ক্যামেরা সেটিংস।
অধ্যায়
গল্পটি বিভিন্ন অধ্যায়ে বিভক্ত, এবং প্রতিটি অধ্যায়ের নিজস্ব কিছু বৈশিষ্ট্য রয়েছে। আপনি আপনার পছন্দমতো যত খুশি অধ্যায় তৈরি করতে পারেন। প্রথমে একটি ঠিকানা নির্বাচন করে শুরু করতে হয় এবং তারপর অধ্যায়টিতে নিম্নলিখিত বিবরণগুলো যোগ করতে হয়।
অ্যাডমিন অ্যাপ ব্যবহার করুন
অবস্থান অনুসন্ধান : আপনি যে অবস্থানটি দেখাতে চান তা খুঁজে পেতে সমন্বিত গুগল ম্যাপস প্ল্যাটফর্মের অটোকমপ্লিট সার্চ বারটি ব্যবহার করুন।
একবার কোনো স্থান যোগ করা হয়ে গেলে, সেই স্থানের পাশে থাকা সম্পাদনা বোতামে ক্লিক করে আপনি অধ্যায়টিতে বিস্তারিত তথ্য যোগ করতে পারেন:
অবস্থান সম্পর্কে বিস্তারিত তথ্য যোগ করুন:
সামগ্রিক কনফিগারেশন নিয়ে আপনি সন্তুষ্ট হলে, json ফাইলটি ডাউনলোড করুন এবং ডেমো অ্যাপে এটি ব্যবহার করতে পারবেন।
config.json ব্যবহার করে কনফিগার করুন।
প্রতিটি অধ্যায় নিজের মতো করে সাজাতে, আপনি ডাউনলোড করা config.json ফাইলটিতে সরাসরি নিম্নলিখিত ভেরিয়েবলগুলো সম্পাদনা করতে পারেন:
-
title: অধ্যায়ের শিরোনাম। -
id: অধ্যায়ের অনন্য শনাক্তকারী। -
imageUrl: অধ্যায়ের ছবির URL। -
imageCredit: অধ্যায়ের ছবিটির জন্য কৃতজ্ঞতা। -
content: অধ্যায়টির পাঠ্য বিষয়বস্তু। -
dateTime: অধ্যায়-নির্দিষ্ট তারিখ বা সময়কাল। -
coords: অধ্যায়টির সাথে সংশ্লিষ্ট স্থানের স্থানাঙ্ক।-
lat: অক্ষাংশ। -
lng: দ্রাঘিমাংশ।
-
-
address: অধ্যায়-সম্পর্কিত ঠিকানা।
ক্যামেরার সেটিংস
অ্যাপ্লিকেশনটিতে ক্যামেরার জন্য বিভিন্ন ধরনের কন্ট্রোল রয়েছে। এই অংশে ক্যামেরার বিভিন্ন সেটিংস এবং সেগুলো কীভাবে কাস্টমাইজ করতে হয়, তা ধাপে ধাপে দেখানো হয়েছে।
(আপনার জন্য আদর্শ দেখার কোণ পেতে ক্যামেরাটি প্যান, জুম ও টিল্ট করুন)
অ্যাডমিন অ্যাপ ব্যবহার করুন
ক্যামেরা: আপনার পছন্দের দেখার অভিজ্ঞতা তৈরি করতে ক্যামেরার চলাচলের গতি এবং কক্ষপথের ধরন সমন্বয় করুন।
অবস্থান চিহ্নিতকারী আপনাকে একটি নির্দিষ্ট স্থানে পিনটি দেখানো বা লুকানোর মধ্যে পরিবর্তন করার সুযোগ দেয়।
রেডিয়াস ফোকাস কোনো নির্দিষ্ট স্থানকে চিহ্নিত না করে একটি নির্দিষ্ট এলাকার চারপাশে ভিনিয়েট শ্যাডো তৈরি করে। কোনো পাড়া বা সাধারণ এলাকা তুলে ধরার জন্য এটি খুবই উপযোগী।
এখানে দেখানো হয়েছে কীভাবে ক্যামেরার ফোকাস পরিবর্তন করে কোনো নির্দিষ্ট বিন্দুর পরিবর্তে একটি এলাকাকে তুলে ধরা যায়।
config.json ব্যবহার করুন
এছাড়াও আপনি সরাসরি json কনফিগ ফাইল ব্যবহার করে ক্যামেরার সমস্ত প্যারামিটার কাস্টমাইজ করতে পারেন:
cameraOptions: এই অধ্যায়ের জন্য ক্যামেরা সেটিংস। ( ক্যামেরার অ্যাঙ্গেল সম্পর্কে আরও জানুন)position: অবস্থান প্যারামিটারটি ত্রিমাত্রিক পরিবেশে ক্যামেরার স্থানিক স্থানাঙ্ক নির্ধারণ করে। এটি x, y, এবং z—এই তিনটি মান নিয়ে গঠিত। প্রতিটি স্থানাঙ্ক x, y, এবং z অক্ষের একটি বিন্দুকে নির্দেশ করে, যা ক্যামেরার অবস্থানকে সংজ্ঞায়িত করে।heading: হেডিং প্যারামিটারটি ক্যামেরার আনুভূমিক দিক নির্দেশ করে। ভৌগোলিক পরিভাষায়, এটি ক্যামেরার দৃশ্য এবং উত্তর দিকের মধ্যবর্তী কোণকে বোঝায়। হেডিং ০ হলে ক্যামেরাটি সরাসরি উত্তর দিকে নির্দেশ করে।pitch: পিচ প্যারামিটার ক্যামেরার উল্লম্ব কোণ নির্ধারণ করে। এটি ক্যামেরার দৃশ্যের হেলান বা নতি নির্দেশ করে। ধনাত্মক পিচ নিচের দিকে নির্দেশ করে, আর ঋণাত্মক পিচ উপরের দিকে নির্দেশ করে।roll: রোল প্যারামিটারটি ক্যামেরার অক্ষের চারপাশে ঘূর্ণন নির্ধারণ করে। এটি ক্যামেরার মোচড়ানোর গতিকে বোঝায়। রোলের মান ০ হলে কোনো ঘূর্ণন হয় না, অন্যদিকে ধনাত্মক বা ঋণাত্মক মান যথাক্রমে ডানে বা বামে ঘূর্ণন নির্দেশ করে।
focusOptions: কোনো নির্দিষ্ট বিন্দুতে ফোকাস করার বিকল্পসমূহ।focusRadius: ফোকাসের জন্য ব্যাসার্ধ।showFocus: ফোকাস দেখানো বা লুকানোর জন্য বুলিয়ান।showLocationMarker: অবস্থান চিহ্নিতকারীটি দেখানো বা লুকানোর জন্য বুলিয়ান।
আপনার কনফিগারেশন সংরক্ষণ করুন
সবশেষে, আপনার ক্যামেরার অবস্থান সংরক্ষণ করতে 'Save camera position'-এ ক্লিক করুন, তারপর আপনার কাজটি সংরক্ষণ করতে 'Leave edit mode'-এ ক্লিক করুন।
এই অ্যাপ্লিকেশনটি একটি ব্যবহারকারী-বান্ধব ইন্টারফেস প্রদান করে, যা আপনাকে থ্রিডি অভিজ্ঞতাটি নিজের মতো করে সাজিয়ে নিতে দেয়। এটি হলো অ্যাডমিন অ্যাপ।
চূড়ান্ত config.json
চূড়ান্ত config.json ফাইলটিতে আপনার নিজস্ব গল্প বলার অভিজ্ঞতা তৈরি করার জন্য প্রয়োজনীয় সমস্ত তথ্য রয়েছে। এতে কভার পেজের বিবরণ, অধ্যায় এবং ক্যামেরা সেটিংস অন্তর্ভুক্ত রয়েছে। আপনি এই ফাইলটি ব্যবহার করে আপনার গল্পকে নিখুঁত করতে পারেন এবং নিশ্চিত করতে পারেন যে এটি দেখতে ও অনুভব করতে ঠিক আপনার ইচ্ছামতো হয়।
শুরু করার জন্য, অ্যাডমিন অ্যাপ থেকে config.json ফাইলটি ডাউনলোড করুন অথবা নতুন করে একটি ফাইল তৈরি করুন। এরপর, ফাইলটি একটি টেক্সট এডিটরে খুলুন এবং ভ্যালুগুলো এডিট করা শুরু করুন। আপনার দর্শকদের জন্য একটি অনন্য ও ইমারসিভ অভিজ্ঞতা তৈরি করতে আপনি টেক্সট, ছবি, এমনকি ক্যামেরার সেটিংসও পরিবর্তন করতে পারেন।
একটি স্টোরি ওভারভিউ json ফাইল দেখতে এইরকম হতে পারে:
{
"properties": {
"imageUrl": "https://storage.googleapis.com/gmp-3d-tiles-storytelling/assets/images/317-300x160.jpg",
"title": "Title",
"date": "1967",
"description": ""his is where you put descriptions",
"createdBy": "Add author",
"imageCredit": "Add image credit",
"cameraOptions": {
"position": {
"x": -2708127.031960028,
"y": -4260747.583520751,
"z": 3886346.825328216
},
"heading": -1.5708,
"pitch": -0.785398,
"roll": 0
}
}
এবং একটি নির্দিষ্ট অধ্যায় দেখতে এইরকম হতে পারে। Chapters হলো একটি অ্যারে এবং এর ভেতরে অনেকগুলো স্বতন্ত্র অধ্যায় থাকতে পারে।
"chapters": [
{
"title": "The Jimmy Hendrix Experience",
"id": 4,
"imageUrl": "https://storage.googleapis.com/gmp-3d-tiles-storytelling/assets/images/401-300x160.jpg",
"imageCredit": "Hunter",
"content": "XYZZZ",
"dateTime": "Aug 10-12 1967",
"coords": {
"lat": 37.7749,
"lng": -122.4194
},
"address": "The Filmore | 1805 Geary Blvd",
"cameraOptions": {
"position": {
"x": -2706472.5713478313,
"y": -4261528.277488908,
"z": 3885143.750529967
},
"heading": 0,
"pitch": 0,
"roll": 0
},
"focusOptions": {
"focusRadius": 3000,
"showFocus": false,
"showLocationMarker": true
}
},
উন্নত কাস্টমাইজেশন
আপনি কোডের গভীরে প্রবেশ করে আরও বেশ কিছু কাস্টমাইজেশন করতে পারেন:
অন্য কোনো স্থান থেকে কনফিগারেশন ফাইলটি লোড করুন
ডিফল্টভাবে, সলিউশনটি একটি লোকাল ফাইল থেকে স্টোরিটেলিং কনফিগারেশন লোড করে। তবে, এটি config.js-এ সহজেই পরিবর্তন করা যায়:
export async function loadConfig(configUrl) {
try {
// Fetch the configuration data from the specified URL.
const configResponse = await fetch(configUrl);
ক্যামেরা কনফিগারেশন
/utils/cesium.js ফাইল থেকে ক্যামেরাটিকে আরও কাস্টমাইজ করা যায়। এটি বেশ কিছু গুরুত্বপূর্ণ ভেরিয়েবল নির্ধারণ করে, যেমন:
- ব্যাসার্ধ
- বেস_পিচ_রেডিয়ান
- বেস_হেডিং_রেডিয়ান
- বেস_রোল_রেডিয়ান
- ডিফল্ট_হাইলাইট_ব্যাসার্ধ
বিভিন্ন ক্যামেরা অ্যাঙ্গেল ও অভিজ্ঞতা পেতে এই ভেরিয়েবলগুলো নিজের মতো করে পরিবর্তন করতে পারেন।
উপসংহার
এই ডকুমেন্টে, আমরা 3D স্টোরিটেলিং অ্যাপ্লিকেশনটি কাস্টমাইজ করার জন্য একটি নির্দেশিকা প্রদান করেছি। আমরা অ্যাডমিন অ্যাপে উপলব্ধ বিভিন্ন বিকল্প এবং কীভাবে সেগুলি ব্যবহার করে আকর্ষণীয় ও চিত্তাকর্ষক জিওলোকেশন স্টোরি তৈরি করা যায়, তা আলোচনা করেছি। আমরা config.json ফাইল ব্যবহার করে একটি কাস্টম স্টোরি তৈরির প্রক্রিয়া নিয়েও আলোচনা করেছি। পরবর্তী পদক্ষেপ
এখন যেহেতু আপনি 3D স্টোরিটেলিং অ্যাপ্লিকেশনটি কাস্টমাইজ করার পদ্ধতি শিখে গেছেন, আপনি নিজের গল্প তৈরি করা শুরু করতে পারেন। আপনাকে শুরু করতে সাহায্য করার জন্য এখানে কয়েকটি ধারণা দেওয়া হলো:
- আপনার নিজের শহর বা বেড়াতে যাওয়া কোনো জায়গা নিয়ে একটি গল্প তৈরি করুন।
- কোনো ঐতিহাসিক ঘটনা অথবা আপনাকে অনুপ্রাণিত করেছে এমন কোনো ব্যক্তিকে নিয়ে একটি গল্প তৈরি করুন।
- একটি কাল্পনিক জগৎ অথবা আপনার দেখা কোনো স্বপ্ন নিয়ে একটি গল্প তৈরি করুন।
সম্ভাবনা অফুরন্ত! তাই আপনার কল্পনাকে অবাধে উড়তে দিন এবং সত্যিই অসাধারণ কিছু তৈরি করুন।