WebXR برنامهنویسی واقعیت مجازی در وب!
گوگل استاندارد واقعیت افزوده WebXR را برای مرورگر کروم معرفی کرد
فروشگاه هیچگونه شعبه ی دیگر و هیچگونه اطلاعات تماس دیگری به استثناء مشخصات درج شده در صفحه تماس با ما ندارد. متا رسما راه اندازی شد متا فضایی SDK، ابزاری جدید برای ساخت برنامه های همه جانبه برای سیستم عامل Meta Horizon. SDK این فرصت را به توسعه دهندگان می دهد تا اکوسیستم توسعه غنی اندروید را با قابلیت های منحصر به فرد Meta Quest ترکیب کنند و ساخت برنامه های همه جانبه تر را برای توسعه دهندگان آسان تر می کند. کاربران با این ویژگی میتوانند ابعاد هر محیطی را اندازه بگیرند و از مساحت و حجم آیتمهایی که در اطراف خود مشاهده میکنند، آگاه شوند. API نیروهای عظیم گوگل و آمازون را در پشت خود دارد، بنابراین به نظر می رسد تجربیات همه جانبه، تنها با استفاده از یک مرورگر، در آینده نزدیک تاثیر زیادی خواهد گذاشت . در حالی که WebVR هنوز در اوایل راه خود قرار دارد، به زودی منسوخ می شود و توسط WebXR جایگزین میشود.
تنها ابزاری که به آن نیاز دارید ویرایشگر کد است ، در دوره من از Brackets استفاده میکنم ، که به صورت رایگان در دسترس است. ما به چند نمونه WebXR نگاه می کنیم تا الهام بخش شما باشد و آنچه را که یاد گرفته اید مرور کنیم. اما WebXR فقط از سنسورها استفاده می کنددر یک دستگاه تلفن همراه و یک تعریف توافق شده از نحوه استفاده از این داده ها ایجاد می کند. بدون در نظر گرفتن سیستم عامل یا سخت افزار، می توان به تجربه های WebXR از هر دستگاهی، از جمله گوشی های هوشمند، تبلت ها و رایانه ها دسترسی داشت. تقریبا میتوان گفت محصولی وجود ندارد که آ.اس.پ برای مشتریان خود در سراسر کشور فراهم نکرده باشد.
تمامی اقلام ارائه شده دارای گارانتی اصالت و سلامت فیزیکی کالا میباشند و تمامی محصولات دارای مهلت تست و ضمانت بازگشت کالا نیز هستند. بررسی٬ بخش فنی و توضیحات اقلام به دقت و با نظارتهای دقیقی در وبسایت قرار گرفته است. بدین شکل٬ کاربر بر اساس مقایسه دقیق مشخصات٬ قیمت و نیاز های خود٬ میتواند به سرعت و با آگاهی کامل کالا مورد نظر خود را انتخاب و خریداری نماید. قیمت گذاری در جهت حمایت از حقوق مصرف کننده میباشد و از سوی شورای اصناف هر دسته بندی مورد تایید میباشد. بدین ترتیب در صورت مشاهده قیمت هایی بسیار پایین تر و یا حتی بالاتر و تناقض میتوانید در اصالت کالا مورد نظر و محل خرید تردید نمائید.
ابتدا باید محیط توسعه خود را آماده کنید و ابزارها و کتابخانههای مورد نیاز را نصب کنید. در این مرحله، استفاده از WebGL برای رندر کردن گرافیکهای سهبعدی و JavaScript برای افزودن تعاملات و منطق برنامه ضروری است. این آموزش شامل راهنمایی دقیق در مورد راه اندازی یک محیط توسعه محلی، استقرار برنامه ها با استفاده از GitHub Pages، و پیکربندی و اجرای سرور توسعه محلی است. توسعه دهندگان همچنین می توانند از IWER (Immersive Web Simulation Runtime) و @iwer/devui برای شبیه سازی و آزمایش برنامه های WebXR خود برای تنظیم آسان ویژگی های مختلف در طول توسعه استفاده کنند. واقعیت مجازی (VR) در مرورگرها ایده تازه ای نیست، اما واقعیت افزوده (AR) مبتنی بر وب افق های جدیدی را پیش روی کاربران می گشاید.
این برنامهها طیف وسیعی از موارد استفاده را شامل میشوند، از شبیهسازی آموزشی و تورهای مجازی گرفته تا تجسم محصول تجارت الکترونیک و محیطهای مشارکتی بلادرنگ. توسعه دهندگان همچنین از نحوه ادغام فناوری WebXR با فناوری های وب موجود بدون نیاز به نصب سخت افزار یا نرم افزار تخصصی استقبال می کنند. فناوری WebXR واقعیت های مجازی و افزوده را با هم ترکیب می کند و تجربیات همه جانبه را مستقیماً به مرورگرهای ما می آورد. WebXR از تغییر نحوه خرید آنلاین تا تعریف مجدد محیط های آموزشی، زمینه را برای تعاملات دیجیتالی آینده فراهم می کند. WebXR API توسط W3C (کنسرسیوم وب جهانی) توسعه یافته است و هدف اصلی آن، ایجاد یک استاندارد باز برای تجربههای واقعیت افزوده و مجازی در وب است. فناوری WebXR به توسعهدهندگان اجازه میدهد تا با استفاده از زبانهای برنامهنویسی وب مانند JavaScript و ابزارهای گرافیکی مانند WebGL، تجربههای تعاملی و سهبعدی را برای کاربران فراهم کنند.
متا توسعهدهندگان را تشویق میکند تا تجربیات وب را با استفاده از WebXR، یک استاندارد باز که تجربههای فراگیر را در دستگاهها و پلتفرمها امکانپذیر میکند، فضایی کنند. توسعه دهندگان می توانند برنامه های WebXR خود را در Meta Horizon Store از طریق مرورگر Quest یا PWA بسته بندی شده ارائه دهند و تجربه آنلاین سه بعدی و تعاملی بیشتری را به کاربران ارائه دهند. در حالی که داشتن دانش قبلی جاوا اسکریپت و برنامه نویسی وب برای شما مفید است، کلاس را می توان توسط مبتدیان مطلق دنبال کرد زیرا محیط کدنویسی ساده است و نمونه های کد با نظرات و توضیحات زیادی تنظیم شده اند. WebXR به توسعهدهندگان امکان میدهد تا تجربههای تعاملی و غوطهور ایجاد کنند. این تجربهها میتوانند شامل بازیهای تعاملی، شبیهسازیهای آموزشی، تورهای مجازی و بسیاری دیگر از کاربردهای متنوع باشند.
قبل از شروع برنامه، WebXR صریحاً از کاربر اجازه میخواهد و این اجازه به دلیل ماهیت محتوایی است که معمولاً نیاز به دسترسی به دادههای حساس مانند دوربین، مکان، حرکت و غیره را دارد. گذشته از این، اگر دوست دارید چند نسخه دمو از وب ایکس آر را امتحان کنید، میتوانید با استفاده از هدست VR، از نسخه های دمو زیر استفاده کنید. این دستگاهها شامل هدستهای واقعیت مجازی، تلفنهای هوشمند با قابلیت واقعیت افزوده، و حتی کامپیوترهای دسکتاپ میشود. این سازگاری گسترده، WebXR را به یک ابزار همهکاره برای توسعهدهندگان تبدیل کرده است. اگر به دنبال روشی ساده و مقرونبهصرفه برای بهرهبرداری از واقعیت افزوده وبمحور هستید، پلتفرم Arlive انتخابی مناسب است.
این روش به راحتی در شبکههای اجتماعی، پیامرسانها و تبلیغات چاپی قابل اشتراکگذاری است. در مقابل، اپلیکیشنهای AR به دلیل نیاز به نصب اولیه کمتر در بازاریابی ویروسی موثرند. برای شروع کار با WebXR، نیاز به آشنایی با برخی ابزارها و کتابخانههای موجود دارید. از جمله این ابزارها میتوان به Three.js و A-Frame اشاره کرد که هر دو ابزارهای قدرتمندی برای ایجاد محتوای سهبعدی در وب هستند. این کتابخانهها کار با WebXR را سادهتر میکنند و امکانات متنوعی برای ایجاد تجربههای واقعیت مجازی و افزوده فراهم میکنند. فناوری WebXR یک استاندارد جدید API برای توسعه دهندگان وب است که به آنها کمک میکند بدون نیاز به استفاده مستقیم با هر کدام از سخت افزارها، اپلیکیشنهای VR یا AR را ایجاد کنند.
با واقعیت افزوده مبتنی بر وب، کاربران به راحتی میتوانند لینکهای AR را از طریق شبکههای اجتماعی، پیامرسانها و ایمیلها با دیگران به اشتراک بگذارند. این قابلیت باعث افزایش بازدید و ارتقای سئو سایت میشود و همچنین در بازاریابی میتوانید دست برنده را داشته باشید. واقعیت افزوده وبمحور به دلیل عدم نیاز به نصب اپلیکیشن، دسترسی آسانتری برای کاربران فراهم میکند. این ویژگی، نرخ تعامل کاربر را افزایش داده و تجربه AR را برای طیف وسیعتری از کاربران ممکن میسازد. توسعه و نگهداری اپلیکیشنهای واقعیت افزوده به دلیل نیاز به بهینهسازی برای سیستمعاملهای مختلف مانند iOS و Android، هزینهبر است.
XR در تلاش است که شامل تکنولوژیهای همه جانبهای (immersive technology ) همچون دستگاههای موبایل با ردیابی موقعیتی یا نمایشگر ثابت با قابلیت هد ترکینگ شود. این مورد فقط یکی از مثالهای بی شماری است که میتوان در رابطه با مثال وب ایکس آر پیدا کرد. همینطور مجموعه ای عالی از نمونههای نحوه استفاده از WebXR در این سایت موجود است. XR رابطه تنگاتنگی با واقعیت مجازی (VR)، واقعیت افزوده (AR) و خصوصا واقعیت ترکیبی (MR) دارد. با این حال، توسعهدهندگانی که علاقهای به یادگیری جریانهای کاری کاملاً جدید ندارند، ممکن است برای کار در یک رسانه تقریباً جهانی برای همه – وب – مناسبتر باشند.
همانطور که قبلا ذکر شد، انتظار می رود بازار واقعیت مجازی و واقعیت افزوده در چند سال آینده رشد قابل توجهی داشته باشد و WebXR نقش مهمی در این رشد ایفا خواهد کرد. برخلاف تجربیات سنتی مجازی و واقعیت افزوده که نیاز به سخت افزار و نرم افزار تخصصی دارند، WebXR را می توان از هر دستگاهی با اتصال به اینترنت دسترسی داشت. با استفاده از این فناوری، میتوان تورهای مجازی از مکانهای تاریخی، طبیعی و فرهنگی ایجاد کرد. این تورها میتوانند به کاربران امکان دهند تا بدون نیاز به سفر، مکانهای مختلف را به صورت واقعگرایانه بازدید کنند و از زیباییها و تاریخچه آنها بهرهمند شوند. همین موضوع باعث شده تا امروز شاهد واسط برنامه نویسی جدید آنها برای واقعیت ...
البته هنوز زمان نسبتاً زیادی تا پیاده سازی نهایی این تکنولوژی باقی مانده اما آینده نویدبخشی در انتظار ماست. ایجاد تجربیات واقعیت مجازی و واقعیت افزوده می تواند پیچیده باشد و به مهارت ها و دانش تخصصی نیاز دارد. ما یک آموزشگاه برنامه نویسی هستیم که متخصص در فناوری جدید هیجان انگیز واقعیت افزوده در وب هستیم. دیگر نیازی به دانلود برنامه ها یا کدنویسی دست و پا گیر در Swift یا جاوا نیست، فقط برنامه AR خود را در جاوا اسکریپت، HTML و CSS ایجاد کنید و آن را بدون دردسر در اختیار میلیون ها نفر در سراسر جهان قرار دهید. بازیهای ویدیویی یکی دیگر از حوزههایی است که میتواند از WebXR بهرهمند شود.
Arlive به شما امکان میدهد رایگان و بدون نیاز به نصب اپلیکیشن، تجربههای AR را مستقیماً از طریق مرورگر فراهم کنید. این ویژگی به خصوص برای کسبوکارهای کوچک و متوسط که میخواهند بدون سرمایهگذاری اولیه تجربهای جذاب برای مخاطبان خود ایجاد کنند، بسیار ارزشمند است. در اپلیکیشنهای واقعیت افزوده، به دلیل دسترسی بهتر به سختافزار دستگاه مانند دوربین و حسگرها، ویژگیهای پیچیدهتری قابل اجراست. اما واقعیت افزوده وبمحور با استفاده از فناوریهای نوین مثل WebXR روزبهروز در حال بهبود است. گوگل عمیقاً باور دارد که در سال 2018 فضای وب باید متحول شود و تجربه ای فراگیر تر را ارائه دهد. همین موضوع باعث شده تا امروز شاهد واسط برنامه نویسی جدید آنها برای واقعیت افزوده یعنی WebXR API باشیم.
WebXR به توسعهدهندگان اجازه میدهد تا با استفاده از زبانهای برنامهنویسی وب مانند JavaScript و ابزارهای گرافیکی مانند WebGL، تجربههای تعاملی و سهبعدی را برای کاربران فراهم کنند. علاوه بر Meta Spatial SDK، Meta همچنین مجموعهای از آموزشهای WebXR را ارائه میکند تا به توسعهدهندگان کمک کند تا از Three.js برای توسعه تجربیات WebXR همهجانبه و ایجاد دنیای وب سه بعدی تعاملی استفاده کنند. توسعه دهندگان وب که به دنبال گسترش مهارت های خود هستند یا علاقه مندان به برنامه های کاربردی واقعیت مجازی (VR) اصول اولیه ساخت بازی های WebXR را در این آموزش دو ساعته یاد خواهند گرفت. WebXR چیست ؟ WebXR نسخه بعدی WebVR است که اکنون شامل تمام دستگاههای VR و واقعیت افزوده، حسگرها و پشتیبانی از کنترل کننده است. در حقیقت، توسعه دهندگان وب سالها است که سعی میکنند تجربه واقعیت مجازی را در وب سایتها ادغام کنند. واقعیت افزوده این پتانسیل را دارد که به طور گسترده در وب مورد استفاده قرار گیرد، جایی که کاربران مجبور نیستند برنامهها را دانلود کنند یا مطمئن شوند که جدیدترین سختافزار را دارند.
توسعهدهندگان میتوانند با افزودن ویژگیهایی مانند رسانههای همهجانبه، محیطهای سهبعدی و پانلهای تعاملی، عملکرد برنامههای خود را به محیطهای واقعیت ترکیبی (MR) غنیتر گسترش دهند. علاوه بر این، SDK به توسعه دهندگان اجازه می دهد تا برنامه های همه جانبه جدید بسازند و تجربیات تعاملی کاربر را ارائه دهند. اکنون، توسعهدهندگان میتوانند بلافاصله Meta Spatial SDK را دانلود کرده و با استفاده از انواع نمونهها و برنامههای نمایشی منبع باز شروع به توسعه کنند. وب ایکس آر چیست ؟ WebXR یک استاندارد جدید API برای توسعه دهندگان وب است که به آنها کمک میکند بدون نیاز به استفاده مستقیم با هر کدام از سخت افزارها، اپلیکیشنهای VR یا AR را ایجاد کنند. کاربران نیز میتوانند بدون نیاز به نصب پلاگین یا نرم افزار اضافی، تنها از طریق مرورگر وب برای مشاهده محتوای VR / AR اقدام کنند. به علاوه، توسعه دهندگان میتوانند تنها با یک بار کدنویسی، امکان استفاده از آن را برای همه دستگاهها با برندهای مختلف (Oculus ،Vive ،Windows Mixed VR و غیره) امکان پذیر کنند.
اپلیکیشنهای واقعیت افزوده نیازمند دانلود و نصب برنامه هستند، که ممکن است به دلیل حجم بالا و نیاز به فضای ذخیرهسازی، دسترسی کاربران را محدود کند. در مقابل، واقعیت افزوده مبتنی بر وب تنها با استفاده از یک مرورگر فعال میشود و کاربران میتوانند با کلیک یا اسکن QR کد، وارد فضای AR شوند. این دسترسی سریع و آسان به خصوص برای کمپینهای بازاریابی جذابیت دارد و میتواند به افزایش تعامل کاربران و بازدید سایت کمک کند. واقعیت افزوده مبتنی بر وب (Web AR) و اپلیکیشنهای واقعیت افزوده (App-Based AR) دو روش محبوب برای ارائه تجربیات تعاملی واقعیت افزوده هستند. هرچند که این دو فناوری شباهتهایی دارند، اما تفاوتهای کلیدی در هزینه، دسترسی، تجربه کاربری و کاربرد دارند.
اما واقعیت افزوده مبتنی بر وب به تنها یک نسخه تحت وب نیاز دارد که بهراحتی قابل بهروزرسانی است و در همه دستگاهها قابل دسترسی است. این ویژگی برای کسبوکارهای کوچک و متوسط که بودجه محدودی دارند، کاهش هزینهها را به همراه دارد. با افزایش کاربردهای واقعیت افزوده در وب، استفاده از این فناوری بدون نیاز به نصب اپلیکیشنها به مزایایی مانند دسترسی آسانتر، کاهش هزینهها و تجربه کاربری بهتر منجر میشود. کاربران با مرورگرهایی مثل Chrome و Safari میتوانند بدون دانلود برنامه خاصی، تجربه واقعیت افزوده را مستقیماً تجربه کنند. Meta Spatial SDK و WebXR متا امکانات بیپایانی را در اختیار توسعهدهندگان قرار میدهد و ایجاد برنامههای کاربردی و تجربههای WebXR را برای Meta Horizon OS آسانتر میکند. این ابزارها خواه فضاسازی برنامه های موبایل باشد یا گسترش همه جانبه تجربیات وب، مسیرهای خلاقانه جدیدی را برای توسعه دهندگان باز می کند و تجربیات تعاملی جدیدی را برای کاربران به ارمغان می آورد.
آیا تاکنون اسم WebXR را شنیدهاید و میدانید وب ایکس آر چیست ؟در واقع WebXR یک ترند طراحی وب در سال 2020 است که ما این مقاله را به معرفی آن اختصاص دادهایم. باید مطمئن شوید که محتوای شما در دستگاههای مختلف به خوبی کار میکند و تجربهای یکنواخت و بینقص را برای کاربران فراهم میکند. همچنین باید بهینهسازیهای لازم را برای بهبود عملکرد و سرعت بارگذاری انجام دهید. کاربران بدون نیاز به نصب نرمافزارهای اضافی میتوانند به تجربههای VR و AR دسترسی داشته باشند. این موضوع باعث میشود تا محتواهای ایجاد شده توسط WebXR برای طیف وسیعی از کاربران قابل دسترسی باشد.
این API هنوز نهایی نشده و نمی دانیم که مرورگرها چه زمانی برای ارائه این تجربه آماده می شوند. حضور بیش از 100 میلیون موبایل و تبلت با توانایی پشتیبانی از واقعیت افزوده، به راحتی می تواند انگیزه کافی را برای توسعه دهندگان ایجاد کند تا در آینده نزدیک شاهد این تحول بنیادی در فضای وب باشیم. در پایان این دوره، اصول اولیه نحوه ایجاد تجربیات واقعیت افزوده ساده در وب و درک اولیه از نحوه طراحی و کدگذاری تجربیات سه بعدی را خواهید دانست. هر سخنرانی شامل کد نمونه و نمونه های پیوند خارجی برای حمایت از یادگیری شما است. تأثیر واقعیت افزوده تحت وب (در قالب مرورگر) بر مصارف آموزشی و تجاری کاملاً آشکار است، اما هنوز این سؤال اصلی وجود دارد که چه زمانی عموم مردم می توانند از آن استفاده کنند.
در جریان کنفرانس توسعه دهندگان گوگل I/O 2018 امکان تجربه این قابلیت در اختیار خبرنگاران قرار گرفت. همان طور که در تصویر زیر می بینید، نسخه آزمایشی کرومیوم به کاربر اجازه می دهد که یک شیء سه بعدی را روی سطح زمین قرار دهد و آن را جابجا کند. با اینکه AR تحت وب هنوز در مراحل ابتدایی قرار دارد، ولی سرعت و دقت این تجربه بسیار فراتر از انتظار است. با افزایش پذیرش و استفاده از WebXR توسط توسعهدهندگان و کاربران، این فناوری به یکی از استانداردهای اصلی در حوزه واقعیت مجازی و افزوده تبدیل خواهد شد. پذیرش گستردهتر WebXR میتواند به توسعهدهندگان کمک کند تا بازارهای جدیدی را کشف کنند و فرصتهای تجاری بیشتری را به دست آورند.
این باعث میشود مخاطبان بیشتری به آن دسترسی داشته باشند و فرصتهای جدیدی را برای توسعهدهندگان باز میکند تا تجربیات همهجانبهای ایجاد کنند که از هر کجا قابل دسترسی باشد. نظر شما در خصوص وب ایکس آر چیست ؟نظرات خود را در بخش کامنت ها با تکراتو در میان بگذارید. وب AR به معنای استفاده از واقعیت افزوده از طریق مرورگر وب در دستگاههای موبایل مانند گوگل کروم در اندروید یا سافاری در iOS است. من تاریخچه WebXR را معرفی می کنم، برای کسانی که تازه با مفاهیم سه بعدی آشنا هستند، یک پرایمر اولیه به شما می دهم و وب سایت Three.JS و نمونه های WebXR را به شما نشان می دهم. برای تجسم واقعی محتوای سه بعدی به یک کتابخانه WebGL نیاز دارید و هیچ کتابخانه ای بهتر از Three.JS برای استفاده وجود ندارد . این کار توسعهدهندگان را آسانتر میکند تا تجربیاتی را ایجاد کنند که مخاطبان بزرگتری بدون نگرانی در مورد مشکلات سازگاری به آنها دسترسی داشته باشند.
WebXR API یا Web Extended Reality یک فناوری جدید است که به توسعهدهندگان اجازه میدهد تا تجربههای واقعیت مجازی (VR) و واقعیت افزوده (AR) را مستقیماً در مرورگرهای وب ایجاد کنند. این فناوری به عنوان جانشین WebVR معرفی شده و امکانات بیشتری را برای ایجاد و ارائه محتواهای سهبعدی و تعاملی در اختیار قرار میدهد. در این مقاله، به بررسی مفهوم WebXR، مزایا، کاربردها، نحوه شروع با آن و آینده این فناوری خواهیم پرداخت. WebXR چیست و چه تفاوتی با WebVR دارد؟WebXR یک API است که به توسعهدهندگان اجازه میدهد تا تجربههای واقعیت مجازی و افزوده را در مرورگرهای وب ایجاد کنند. تفاوت اصلی WebXR با WebVR در این است که WebXR شامل پشتیبانی از تجربههای واقعیت افزوده نیز میشود، در حالی که WebVR تنها بر تجربههای واقعیت مجازی تمرکز داشت.
برنامه نویسی خوبه یا نه