מבוא: עליית הנדסת 3D מבוססת דפדפנים

צוותים מודרניים נעים יותר ויותר מתוכנות שולחן העבודה בלבד כלפי כלים מבוססי דפדפן שמטפחים שיתוף פעולה בזמן אמת ומעורבות לקוחות.בלב השינוי הזה הוא FLT:0WebGLigFLT:1, תקן אינטרנט שמביא גרפיקה תלת-ממדית מחוספסת ישירות לדפדפן.

עבור מהנדסי עיצוב מכניים, אזרחיים, חשמליים ומוצרים, WebGL פותח את הדלת לשיתוף אסיפות מורכבות, סקירה של סכסוכים מרחביים, וכן לסחוט משוב מבלי לכפות על בעלי עניין להתקין יישומי CAD מיוחדים. מאמר זה מספק סקירה טכנית ומעשית עמוקה של איך WebGL עובד, כיצד ליישם מודלים אינטראקטיביים 3D לשימוש הנדסי, ומה העתיד מחזיק עבור הדמיה מבוססת אינטרנט 3Dization.

מה זה WebGL?

WebGL, קיצור של Web Graphics Library, הוא ממשק API המאפשר לדפדפנים מקוונים להפוך 2D ו 3D גרפיקה באמצעות GPU של המערכת (Graphics עיבוד Unit) זה מבוסס על OpenGL ES (מערכות Embedded), תקן בשימוש נרחב עבור נייד וגרפיקה. כי WebGL פועל באופן מקורי בדפדפן, מבטל את הצורך עבור תוספים צד שלישי (מערכות Embedded), כמו קובצי Flashs או קובצי Flash.

WebGL נתמך על כל הדפדפנים העיקריים של שולחן העבודה והנייד, כולל Chrome, Firefox, Safari ו- Edge. תאימות רחבה זו הופכת אותה לבחירה אידיאלית לשיתוף מודלים הנדסיים על פני קבוצות ולקוחות מגוונים.

איך WebGL עובד ברמה גבוהה

WebGL מתקשר ישירות עם חומרת הגרפיקה דרך אלמנט הבד ב- HTML.המפתח כותב קוד JavaScript ששולח נתונים גאומטריה (מורים, נורמלים, אינדיקציות) ל-GPU, יחד עם הוראות כיצד לצל ולמרקם את פני השטח האלה.ה-GPU מבצע vertex ו-Slerss in Parallel, ומייצר תמונה המורכבת על דף האינטרנט.

בניגוד ל- APIs פשוטים יותר של 2D, WebGL נותן למפתח שליטה על צינורות ה- קידוד.עבור מודלים הנדסיים, זה אומר תאורה מדויקת, צללים בזמן אמת, אינטראקציה חלקה עם ספירות vertex גדולות.

מדוע WebGL עבור מודלים הנדסיים?

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

  • (FLT:0)Zero- Install נגישות.FLT:1 בעלי מניות יכולים להציג ולתקשר עם מודלים תלת-ממדיים על כל מכשיר עם רישיון מודרני.
  • (FLT:0) בזמן אמת אינטראקציה אינטראקציה בין משתמשים (FLT:1ir) יכול לסובב, לפן, לגן עדן ולחלק מודל.הם יכולים לעגמל את הנראות של חלקים, למדוד מרחקים, ולאטוט ישירות על סצנת 3D.
  • (ב) ,0) האצת ההאצה של ה-FLT:1 ו- WebGL נכנס ל-GPU, מה שהופך אפילו לניגודים מורכבים ב-60 מסגרות לשנייה.
  • (FLT:0) אינטגרציה עם טכנולוגיות אינטרנט.FreaLT:1 מודלים ניתן להטמיע לצד תיעוד, BOMs, והזנת נתונים חיה. APIs יכול לעדכן מודלים באופן דינמי.
  • (FLT:0Cross-platform עקביות.IRLT:1) מודל שעובד ב-Chrome ב- Windows יפעל זהה ב-Sari על macOS או על iPad.

מפתח Libraries and Tools for WebGL בהנדסה

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

3.js

(FLT:0.jsFLT:1) הוא הספרייה הפופולרית ביותר WebGL, עם קהילה גדולה ותיעוד נרחב.It מספק גרף סצנה, בנוי-בגאומטריה (קופסאות, תחומים, מלשבות מותאמות אישית), מערכות חומר, תאורה, ותוצאות עיבוד לאחר עיבוד.

אתר אינטרנט:0;3js.orgearph

בבילון

(FLT:0) Babylon.jigsFLT:1 הוא אלטרנטיבה רבת עוצמה המציעה קבוצה עשירה יותר של תכונות בנויות לשימוש תעשייתי: מנועים פיזיקה, זיהוי התנגשות, מיפוי צל מתקדם, רכיב צופה ייעודי להטמיע 3D בדפי אינטרנט.זה גם תומך glTF, OBJ, STL ופורמטים רבים אחרים ישירות בבילון יש דגש חזק על ביצועים בשימוש על ידי חברות הנדסיות אינטראקטיביות.

אתר אינטרנט:0 (בשיתוף:0)

Xeogl ומסגרות WebGL אחרות

עבור הדמיה הנדסית מיוחדת (למשל, BIM מודלים עם נתוני IFC), ספריות כמו LT:0xeoglFLT:1 לספק מנוע מבוסס WebGL מותאם עבור גדול, metadata-rich 3D סצנות.

פיתוח: מ-CAD מודל ועד אינטראקטיבי WebGL Viewer

שינוי מודל CAD לחוויה אינטראקטיבית WebGL כרוך במספר שלבים.כאן צינור טיפוסי המשמש בארגונים הנדסיים:

  1. (FLT:0)Export לפורמט ידידותי לאינטרנט.BuildFLT:1 ; רוב כלי ה-CAD יכולים לייצא מודלים כמו STL, OBJ, Collada (DAE), או glTF. glTF (GL Transmission Format Format Format) הוא תקן מומלץ כי הוא קומפקטי, תומך בחומרים ובאנימציה, והוא מותאם להתאמה ל-Time-pixs או כלי המרהג'הג'ר (ger), ccer, ccer.
  2. (FLT:0)Optimize המודל.FLT:1 הנדסה מודלים יכול להיות מיליוני משולשים. עבור אינטראקציה חלקה באינטרנט, ייתכן שיהיה עליך לנתק את היש (reduce פוליגון ספירה) תוך שמירה על נאמנות חזותית.כלי כמו בלנדר, MeshLab, או ניכוי אוטומטי בשלושהjs יכול לעזור רמות של פרטים (LO) יכול גם להיות מיושם מרחוק כדי להחליף מודל נמוך יותר ב-גניבה.
  3. (ב) [ה]] ב[[1924]], [[1924]]]], [[1924]]]], [[1924]]]]]], [[1924]]]]]], [[1924]]]]]]]]]], [[1924]]]]]]]]]], [[1924]]]]]]]]]], [[1924]]]]]]]]]]]], [[1924]]]]]]]]]], [[1924]]]]]]]], [[1924]]]]]]]], [[1924]], [[1924]]]]]]]]]]]]]]]]]]]] ו[[1924]], [[1924]], [[1924]], [[1924]]]]]], [[1924]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]]
  4. (FLT:0Add אינטראקציה.BuildFLT:1 , ניווט סטנדרטי (orbit, pan, Zoom) הוא חיוני.עבור ניתוח הנדסי, ליישם תכונות כמו חלקי Click-to-select, הסתרת / מראה רכיבים, ניתוח חוצה (מטוסים מחוסנים), וכלים למדידה.
  5. (FLT:0) Embedd in a Web page.FLT:1 Place theצופה in a Response Tool.You יכול להטמיע אותו ישירות בחברה intranet, דף תיעוד מוצר, או פורטל לקוחות.להבטיח שהדף מסתמך על קצבאות סימפוניות ובחסד אם WebGL אינו זמין.

יישום אינטראקטיביות: Annotations, Measurements, andsigning

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

לחץ-to-select ועדכוני מידע

באמצעות raycasting (או בחירת), הצופה יכול לזהות איזה אובייקט המשתמש לוחץ על ולהציג metadata כגון מספר חלקי, חומר, משקל או מעמד הייצור.זה מושג על ידי הקרנה של ray מהמצלמה דרך מיקום העכבר ובדיקה צומת עם מברשות של הסצנה. 3.js ובבלjs שניהם יש מוקרן.

כלי מדידה

לאפשר למשתמשים למדוד מרחקים בין שתי נקודות או זווית בין שלוש נקודות הוא קריטי עבור סקירת הנדסה.זה דורש שיוק קרני לבחור לתאם 3D על פני השטח של המודל, ולאחר מכן להפוך קווים ותוויות בחלל 3D. כמה דוגמאות קוד פתוח זמינים עבור שלוש.ג's, ובבל.js יש מערכת gizmo ייעודי למדידה.

Cross-Clipping מטוסים

מטוסים קליפטינג מאפשרים למשתמש לפרוס דרך המודל כדי לראות מבנים פנימיים.ב-WebGL, זה מיושם על ידי פיזור דיסקים מרתיע בצד אחד של מטוס במפרק.מצב המטוס והאוריינטציה של המטוס ניתן לשלוט באמצעות שקופיות UI או הפיכה gizmo. Both.s.s ו-Beljs לתמוך מטוסים מרובים של חומר.

דעות קדומות ואנימציה

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

אופטימיזציה של מודלים הנדסיים גדולים

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

  • (FLT:0)Use gITF דחוס הרחבות.IRLT:1 , פורמט gITF תומך דחיסת Draco mesh, אשר יכול להפחית את גודל הקובץ עד 90%.
  • (FLT:0) רמת הפרטים (LOD)EveFLT:1) יוצר מספר גרסאות של המודל בספירות משולש שונות. מראה את הגרסה הנמוכה בפואלי כאשר האובייקט הוא רחוק מהמצלמה ומחלף לגרסה גבוהה בתדירות גבוהה כאשר קרוב.3js יש אובייקט LOD אשר מטפל במעבר.
  • (ב) ⁇ :0) ,Optimize שואבת שיחות.FLT1 ,Mge מספר מישאות לתוך גיאומטריה אחת אם הם חולקים את אותו חומר. השתמש במרקם אטלס.Instancing הוא יעיל מאוד עבור גיאומטריה חוזרת כמו ברגים או ברגים.
  • (ב) כאשר מודל מכיל רכיבים זהים רבים (למשל, צלעות במזג אוויר), שואבים אותם עם מפרש אחד באמצעות Instancing. WebGL 2.0 תומך במרכיבים זהים רבים (למשל, קידוד 1).
  • (ב) ⁇ (ב"ב) ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇ ⁇
  • עובדי אינטרנט של FLT:0 (Use Web Workers forכבדות חישובים: ⁇ 1) מפיצים ניכוי מסכי, חישובים פיזיים, או נתונים המחולקים לחוט רקע.

יישומים ברחבי הנדסה משמעת

מודלים מבוססי WebGL מבוסס 3D משנים את זרימת העבודה בתחומים מרובים:

הנדסה מכנית

ביקורות עיצוב של חלקי מכונה ו Assemblies ניתן לבצע מרחוק.צוותים יכולים לתפוס הפרעות, לבדוק סלקציה, להעריך ארגונומיה ללא לחכות לערכים או אבטיפוס פיזי. ... +BMs אינטראקטיביים הקשורים למודל 3D לשפר את אימון תחזוקה וחלקי חילוף הזמנת.

הנדסה אזרחית ופרקטית

בניית מודל מידע (BIM) לעתים קרובות תוצאות בקבצי IFC גדולים. WebGL כמו BIMsurfer או IFC.js לאפשר אדריכלים ומהנדסים לנווט את הבניין, מסנן בשלב הבנייה, והטמעת תיעוד.זיהוי התנגשות ניתן לדמיין בדפדפן.

חשמל ואלקטרוניקה הנדסה

PCB ו רתימות מעיוט הם אסטמפרס 3D מורכב. WebGL מאפשר לרקב לוח כדי לבדוק מיקום רכיב, מחסניות שכבתיות, ו routing. תוויות אינטראקטיביות לספק מספרי פינים וקישורי גליון נתונים.

מוצרים ומוצרים צרכניים

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

ויזואליזציה אדריכלית

למרות שלא רק הנדסה, אדריכלים מסתמכים על WebGL עבור מסלולים אינטראקטיביים ו- Sun-studies. הייצוא מ- Revit או SketchUp ל- gITF והטמיע באתר אינטרנט מאפשר ללקוחות לחקור את העיצוב בכל מכשיר.

אתגרים ושיקולים

למרות כוחו, ל-WebGL יש מגבלות שצוותי הנדסה חייבים לשקול:

  • (FLT:0) שכפול פנויות.FLT:1 לא כל GPUs נוצרים שווים.מכשירים ניידים ישנים יותר עשויים להיאבק עם מודלים מורכבים גבוה.תמיד לבדוק על מכשירים היעד לשקול מתן צופה 2D או תמונה של השרת לצד השני של התמונה.
  • (FLT:0) גודל ועברת רשת.FLT:1 מודלים מורכבים יכול להיות גדול (מאות של מגהביט) להשתמש דחיסה וסטרימינג, וארח נכסים על משתמשי CDN. מחנכים כי זמן העומס הראשוני עשוי להיות משמעותי.
  • (FLT:0) סודיות.FLT:1 ו- WebGL היו פרצות אבטחה בעבר (למשל, ערוצי צד מבוססי תזמון) לשמור על דפדפנים מעודכנים ולהימנע מטעינה של צלים לא מוגנים.
  • (FLT:0)Browser תומך פערים.FLT:1ir בעוד שרוב הדפדפנים המודרניים תומכים ב- WebGL, כמה גרסאות ישנות יותר חסרות תכונות WebGL 2.0 המשמשות לטכניקות מתקדמות.
  • (FLT:0)0Lack של דיוק CAD מלא.FLT:1 ו- WebGL עובד עם קואורדינטות נקודה צף, בעוד מערכות CAD להשתמש בכפליים עבור סטיות גדולות מאוד.com לתאם או חלוקה מרחבית עשוי להיות נחוץ כדי למנוע ג'ידוד בסצנות בקנה מידה גדול.

העתיד: WebGPU, WebXR, ומעבר

WebGL 2.0 הוא מבוסס היטב, אבל הדור הבא של גרפיקה באינטרנט כבר מתפתח. GPUIRLT 1 מספק שליטה ברמה נמוכה וביצועים טובים יותר, במיוחד עבור משימות compute. זה נועד להתאים עם ממשקי API מודרניים GPU (קן, מתכת, DirectX 12).

(FLT:0WebXRIRLT:1) (Internet Extended Reality) בונה על WebGL כדי לתמוך ראשי מציאות וירטואליים ורבודה.צוותי הנדסה יכולים להשתמש ב- WebXR כדי לבחון מודלים בקנה מידה מלא בסביבה VR, הליכה סביב אבטיפוס וירטואלי. בשילוב עם WebGPU, הפוטנציאל לשיתוף פעולה הנדסי immersive הוא עצום.

בנוסף, העלייה של יישומי אינטרנט מתקדמים (PWAs) ועובדי שירות פירושה מודלים הנדסיים ניתן לכווץ ללא קשר לאינטרנט, מה שהופך אותם נגישים בתחום ללא חיבור לאינטרנט.כפי ש- APIs ממשיכים להתרחב, הקו בין יישומי CAD מקומיים לבין צופים מבוססי דפדפן מטושטש עוד יותר.

מסקנה

WebGL הוכיח את עצמו כפלטפורמה מעשית ורבת עוצמה עבור מודלים הנדסיים תלת-ממדיים אינטראקטיביים.על ידי מינוף האצה GPU ודפדפן ubiquity, מהנדסים, מעצבים ובעלי עניין יכולים לגשת, מניפולציות ולשתף פעולה על מודלים מורכבים ללא חיכוך.המערכת של ספריות כמו שלושה.js ו-BelBel.js הפחיתה את המחסום לכניסות, בעוד צינורות יצוא מ-CAD ל-GITF הפכו לזרם מבוזר.

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

(ב) עיין בתיעוד ה-[[1924]] וב[[1924]] וב[[1924]] וב[[1924]]]] וב[[1924]]]] וב[[1924]]]]]]