کتابخانه جاوا اسکریپت برای فرمت های فایل های سه بعدی

شروع به کار با three.js

ساده ترین راه برای نصب three.js استفاده از npm است. لطفا از دستور زیر برای نصب راحت استفاده کنید. 

npm install --save three 

ایجاد صحنه با استفاده از جاوا اسکریپت

کتابخانه منبع باز three.js از ایجاد یک صحنه سه بعدی برای چرخاندن یک مکعب در داخل برنامه جاوا اسکریپت خود پشتیبانی می کند. برای نمایش هر چیزی با three.js به یک صحنه، دوربین و رندر نیاز داریم. برای تکمیل صحنه می توانید از دوربین های مختلف و ویژگی آنها استفاده کنید. در مرحله بعد، می توانید از یک نمونه رندر استفاده کنید و اندازه ای را که می خواهیم برنامه ما را در آن رندر کند تعیین کنید. می توانید رزولوشن کمتر یا بالاتر را حفظ کنید. در نهایت، عنصر رندر (<canvas>) را به سند HTML خود اضافه می‌کنید. با استفاده از BoxGeometry و استفاده از متریال رنگ آمیزی آن به راحتی می توانید یک مکعب ایجاد کنید. پس از آن، شما به یک مش نیاز دارید که بتوان آن را در صحنه قرار داد و بر اساس نیاز خود حرکت داد.

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.

بارگیری مدل های سه بعدی از طریق جاوا اسکریپت

کتابخانه منبع باز three.js به برنامه نویسان نرم افزار اجازه می دهد تا مدل های سه بعدی را در برنامه خود تنها با چند خط کد جاوا اسکریپت بارگذاری کنند. مدل های سه بعدی در صدها فرمت فایل موجود هستند. هر مدل با اهداف مختلف، ویژگی های متفرقه و پیچیدگی های متفاوت ارائه می شود. ابتدا باید یک لودر داشته باشید و بعد از آن می توانید صحنه را بارگذاری کنید.

رسم خطوط در نمودار

کتابخانه منبع باز three.js از رسم خطوط یا دایره ها در داخل برنامه جاوا اسکریپت خود پشتیبانی می کند. برای شروع باید رندر، صحنه و دوربین را تنظیم کنیم. پس از آن، باید متریال را تعریف کنید و می توانید از LineBasicMaterial یا LineDashedMaterial استفاده کنید. بعد از مواد، به هندسه با چند رأس نیاز خواهیم داشت. خطوطی بین هر جفت رئوس متوالی رسم می شود.