در این مقاله به بررسی Three.js کتابخانه ای js می پردازیم که می توانید به صورت سه بعدی با آن برنامه نویسی و طراحی سایت سه بعدی انجام دهید.
Three.js چیست؟ در این مقاله به بررسی کتابخانه سه بعدی ساز تحت وب می پردازیم پس در صورتی که برنامه نویس سایت هستید و دوست دارید بدانید این کتابخانه دقیقا چیست و به چه صورت کار می کند , تا انتها این مقاله جذاب با ما همراه باشید . در این مقاله به بررسی متاورکات و سایت هایی مانند سایت برونو سیمون و یا سایت threejs می پردازیم و پروژه های متعددی را بررسی می کنیم.
با ما همراه باشید … .
threejs کتابخانه اسرار آمیز از js !
در ابتدا باید بگوییم اولین سایت آموزش برنامه نویسی و طراحی سایت سه بعدی به صورت پروژه محور و تخصصی در ایران سایت متاورکات می باشد که در زمینه آموزش three js به صورت تخصصی فعالیت دارد و قبل از هر چیز می توانید سایت متاورکات را در گوگل سرچ کنید . اما اصلا بیایید ببینیم این کتابخانه چیست و در نهایت در مورد سایت های مختلف بررسی های بسیار مهمی را انجام خواهیم دارد.
کتابخانه Three.js به کتابخانه ای از زبان برنامه نویسی جاوااسکریپت می گویند که کار آن به صورت تخصصی برنامه نویسی و طراحی سایت به صورت سه بعدی است و در صورتی که می خواهید سایت سه بعدی طراحی کنید باید از این کتابخانه استفاده کنید . این کتابخانه سه بعدی ساز که به صورت مستقیم با webgl کار می کند این اجازه را به برنامه نویس می دهد که با استفاده از کلاس های متعددی که دارد آبجکت های سه بعدی در هر شکلی را بر روی وب قرار دهد .
برنامه نویس همچنین به وسیله این کتابخانه می تواند بر روی اجسام قرار داده شده در سایت تغییرات رنگی و یا نوری و یا حتی حالت و اسکیل داده و طرح مورد نظر خود را بر روی آن پیاده سازی کند در نتیجه این کار باعث می شود تا تجربه کاربری بسیار عجیبی در سایت ایجاد شده و کاربر را متحیر کند . این کتابخانه هم اکنون ترندی از جاوااسکریپت شده و در تمامی کشور ها به صورت جدی در حال استفاده از این کتابخانه در سایت می باشند .
دوران سایت دو بعدی تمام شد ؟
شاید برای شما جالب باشد که بدانید طبق آمار سایت threejs در سال 2027 سایت های فروشگاهی دو بعدی به صورت عجیبی فید شده و سایت های سه بعدی جای آن ها را خواهند گرفت و این یعنی در صورتی که شما برنامه نویس سایت هستید و این علم به شدت بزرگ را یاد نگیرید از دنیای آینده برنامه نویسی عقب خواهید ماند کما این که سایت های بزرگی مانند لامبورگینی و یا اسکچ فب و یا بسیاری از سایت های دیگر تمامی محصولات خود را در حال بارگذاری به صورت سه بعدی بر روی وب هستند و با دنیای سایت دو بعدی خداحافظی کرده اند .
در کشوری هایی مانند آمریکا و انگلستان و کانادا و فرانسه و امارات و … فروشگاه های اینترنتی بسیار بزرگی در حال تغییر پلتفرم دو بعدی خود به صورت سه بعدی هستند و در صورتی که بخواهید در این کشور ها به خوبی رقابت کنید باید سایت جدیدی تاسیس کنید که ویژگی سه بعدی را در خود داشته باشد .
فروش سایت های سه بعدی بیشتر است و یا سایت های دو بعدی ؟
این یک سوال هدفمند و بسیار جالبی است که صاحبین مشاغل از خودشان می پرسند و آن این است که اگر ما سایت سه بعدی تاسیس کنیم در فروشمان تاثیر گذار خواهد بود و یا خیر ؟ این یک سوال بسیار مهمی است که باید به آن با دقت بیشتری پاسخ داد . اما در مجموع پاسخ مثبت است اما چرا ؟
بیایید تصور کنیم شما دو سایت دارید یکی سه بعدی و دیگری دو بعدی , در نظر بگیرید که شما 100 کاربر دارید و به این کاربر ها دو سایت خود را معرفی می کنید , کاربر شما باید تصمیم بگیرد که از کدام می خواهد خرید کند و شما بدون آنکه حرفی بزنید رفتار 100 کاربر را از پشت یک شیشه سکوریت در حال بررسی هستید . جالب شد نه ؟ شما جلوی هر کاربر دو مانیتور قرار می دهید و از کاربران می خواهید تا سایت های شما را بررسی کنند اما در سایت شما چه دو بعدی و چه سه بعدی فقط یک کیف وجود دارد با یک قیمت و با یک شکل.
در سایت دو بعدی از محصول و رنگها و زوایای مختلف محصول عکس قرار داده شده است و در سایت سه بعدی امکان این وجود دارد که کاربر بتواند هر زاویه ای که می خواهد را به محصول داده و حتی رنگ محصول را درجا عوض کند و اصلا به دلخواه خودش به محصول رنگ دهد . حالا شما بگویید به نظر شما کاربر برای خرید کدام سایت را انتخاب می کند ؟ قیمت هر دو سایت برای محصول هم یکی است !
بله بدون شک به قدری سایت سه بعدی کاربر را متحیر کرده است که یک کاربر شاید دقایق بسیار زیادی را بر روی این سایت بگذارد اما در سایت دو بعدی به این صورت نیست و کاربر زمان خود را برای دیدن چند عکس هدر نمی دهد . در دنیای امروزی که تماما تکنولوژی ها به سمت سه بعدی شدن در حال حرکت هستند انتخاب سایت های دو بعدی برای کاربران اصلا جذابیتی ندارد و کاربران دوست دارند تکنولوژی های جدید را ببینند و این یعنی فروش به شدت بیشتر . اما اجازه دهید به صورت خلاصه بگویم که از هر 100 کاربر احتمال بسیار زیاد بیشتر از 93% از سایت سه بعدی خرید می کنند و این یعنی بزرگترین و موفق ترین حالت مارکتینگ …
حالا بیایید ببینیم اصلا این کتابخانه سه بعدی ساز را از کجا باید دریافت کنیم ؟
سایت THREEJS !
اگر برنامه نویس هستید و به دنبال یادگیری برنامه نویسی و طراحی سایت سه بعدی هستید حتما باید به سایت three.js سر بزنید تا بتوانید این کتابخانه را از سایت دانلود کنید و البته آموزش های بسیار زیادی را در آنجا خواهید دید اما متاسفانه آموزش های قرار داده شده در این سایت تماما بر اساس webgl بوده و به سختی می توانید بسیاری از موارد گفته شده در این سایت را تمرین کرده و متوجه شوید برای همین به شما توصیه می کنم حتما به سایت متاورکات سر بزنید .
بیایید ببینیم سایت متاورکات دقیقا چیست ؟
متاورکات اولین سایت آموزش برنامه نویسی و طراحی سایت سه بعدی به صورت پروژه محور و تخصصی در ایران است که دارای 5 پروژه اصلی است . البته در حین آموزش شما پروژه های متعددی را خواهید دید .
پروژه اصلی این سایت شامل موارد زیر است :
- کفش سه بعدی
- نمایشگاه ماشین سه بعدی
- عینک سه بعدی
- مانیتور سه بعدی
- کهکشان سه بعدی
اما این 5 پروژه به چه صورت هستند ؟ سایت اصلی متاورکات با دامنه metavercut.com و سایت پروژه های متاورکات بر روی دامنه metavercut.ir قرار دارد و 5 پروژه اصلی قرار داده شده را در این سایت می توانید بررسی کنید اما بیایید به بررسی این 5 پروژه معروف بپردازیم .
پروژه اول کفش سه بعدی است : این پروژه به قدری معروف شد که به مدت 2 ماه بر روی صفحه اصلی سایت threejs به عنوان نمونه برتر در میان سایت های برتر جهانی قرار داده شد . در این پروژه از بلندر و threejs استفاده شده و کاربر می تواند این مدل را بر اساس تکنولوژی ORCS در وب به صورت سه بعدی بچرخاند و تمامی زوایای مدل را بررسی کند . در این حالت شما می توانید بر روی مدل تغییرات رنگی بسیار زیادی را انجام دهید و این یعنی در صورتی که بخواهید فروشگاه اینترنتی در زمینه فروش کفش بزنید این پروژه به شدت برای شما حیاتی خواهد بود .
پروژه نمایشگاه ماشین به صورت سه بعدی : در اینجا دیگری خبری از سایت دو بعدی و یا چرخش مدل به صورت سه بعدی نیست . شما در حال دیدن یک معجره به معنای واقعی هستید و این یعنی شما می توانید در نمایشگاه ماشین در سطح وب حرکت کنید و رنگ ماشین 207 قرار داده شده در نمایشگاه را تغییر دهید البته با اعداد 0 تا 9 . این به معنای واقعی کلمه یک معجزه در سطح وب است . در این حالت شما می توانید با استفاده از تکنولوژی PTLCNTLS یک مغازه و یا یک فروشگاه تاسیس کنید و کاربر شما می تواند در این فروشگاه قدم بزند و از تمامی فضای فروشگاه شما دیدن کرده و حتی خرید کند .
دیگر خبری از صفحات نیست کاربر شما در یک صفحه سه بعدی از وب قدم زده و از قفسه های قرار داده شده می تواند محصولات شما را به صورت سه بعدی ببیند و از شما خرید کند و این یعنی یک معجزه به معنای واقعی کلمه . در صورتی که برنامه نویس سایت هستید یادتان باشد Three.js این امکان را برای شما فراهم کرده تا بتوانید در سایت قدم بزنید و این پروژه را فقط در سایت متاورکات می توانید ببینید . بله این یک معجزست .
عینک سه بعدی : در این پروژه شما با استفاده از تکنولوژی GUITH می توانید رنگ عینک را تغییر دهید . شاید برای شما جالب باشد که بدانید در ایران و در کل در تمامی کشور های آسیایی هیچ سایت فروش عینک به صورت سه بعدی وجود ندارد و در صورتی که این سایت را تاسیس کنید شما اولین در کل آسیا هستید . برای کاربر این فروشگاه باورنکردنی است که می تواند وارد سایت شده و عینک خود را انتخاب کند و رنگ آن را تغییر دهد و بعد خریداری کند و البته به صورت سه بعدی آن را ببیند .
مانیتور سه بعدی: این یکی از ساده ترین پروژه های انجام شده در دوره 3D WEB متاورکات است که از VITH استفاده شده و کاربر می تواند مانیتور را روشن و خاموش کند.
کهکشان سه بعدی : این کهکشان ساخته شده به معنای واقعی قدرت برنامه نویسی تحت وب را به نمایش کاربر گذاشته است و به معنای واقعی تیر آخر هنر برنامه نویسی و طراحی سایت بعدی است. در این سایت کاربر می تواند کهکشان را به صورت سه بعدی چرخانده و حتی در آن تغییرات ایجاد کند تا دنیای خودش را بسازد . جالب است نه ؟ بله این واقعا هنر برنامه نویسی تحت وب است.
سخن نهایی !
تمرین های برنامه نویسی و طراحی سایت سه بعدی در سایت threejs بسیار زیاد و سخت است و در صورتی که می خواهید این برنامه نویسی را بیاموزید می توانید از این سایت استفاده کنید اما در نهایت در این سایت بسیاری از موارد توضیح داده نشده و شما باید یک دولپر بسیار حرفه ای باشید تا بسیاری از موارد گفته شده را درک و تمرین کنید و باید زمان بسیار زیادی برای درک بسیاری از موارد بگذارید اما در سایت متاورکات شما می توانید بدون درگیری های درکی و یا هدر دادن زمان برای یادگیری این کتابخانه , به راحتی تمامی موارد برنامه نویسی و طراحی سایت سه بعدی را با Three.js بیاموزید .
بسیار خب امیدواریم این مقاله برای شما مفید بوده باشد .
