3D ফাইল ফরম্যাটের জন্য জাভাস্ক্রিপ্ট লাইব্রেরি

three.js দিয়ে শুরু করা

npm ব্যবহার করে three.js ইনস্টল করার সবচেয়ে সহজ উপায়। একটি মসৃণ ইনস্টলেশনের জন্য অনুগ্রহ করে নিম্নলিখিত কমান্ডটি ব্যবহার করুন। 

npm install --save three 

জাভাস্ক্রিপ্ট ব্যবহার করে দৃশ্য তৈরি করুন

ওপেন সোর্স লাইব্রেরি three.js তাদের নিজস্ব জাভাস্ক্রিপ্ট অ্যাপ্লিকেশনের ভিতরে একটি কিউব ঘুরানোর জন্য একটি 3D দৃশ্য তৈরি করার জন্য সমর্থন প্রদান করেছে। Three.js এর সাথে কিছু প্রদর্শন করতে আমাদের একটি দৃশ্য, ক্যামেরা এবং রেন্ডারার প্রয়োজন। দৃশ্যটি সম্পূর্ণ করতে আপনি বিভিন্ন ক্যামেরা এবং তাদের বৈশিষ্ট্য ব্যবহার করতে পারেন। এর পরে, আপনি একটি রেন্ডারার উদাহরণ ব্যবহার করতে পারেন এবং যে আকারে আমরা এটিকে আমাদের অ্যাপ রেন্ডার করতে চাই তা সেট করতে পারেন। আপনি কম বা উচ্চ রেজোলিউশন রাখতে পারেন। অবশেষে, আপনি আপনার HTML নথিতে রেন্ডারার উপাদান (<canvas>) যোগ করুন। আপনি বক্স জ্যামিতি ব্যবহার করে এবং রঙ করার জন্য উপাদান ব্যবহার করে সহজেই একটি ঘনক তৈরি করতে পারেন। এর পরে, আপনার একটি মেশ প্রয়োজন যা দৃশ্যের মধ্যে ঢোকানো যেতে পারে এবং আপনার প্রয়োজন অনুসারে সরানো যেতে পারে।

The open source library three.js has provided support for creating a 3D scene for spinning a cube inside their own JavaScript application. To display anything with three.js we require a scene, camera, and রেন্ডারার. You can use different cameras and their attribute to complete the scene. Next, you can use a রেন্ডারার instance and set the size at which we want it to render our app. You can keep the lower or higher resolution. Lastly, you add the রেন্ডারার element (<canvas>) to your HTML document. You can easily create a cube by using BoxGeometry and using the material to color it. After that, you need a Mesh that can be inserted into the scene and moved according to your need.

The open source library three.js has provided support for creating a 3D scene for spinning a cube inside their own JavaScript application. To display anything with three.js we require a scene, camera, and renderer. You can use different cameras and their attribute to complete the scene. Next, you can use a renderer instance and set the size at which we want it to render our app. You can keep the lower or higher resolution. Lastly, you add the renderer element (<canvas>) to your HTML document. You can easily create a cube by using BoxGeometry and using the material to color it. After that, you need a জাল that can be inserted into the scene and moved according to your need.

জাভাস্ক্রিপ্টের মাধ্যমে 3D মডেল লোড করা হচ্ছে

ওপেন সোর্স three.js লাইব্রেরি সফ্টওয়্যার প্রোগ্রামারদের জাভাস্ক্রিপ্ট কোডের মাত্র কয়েকটি লাইনের সাথে তাদের নিজস্ব অ্যাপ্লিকেশনের ভিতরে 3D মডেল লোড করতে দেয়। 3D মডেল শত শত ফাইল ফরম্যাটে উপলব্ধ। প্রতিটি মডেল বিভিন্ন উদ্দেশ্য, বিবিধ বৈশিষ্ট্য এবং বিভিন্ন জটিলতা নিয়ে আসে। প্রথমে, আপনার একটি লোডার থাকতে হবে এবং তার পরে, আপনি দৃশ্যটি লোড করতে সক্ষম হবেন।

একটি ডায়াগ্রামে লাইন আঁকুন

ওপেন সোর্স লাইব্রেরি three.js তাদের নিজস্ব জাভাস্ক্রিপ্ট অ্যাপ্লিকেশনের ভিতরে লাইন বা বৃত্ত আঁকার জন্য সমর্থন প্রদান করেছে। শুরু করার জন্য আমাদের রেন্ডারার, দৃশ্য এবং ক্যামেরা সেট আপ করতে হবে। এর পরে, আপনাকে উপাদানটি সংজ্ঞায়িত করতে হবে এবং LineBasicMaterial বা LineDashedMaterial ব্যবহার করতে পারেন। উপাদানের পরে, আমাদের কিছু শীর্ষবিন্দু সহ জ্যামিতি প্রয়োজন হবে। প্রতিটি পরপর জোড়া শীর্ষবিন্দুর মধ্যে রেখা আঁকা হয়।