Threejs3D Code Play

Threejs3D Code Play আপনাকে কোড এডিট করে এবং তার ফলাফল একটি ইন্টারেক্টিভ 3D সিন হিসেবে দেখে Three.js শিখতে সাহায্য করে। একটি উদাহরণ দিয়ে শুরু করুন, এর HTML এবং JavaScript পরিবর্তন করুন, তারপর অ্যাপটিতে আপনার নিজের ভার্সনটি চালান।

চলমান সিনের মাধ্যমে শিখুন

শেখার বিভিন্ন পরীক্ষা এবং আগে থেকে তৈরি করা অ্যানিমেটেড সিনের মাধ্যমে ৯৯টি উদাহরণ অন্বেষণ করুন। শেপ, ম্যাটেরিয়াল, লাইটিং এবং ক্যামেরা দিয়ে শুরু করুন, তারপর পার্টিকেল, শেডার এবং ইন্টারঅ্যাকশন নিয়ে অনুসন্ধান করুন। যখন আপনি একটি বড় পরিসরের সূচনা চান, তখন একটি সৌরজগৎ, সমুদ্রের ঢেউ বা একটি অ্যানিমেটেড অ্যাবস্ট্রাক্ট সিন চেষ্টা করে দেখতে পারেন।

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

এডিট করুন, চালান এবং অনুসন্ধান করুন

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

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

আপনার পরীক্ষা-নিরীক্ষাগুলো সংরক্ষণ করুন

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

একটি প্রজেক্ট HTML বা ZIP হিসাবে এক্সপোর্ট বা শেয়ার করুন। এক্সপোর্টে স্বীকৃত বান্ডেল করা Three.js লাইব্রেরিগুলো অন্তর্ভুক্ত থাকে; কাস্টম এক্সটার্নাল অ্যাসেটগুলো এক্সটার্নালই থেকে যায়। একটি ZIP এক্সট্র্যাক্ট করুন এবং অ্যাপের বাইরে প্রজেক্টটি খোলার জন্য HTTP-এর মাধ্যমে এর ফোল্ডারটি সার্ভ করুন।

আপনার ওয়ালপেপার অ্যানিমেট করুন

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

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