3D Projection

4 min read

اشیاء Render 3D به طور مستقیم بر روی بوم PinePaper. سیستم پیش بینی 3D از پنج نوع پیش بینی، پنج شکل ابتدایی، رندر گرافیکی GPU و یک دوربین مداری پشتیبانی می کند.

بررسی اجمالی

سیستم پیش بینی 3D PinePaper یک کتابخانه مستقل صفر (~ 18KB minified) است که 3D ابتدایی را به عنوان پلیگون 2D در بوم ارائه می دهد. اشیاء را می توان انتخاب، کشیده و متحرک در کنار اقلام معمولی 2D.

انواع پروژه

انتخاب کنید که چگونه اشیاء 3D بر روی بوم 2D پیش بینی می شوند:

پروژه توضیحات
چشم انداز عمق واقعی با کوتاه شدن اشیاء دورتر کوچکتر به نظر می رسند. زمینه قابل مشاهده (FOV).
Orthographic هیچ تحریف عمیق خطوط موازی موازی هستند. رایج در نقاشی های فنی / مهندسی.
Isometric دیدگاه مشابه axonometric (30 درجه تبر) محبوب در هنر بازی و نمودارهای معماری.
کابینه پیش بینی مایع که محور عمق در نیمه و 45 درجه کشیده شده است.
Cava پیش بینی مایع که محور عمق در مقیاس کامل و 45 درجه کشیده شده است.

مقدماتی

پنج شکل ساخته شده در سه بعدی:

مقدماتی توضیحات
مکعب اندازه قابل قبول
Sphere شعاع قابل قبول و شمارش بخش
سیلندر شعاع قابل اعتماد و ارتفاع
Torus کنفدراسیون بزرگ / معدن
Cone شعاع قابل اعتماد و ارتفاع

هر بدوی از رنگ های سفارشی و چرخش در تمام محورها پشتیبانی می کند.

GPU Acceleration

ارائه به طور خودکار بهترین backend موجود را انتخاب می کند:

  1. *WebGPU محاسبه ** سریع ترین، زمانی که در دسترس است
  2. ** WebGL2 تبدیل بازخورد - سریع سقوط
  3. **CPU - سقوط جهانی

سرعت GPU به طور خودکار هنگامی فعال می شود که یک صحنه بیش از 150 چهره داشته باشد.

دوربین

دوربین مدار به شما اجازه می دهد زاویه دید را کنترل کنید:

  • ** تجهیزات - جایی که دوربین در فضای 3D قرار دارد
  • *Target ** جایی که دوربین به آن نگاه می کند (مرکز بیت)
  • میدان دید - مقدار تحریف چشم انداز (تنها حالت حساس)

انتخاب و برچسب زدن 3D Objects

اشیاء 3D قابل انتخاب و کشیدن در بوم هستند، درست مانند موارد 2D:

  • روی یک شی 3D کلیک کنید تا آن را انتخاب کنید
  • برای تغییر آن
  • انیمیشن ها به طور خودکار در هنگام کشیدن و رزومه زمانی که آزاد می شوند، مکث می کنند
  • موقعیت کشیده شده در سراسر فریم های انیمیشن ادامه دارد

نمایشگاه 3D Projection Template

یک قالب پیش ساخته شده سیستم پیش بینی 3D را با چندین ابتدایی، انیمیشن های چرخش و انواع مختلف پیش بینی نشان می دهد. آن را در کتابخانه قالب پیدا کنید.

محدودیت ها

    • پیش بینی های انیمیشن استاندارد ** (فاد، پرش، اسکرول، پالس و غیره) در اشیاء 3D پشتیبانی نمی شود. اشیاء 3D از سیستم انیمیشن چرخش خود از طریق خط لوله رندر سه بعدی استفاده می کنند. استفاده از یک انیمیشن استاندارد به یک شی 3D هیچ تاثیری نخواهد داشت.
  • اشیاء 3D به عنوان پلیگون مسطح پر می شوند - هیچ نقشه برداری بافت، نورپردازی یا سایه.
  • تشخیص Collision بین اشیاء 3D هنوز در دسترس نیست.

نکات کلیدی

  1. *شروع با ایزومتریک - آن را از نظر بصری جذاب برای نمودارها و تصاویر
    • استفاده از انیمیشن های چرخش ** - چرخش اشیاء 3D حس قوی از عمق می دهد
    • Combine با اقلام 2D ** مخلوط 3D بدوی با متن و شکل برای ترکیب های سبک اینفوگرافیک
    • فاصله دوربینAdjust - دوربین را برای چشم انداز جذاب، نزدیک تر به عمق دراماتیک حرکت دهید

↑ [/features/animations0Q] [Xframe Editor] [/features/keyframesQ]