3D Projection

3 min read

Render 3D אובייקטים ישירות על הבד PinePaper. מערכת התכנון התלת מימדית תומכת בחמישה סוגי הקרנה, חמישה צורות פרימיטיביות, GPU-accelerated ומצלמה מקיפה.

סקירה

מערכת ההקרנה התלת-ממדית של PinePaper היא ספריית אפס תלות (~18KB minified) שהופכת פרימיטיביים 3D כפוליגון 2D על הבד. אובייקטים ניתן לבחור, גרר, ואנימציה לצד פריטים קבועים 2D.

סוגי פרויקטים

בחר כיצד אובייקטים 3D מתוכננים על הבד 2D:

פרויקט תיאור
פרספקטיבה עומק אמיתי עם קוצר רוח. אובייקטים רחוקים יותר מופיעים קטנים יותר. שדה תצוגה מכובד (FOV).
Orthographic אין עיוות עומק. קווים מקבילים נשארים מקבילים. נפוץ בציורים טכניים / הנדסה.
Isometric זווית דומה Axonometric View (30 ° Axes). פופולרי באמנות המשחק דיאגרמות אדריכליות.
הקבינט פרויקט Oblique שבו ציר עומק נמשך בחצי קנה מידה ו 45 מעלות.
Cavalier פרויקט Oblique שבו ציר עומק נמשך בקנה מידה מלא ו 45 מעלות.

פרימיטיבים

5 צורות בנויות 3D:

פרימיטיבי תיאור
קובי גודל מכובד
Sphere רדיוס וספירת פלח
Cylinder רדיוס וגובה
Torus המונחים: major /minorרדי
Cone רדיוס וגובה

כל פרימיטיבי תומך בצבעים מותאמים אישית ובסיבוב על כל האקסקסים.

GPU Acceleration

Rendering באופן אוטומטי בוחר את התוספת הטובה ביותר:

  1. WebGPU compute - מהיר יותר, בשימוש כאשר זמין
  2. WebGL2 להפוך משוב - ירידה מהירה
  3. CPU - אובדן אוניברסלי

האצת GPU מופעלת באופן אוטומטי כאשר סצנה עולה על 150 פרצופים.

מצלמה

המצלמה המקיפה מאפשרת לך לשלוט בזווית הצפייה:

  • **המצלמה נמצאת בחלל 3D
  • Target* - היכן המצלמה נראית (מרכז אורביט)
  • Field of View - פרספקטיבה עיוות כמות (מצב חשוב בלבד)

בחירת ו- Dragging 3D Objects

אובייקטים 3D הם בחירה וגורשים על הבד, בדיוק כמו 2D פריטים:

  • לחץ על אובייקט 3D כדי לבחור אותו
  • להזיז אותו
  • האנימציה עוצרת באופן אוטומטי במהלך גרור והתחדשות כאשר שוחרר
  • המיקום המגורר נמשך על פני מסגרות אנימציה

3D Projection Showcase

תבנית שנבנתה מראש מדגימה את מערכת ההקרנה התלת מימדית עם פרימיטיביים מרובים, אנימציה סיבוב וסוגים שונים של הקרנה. מצא את זה בספריית התבנית.

הגבלות

  • presets (פאדה, קפיצה, לגלול, דופק וכו ') אינם נתמך על אובייקטים 3D. אובייקטים תלת-ממדיים משתמשים במערכת האנימציה של סיבוב משלהם באמצעות צינור ה- ThreeD. החלת אנימציה סטנדרטית לאובייקט 3D לא תהיה השפעה.
  • אובייקטים 3D להפוך כמו פוליגון שטוח למלא - אין מיפוי מרקם, תאורה או צללים.
  • זיהוי קולי בין אובייקטים 3D עדיין לא זמין.

טיפים

  1. התחל עם Isometric - זה הערעור הויזואלי ביותר עבור דיאגרמות ואיורים
  2. השילוב של אנימציהs* - רוטט 3D אובייקטים נותן תחושה חזקה של עומק
  3. Combine with 2D פריטים - לערבב פרימיטיביים 3D עם טקסט וצורות עבור יצירות בסגנון אינפוגרפיקה
  4. ** מרחק המצלמה של אדן - להעביר את המצלמה קדימה לפרספקטיבה שטוחה, קרוב יותר לעומק דרמטי

עדכון: Animations | [/features/keyframes]