মডেল-দর্শকের সাথে অগমেন্টেড রিয়েলিটি

ফেব্রুয়ারিতে, আমরা <model-viewer> ওয়েব কম্পোনেন্ট প্রবর্তন করেছি, যা আপনাকে আপনার নিজের সাইটে মডেলটি হোস্ট করার সময় ঘোষণামূলকভাবে একটি ওয়েব পৃষ্ঠায় একটি 3D মডেল যোগ করতে দেয়। একটি জিনিস যা এটি সমর্থন করে না তা হল বর্ধিত বাস্তবতা। অর্থাৎ, আপনি ডিভাইসের ক্যামেরা ফিডের উপরে কম্পোনেন্টের সোর্স ইমেজ রেন্ডার করতে পারেননি।

এটি করার জন্য, আমরা তখন থেকে ম্যাজিক লিপ এবং iOS এ কুইক লুকের জন্য সমর্থন যোগ করেছি। এখন আমরা ar অ্যাট্রিবিউট যোগ করে Android-এ AR-এর জন্য সমর্থন ঘোষণা করছি। এই অ্যাট্রিবিউটটি সিন ভিউয়ার নামে একটি নতুন ARCore বৈশিষ্ট্যের উপর তৈরি করা হয়েছে, 3D মডেল দেখার জন্য একটি বাহ্যিক অ্যাপ। সিন ভিউয়ার সম্পর্কে আরও জানতে, একটি অ্যান্ড্রয়েড ব্রাউজার থেকে AR-তে 3D মডেলগুলি দেখুন

মার্স রোভার

চলুন দেখি কিভাবে <model-viewer> দিয়ে অগমেন্টেড রিয়েলিটি করা যায়।

গুণ

একটি ওয়েব উপাদান, আপনি মনে করতে পারেন, ব্যবহার করার জন্য কোন বিশেষ জ্ঞানের প্রয়োজন হয় না। এটি একটি আদর্শ এইচটিএমএল উপাদানের মতো আচরণ করে, একটি অনন্য ট্যাগের পাশাপাশি বৈশিষ্ট্য এবং পদ্ধতি রয়েছে৷ <script> ট্যাগ দিয়ে ইন্সটল করার পর, অন্য যেকোন HTML এলিমেন্টের মত এটি ব্যবহার করুন।

<model-viewer alt="A 3D model of an astronaut." src="Astronaut.gltf" ios-src="Astronaut.usdz" magic-leap ar>

এটি আমার আগের নিবন্ধে যা ছিল তার মতোই দেখায়। আমি খুব শেষে হাইলাইট করেছি জিনিস লক্ষ্য করুন. যে নতুন বৈশিষ্ট্য.

নতুন সংস্করণ ইনস্টল করা হচ্ছে

আপনি যদি ইতিমধ্যেই <model-viewer> ব্যবহার করে থাকেন, তাহলে আপনি সম্ভবত <script> ট্যাগ ব্যবহার করে কম্পোনেন্ট আমদানি করছেন ঠিক যেমন ডকুমেন্টেশনে দেখানো হয়েছে । আমরা ক্রমাগত উন্নতি করছি। আপনি ইচ্ছাকৃতভাবে আপগ্রেড এবং স্থাপন করার আগে নতুন বৈশিষ্ট্যগুলি পরীক্ষা করতে চাইলে, আপনি <model-viewer> এর একটি নির্দিষ্ট সংস্করণ ইনস্টল করতে চাইবেন। এটি করার জন্য, নীচের চিত্রের মতো ফাইল URL-এ সংস্করণ নম্বর যোগ করুন। তারপরে, আপডেটের জন্য রিলিজ পৃষ্ঠাটি দেখুন।

<script type="module"
  src="https://unpkg.com/@google/model-viewer@0.3.1/dist/model-viewer.js">
</script>

<script nomodule
  src="https://unpkg.com/@google/model-viewer@0.3.1/dist/model-viewer-legacy.js">
</script>

উপসংহার

<model-viewer> এর নতুন সংস্করণ একবার চেষ্টা করে দেখুন এবং আপনি কী ভাবছেন তা আমাদের জানান। গিটহাবে সমস্যা এবং প্রতিক্রিয়া স্বাগত জানাই