নিচে কোথাও tucked সাফারি টেকনোলজি প্রিভিউ 161 রিলিজ নোট একটি নতুন HTML উপাদান এবং বৈশিষ্ট্যের জন্য সমর্থন সম্পর্কে একটি আপাতদৃষ্টিতে নির্দোষ লাইন:

জন্য সমর্থন যোগ করা হয়েছে <model src> এবং সম্মান <source type> গুণাবলী ([ইমেল সুরক্ষিত])

যখনই আমি এমন কিছু উপাদানের উল্লেখ দেখি যা আমি চিনতে পারি না, আমার মন সরাসরি চলে যায় হুহ! আমার কাছে নতুন, তবে সম্ভবত অন্য সবার জন্য পুরানো খবর. এটি দুর্বল ভঙ্গি, আমি জানি, এটি যেমন সহজে হতে পারে:

• হুম, কিছু মালিকানাধীন পরীক্ষার মত দেখাচ্ছে।
• বাহ, সত্যিই একটি নতুন জিনিস!

সত্য, এটি তিনটিই সাজানো।

এটি একটি বিকশিত ধারণা

হিসাবে, প্রথম কিছুটা অফিসিয়াল-শব্দযুক্ত জিনিস আমি খুঁজে পেয়েছি <model> W3C স্পেকের মধ্যে ছিল না কিন্তু ছিল ব্যাখ্যাকারীদের জন্য ওয়েবকিটের রেপো. README তে যা আছে তা হল 2021 সালের একটি বিশাল নোট যে “The <model> উপাদানটি ইমারসিভ ওয়েব সিজিতে স্থানান্তরিত হয়েছে।" আমি ওভার লাফ দিতে ছিল কিন্তু আমার চোখ ধরা HistoryAndEvolution.md ফাইল যার উপর প্রারম্ভিক প্রসঙ্গ একটি সুন্দর রানডাউন আছে <model> ধারণা:

সার্জারির  <model> উপাদান পরবর্তী পদক্ষেপ নেওয়ার এবং iOS-এর সাথে সাফারির একীকরণের অভিজ্ঞতা উন্নত করার ইচ্ছা থেকে জন্ম হয়েছিল এআর কুইক লুক বৈশিষ্ট্য।

আমাকে এআর কুইক লুকের জন্য অ্যাপলের স্প্ল্যাশ পৃষ্ঠাটি দেখতে হয়েছিল। আপনি জানেন যে কিছু দোকানে নতুন বৈশিষ্ট্য রয়েছে যেখানে আপনি আপনার ফোনের ক্যামেরা ব্যবহার করে আপনার নিজের বাড়িতে একটি পণ্যের 3D রেন্ডারিং স্থানান্তর করতে পারেন? যে জিনিস আমরা সম্পর্কে কথা বলছি সাজানোর, এবং অ্যাপল মেট্রোপলিটন মিউজিয়াম অফ আর্ট থেকে একটি চমৎকার কেস স্টাডি লিঙ্ক করেছে.

আমি এই সীমিত প্রসঙ্গ থেকে এটি বুঝতে পারি:

• বাদ a <model> নথিতে উপাদান।
• একটি বহিরাগত উৎস ফাইল যোগ করুন, যেমন <model src="assets/example.usdz">.

মূল প্রস্তাবটি ইমারসিভ ওয়েব কমিটি গ্রুপের

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

এইচটিএমএল অনেক ধরনের মিডিয়া প্রদর্শনের অনুমতি দেয় যেমন উপাদানগুলির মাধ্যমে <img>, <picture>, বা <video>, কিন্তু এটি সরাসরি 3D বিষয়বস্তু প্রদর্শনের জন্য একটি ঘোষণামূলক পদ্ধতি প্রদান করে না। একটি পৃষ্ঠার মধ্যে 3D বিষয়বস্তু এম্বেড করা তুলনামূলকভাবে কষ্টকর এবং স্ক্রিপ্ট করার উপর নির্ভর করে <canvas> উপাদান আমরা বিশ্বাস করি যে এটি অন্যান্য, ইতিমধ্যে সমর্থিত, মিডিয়া প্রকারের সাথে 3D মডেলগুলিকে সমানভাবে স্থাপন করার সময়।

[...]

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

মৌলিক উদাহরণ এটি একসাথে টানে। এটা সত্যিই মত মনে হয় <video> or <picture> উপাদান:

<model style="width: 400px; height: 300px"> <source src="assets/example.usdz" type="model/vnd.usdz+zip"> <source src="assets/example.glb" type="model/gltf-binary">
</model>

.usdz? .glb? ফাইলের ধরন নয় যা সাধারণত আমার ডেস্ক অতিক্রম করে। অনুমান করুন আমি সেইগুলি এবং অন্য যেকোন ফাইলের ধরনগুলি ব্রাশ করতে হবে <model> সমর্থন করতে পারে। আবার, এই সব নিছক মূল প্রস্তাব.

খসড়া প্রস্তাবটি এখনও পুরোপুরি আটকে যায়নি

কিন্তু এটা করে একটি সুন্দর রূপরেখা প্রদান করুন জিনিসগুলি কোথায় যেতে পারে:

• একটি নথিতে একটি মডেল যোগ করা হচ্ছে
• ইন্টারঅ্যাক্টিভিটি সক্ষম করা হচ্ছে
• একাধিক বিন্যাস সমর্থন করে
• ফলব্যাক বিষয়বস্তু প্রদান
• এটিকে অ্যাক্সেসযোগ্য করে তোলা

অনেক কিছু বের করার আছে। সেখানে যা আছে তার বেশিরভাগই নথিভুক্ত সমস্যা যা সমাধান করা দরকার। এটা অবশ্য আরো আলোকপাত করে <model> প্রস্তাবিত বৈশিষ্ট্যের মতো যা এটিকে সমান করে তোলে অধিক মত <video> যেমন autoplay, controls, loop, muted, posterইত্যাদি

এটি আরও পিছনে যায়

আমি পাওয়া 3D মডেলিং খুব প্রথম উল্লেখ ছিল কিথ ক্লার্কের 2018 সালের পোস্ট যার মধ্যে তিনি একটি কাস্টম উপাদানের প্রোটোটাইপ করেন যাকে বলা হয় <x-model>. তিনি এটিকে "একটি স্থানধারক যা DOM এবং CSSOM-এ অ্যাক্সেস প্রদান করে" হিসাবে বর্ণনা করেছেন যেখানে লোডিং এবং রেন্ডারিং করা হয় তিন.জেএস.

কিথের ধারণা অনুসরণ করা হয় <model-viewer> কম্পোনেন্ট জো মেডলি 2020 এ শেয়ার করেছেন (এবং পরবর্তী আপডেটের এটিতে)। এমনকি একটি আছে এর জন্য হোমপেজ এবং নিল আর্মস্ট্রংকে মহাকাশে টেনে নিয়ে যাওয়া মজার।

এটা সম্ভবত শুধু একটি পরীক্ষা?

আমি বলতে চাচ্ছি, খসড়া স্পেক আউট fleshed করা হয়নি. Apple Safari TP 161 ঘোষণার জন্য বল খেলতে ইচ্ছুক বলে মনে হচ্ছে। যে দেওয়া সম্পূর্ণ অর্থে তোলে অ্যাপল এআর-এ কতটা বুলিশ সার্বিকভাবে. (অ্যাপল চশমা, যে কেউ?)

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

---

এই সব শুধু আমার সব কিছু grok করার চেষ্টা থেকে নোট. আমি এখন পর্যন্ত এটি সম্পর্কে যা জানি তার চেয়ে এটিতে আরও অনেক বেশি সূক্ষ্মতা থাকতে হবে। আমি নিশ্চিত যে একজন বুদ্ধিমান চারপাশে আরও সুন্দর ধনুক বাঁধতে পারে <model> মন্তব্যে 😉

এবং যখন আমরা সাফারি প্রযুক্তি পূর্বরূপ কথা বলছি, 162 শুধু অন্য দিন মুক্তি এবং এটি সক্ষম করে CSS নেস্টিং এবং CSS আপেক্ষিক রঙ সিনট্যাক্স.

• এসইও চালিত বিষয়বস্তু এবং পিআর বিতরণ। আজই পরিবর্ধিত পান।
• প্লেটোব্লকচেন। Web3 মেটাভার্স ইন্টেলিজেন্স। জ্ঞান প্রসারিত. এখানে প্রবেশ করুন.
• উত্স: https://css-tricks.com/ar-vr-and-a-model-for-3d-in-html/