כל העבודות

Exo-View

גלקסיה ומערכת שמש אינטראקטיביות · WebGL

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

פתחו את exo-view.com
תפקיד
מוצר · עיצוב · פיתוח · תפעול
סוג
WebGL · מדע · ויזואליזציה של נתונים
Stack
TypeScript · three.js · satellite.js · Supabase · Vite
שפות
אנגלית · עברית · ספרדית · פורטוגזית · צרפתית · גרמנית
Exo-View - שביל החלב, עם הערפיליות והחורים השחורים מסומנים במקומם

שלושה עשר רילס, מתוך האפליקציה

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

בטלגז ↗במקום השמש, הוא היה בולע את מאדים
סיריוס ↗במרחק 8.6 שנות אור, עם ננס לבן
פרוקסימה קנטאורי ↗הכוכב הקרוב ביותר, 4.25 שנות אור
TRAPPIST-1 ↗שבעה כוכבי לכת בגודל כדור הארץ
ריגל ↗ענק־העל הכחול של אוריון
ערפילית אוריון ↗חממה של כוכבים, 1,344 שנות אור
שבתאי ↗בדיוק במקום שבו הוא נמצא עכשיו
צדק ↗כפליים מהמסה של כל השאר
כדור הארץ ↗26,670 שנות אור, כל הדרך הביתה
Sagittarius A* ↗4 מיליון שמשות בלב הגלקסיה
Cygnus X-1 ↗החור השחור הראשון שהתגלה
Gaia BH1 ↗החור השחור הקרוב ביותר שאנחנו מכירים
V404 Cygni ↗אור כוכבים שמתכופף לטבעות

מה זה

אף אחד מעולם לא ראה את שביל החלב מבחוץ - אנחנו חיים בתוכו. Exo-View מכניסה את מה שאנחנו כן יודעים למרחב רציף אחד שאפשר לטוס בו: 32,639 כוכבים אמיתיים מקטלוגי Hipparcos, 28 ערפיליות, 19 חורים שחורים, ומשם למטה דרך מערכת השמש, עם כל כוכב לכת וירח במיקום שלו ברגע הזה, על פני הגשושיות והטלסקופים ששלחנו, ועד תחנת החלל וכשישה עשר אלף לוויינים פעילים סביב כדור הארץ - שבו אפשר גם לדרג כל מדינה לפי הנתונים שאתם בוחרים.

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

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

למי זה

  • מורים ומרצים - קנה מידה על מקרן: סיורים מודרכים, תחנה אחר תחנה, משנות אור ועד מסלול של כוכב לכת
  • תלמידים וסטודנטים - איפה כוכבי הלכת הלילה, כמה רחוקים הכוכבים הקרובים, עם מקור לצד כל נתון
  • חובבי חלל - חצו את הגלקסיה, היפלו לתוך חור שחור, תפסו ליקוי בתאריך האמיתי שלו
  • חוקרים ועיתונאים - כל מספר עם שם ותאריך, כל דירוג הוא קישור שאפשר לשתף

מה אפשר לעשות

  • לחצות את הגלקסיה - לטוס לכל כוכב, ערפילית או חור שחור, או לצאת לסיור המודרך
  • לבקר בכוכבי הלכת - מיקומים אמיתיים עכשיו, תאריכי ליקוי אמיתיים, הטבעות של שבתאי מקרוב
  • לעקוב אחרי מה ששלחנו - Voyager, Webb, Hubble ועוד שני תריסרים ב-3D, תחנת החלל וכל לוויין פעיל
  • לצפות בשמיים - שבעה מטרי מטאורים, הנובה של T CrB, הסופרנובה של בטלגז, נפילה לתוך Cygnus X-1
  • לקרוא את כדור הארץ - 217 מדינות, נעצים של ערים ושדות תעופה עם כרטיס תמונה לכל אחד, ומדד משוקלל משלכם שצובע מחדש את כדור הארץ בזמן שאתם גוררים

מיתוג

השם הוא הרעיון: מבט מבחוץ. בסימן ה-X הופך לכוכב - X עבה לקרני ההתאבכות של האור, שחוצה אותו + דק שהמחט האנכית שלו היא הארוכה ביותר, כמו שכוכב בהיר נראה דרך טלסקופ. הכוכב עומד לבד כסמל, ובלוגוטייפ הוא יושב במילה כאות, באותו לבן של ה-E וה-O, מואר מאחור.

Exo-View symbol - the four-needle star, black
Exo-View logotype, black
Exo-View symbol, white
Exo-View logotype, white
Exo-View logotype in colour, lit

סמל ולוגוטייפ, בשחור, בלבן ובצבע. רק גרסת הצבע זוהרת - האור שייך למסך.

Void#04060A
השמיים מאחורי הכל
Hull#0C1014
פאנלים ולוחות
Ink#DCEDF6
טקסט, לבן קר
Signal#FFC61A
כל מה שחי
Signal bright#FFE066
המילה בלוגו

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

EXO VIEWChakra Petchהשבלונה על הדופן - הלוגוטייפ וכותרות הפאנלים
Aa 123Barlowטקסט רץ, באנגלית
32,639IBM Plex Monoכל מספר שקוראים ממד

העברית ב-IBM Plex Sans Hebrew; הלוגוטייפ נשאר לטיני בכל שפה.

Exo-View on a laptop, a tablet and a phone
המוצר על מחשב נייד, טאבלט וטלפון - מסכים אמיתיים מהאתר החי
Exo-View cap with the embroidered logotype
כובע - הלוגוטייפ רקום ב-Ink
Exo-View enamel pin with the star
סיכת אמייל - הסמל בזהב
Exo-View lanyard and crew pass
שרוך צוואר ותג צוות, לאירועים והרצאות
Exo-View mission patch on a flight jacket
פאץ' משימה, בשפה של תוכניות חלל
Exo-View stencilled equipment case in an observatory
מזוודת ציוד - השבלונה שממנה נגזר הפונט
Exo-View poster in a planetarium lobby
פוסטר לפלנטריום או לכיתה

איך זה בנוי

סצנה
three.js
מרחב אחד מהגלקסיה ועד הגלובוס
משותף עם המשחק שלי Exo-Race
שמיים
Real catalogues
כוכבי HYG · זרועות ספירליות שהותאמו
לאזורי היווצרות כוכבים שנמדדו
מסלולים
satellite.js
כל לוויין פעיל ממוקם
במקום שבו הוא נמצא עכשיו
קוד
Strict TypeScript
טיפוסים מקצה לקצה, lint ב-CI
התחברות Supabase עם Google או אימייל

המסכים

הדלת

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

Exo-View - עמוד הנחיתה

אתר סביב האפליקציה

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

Exo-View - נוסף לאחרונה

אל תוך הגלקסיה

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

Exo-View - ערפילית אוריון
Exo-View - Cygnus X-1, ב-ray tracing

מערכת השמש, עכשיו

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

Exo-View - שבתאי
Exo-View - בטלגז, לפני הסופרנובה שלו

כל לוויין פעיל

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

Exo-View - כל הלוויינים הפעילים סביב כדור הארץ

תחנת החלל

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

Exo-View - תחנת החלל הבינלאומית מעל כדור הארץ
Exo-View - המבט מהחלון של תחנת החלל

גשושיות וטלסקופים, איפה שהם עכשיו

Webb, Hubble, Parker, Juno, שתי ה-Voyager ועוד יותר משני תריסרים אחרים, ממוקמים במערכת השמש לפי היום, עם שובל של המקומות שבהם כל אחד היה. לכל אחד יש מודל 3D לטוס סביבו וכרטיס עם המרחק שלו, כמה זמן לוקח לאות שלו להגיע, המהירות שלו ומי בנה אותו.

Exo-View - טלסקופ החלל James Webb
Exo-View - Voyager 1, מעבר לכוכבי הלכת

מטר מטאורים, מהקרקע

שבעה מטרים בתאריכים האמיתיים שלהם, במבט מנקודה על כדור הארץ: כל שובל מתחקה אחורה עד לנקודת הקרינה שלו, הקצב לשעה, והשביט שממנו הגיע האבק.

Exo-View - מטר המטאורים האוריונידים

התחנה האחרונה: כדור הארץ במספרים

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

Exo-View - כדור הארץ עם דירוג המדינות

מדינות, ערים ושדות תעופה

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

Exo-View - יפן עם הערים, שדות התעופה וכרטיס המדינה

בטלפון

אותו מסע, מותאם לאגודל: סרגל מקשים אחד לאורך התחתית, העובדות מאחורי כפתור אחד, והשמיים נשארים על המסך. תצוגת ה-3D שומרת על קצב הפריימים בטלפונים ובטאבלטים.

Exo-View בטלפון - עמוד הנחיתה
Exo-View בטלפון - שבתאי
Exo-View בטלפון - כדור הארץ

החלטות עיצוב

01

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

02

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

03

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

04

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

05

  • כרטיסים שמתקפלים - מראה אחד לכל פאנל: כרטיס מתקפל לשם ולמילים שלו ומסתיר את המספרים, רשימה מתקפלת לכותרת שלה - כך שהשמיים נשארים על המסך.

06

  • עמודים למצוא, אפליקציה לטוס בה - לכל נושא יש עמוד פשוט בשש שפות שמנועי חיפוש יכולים לקרוא, וכל עמוד פותח את תצוגת ה-3D במה שהוא מתאר.
הפרויקט הבא
Zoomons ←
צרו קשר