10 הדגמות JavaScript מדהימות המשתמשות ב -1k או פחות

מְחַבֵּר: John Stephens
תאריך הבריאה: 28 יָנוּאָר 2021
תאריך עדכון: 19 מאי 2024
Anonim
🌋🚀 Amazing 50,000 Matches Powered Jet Truck
וִידֵאוֹ: 🌋🚀 Amazing 50,000 Matches Powered Jet Truck

תוֹכֶן

כל שנה בתחרות JS1K מבקשים מעצבי אתרים ליצור יישום JavaScript מגניב שלא יעלה על 1k. התחרות התחילה כבדיחה, אך האיכות הגבוהה של רשומות לאורך השנים הביאה לכך שהיא הפכה לראווה מבריקה של בדיוק מה שאתה יכול לעשות עם קומץ קוד.

הנה 10 מההגשות החביבות עלינו לתחרות השנה - אבל יש עוד המון עבודה מדהימה לראות: עיין ברשימה המלאה באתר JS1K. (ואם אתה רוצה להיכנס, עדיין הספקת זמן; שיחת הכניסה האחרונה היא חצות ביום ראשון הקרוב).

  • קרא כאן את כל מאמרי ה- JavaScript שלנו

01. מטריקס היא מערכת

מי לא יקבל ריגוש מהדגמה המבריקה הזו שמשחזרת את הרצף 'הגשם הדיגיטלי' המפורסם של מטריקס באמצעות JavaScript מזערי? הוא נוצר על ידי פדרו פרנצ'שי עם 956 בתים קוד בלבד.


02. מקלחות באפריל מביאות פרחי מאי

משחק ההקלדה הפשוט אך המהנה הזה מבוסס סביב אנימציות דמויי אביב נוצר על ידי אביגיל קבונוק. הקוד נדחס עם Closer Compiler, ואז עוד מעט ידני, ואז לבסוף JS Crush.

03. סיור בעיר התלת ממדית

3D City Tour מספק בדיוק את מה שהוא מבטיח - מבט מגוף ראשון על עיר אי באביב. השתמש בעכבר כדי לעוף מעל העיר, לקפוץ מגג לגג או לנסוע עם המכוניות ברחובות. אתה יכול פשוט לתת לטייס האוטומטי להראות לך מסביב. כולל מבנים, רחובות, תמרורים, מכוניות נוסעות, פארקים, ים ועוד, תופתעו שג'אני יליקנגאס הצליח ליצור את כל זה בפחות מ -1,000.


04. גבישים מוזרים

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

05. מטאורים 1K

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

06. אל דאגה, דבורה מאושרת!


אנימציה פסאודו תלת-ממדית זו פועלת עם דבורה עסוקה שעפה ימינה ושמאלה, דשא מונפש טרי מתנודד עם רמזים לעומק, פרחים יפים ומצלמה הנעה לכל הכיוונים (שמאלה, ימינה, למעלה, למטה וקדימה) לבידור . הקוד נוצר על ידי מנואל רולק, והופחת למינימום באמצעות Closer Compiler, אופטימיזציה נוספת עוד יותר ידנית ואז נמחצה עם JS Crush.

07. מורפוז

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

08. קומאנצ'י

מחווה זו למשחק הדמיית המסוקים Comanche: Maximum Overkill מאפשרת לכם להשתמש בחצים כדי לשלוט על המגרש והגלגול (הגובה נמצא על טייס אוטומטי). השמים עוברים מיום ללילה והמשחק פועל במהירות של 25 FPS במחשב בינוני. תוכנן על ידי Siorki, קוד ה- Packer התפתח מ- First Crush ו- JS Crush.

09. פרח

האופן שבו מעגלים מסתובבים וגולשים אלה יוצרים את עצמם לצורת פרח מסתובבת היא פשוט יפה ויש לראות אותה כדי להאמין. הוא נוצר על ידי Cheeseum ב 960 בתים בלבד.

10. פורבי

כאן רומן קורטס באמת דוחף את גבולות האפשרי מתחת ל -1k עם בד דו-ממדי וחומרה מתקדמת. אנימציה צבעונית זו כוללת עיבוד פרווה, כנפיים עם טשטוש תנועה אמנותי ונוף ענן תלת ממדי. כדי ליהנות ממנו באופן מלא, הוא נדרש צפייה במחשב חזק מאוד עם Chrome. (בערך אחר, Furbee, צא מהמנהרה הזו בהקדם האפשרי! קורטס מחית את ה- Furbee שלו עם הכניסה של Deschaseaux - מספר 2 ברשימה שלנו - וגם זה די מדהים.)

אהבתי את זה? תקרא את זה!

  • כיצד לבנות אפליקציה
  • מיטב סרטי התלת מימד של שנת 2013
  • גלה מה הבא למציאות רבודה

האם ראית יצירת JavaScript מדהימה ב- 1k או פחות? ספר לנו על כך בתגובות!

הקפד לקרוא
20 אנימטורים מובילים לעקוב אחריהם בטוויטר
לקרוא

20 אנימטורים מובילים לעקוב אחריהם בטוויטר

תכונה זו מובאת אליכם בשיתוף עם Ma ter of CG, תחרות חדשה המציעה את ההזדמנות לעבוד עם אחת הדמויות האיקוניות ביותר של 2000AD ו לזכות בטיול ששולם בכל ההוצאות לוועידת IGGRAPH. גלה עוד בסוף מאמר זה ...אם את...
האמת מאחורי המיתוג המחודש של Airbnb
לקרוא

האמת מאחורי המיתוג המחודש של Airbnb

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

מיתוג עיניים צפות הוא יצירת מופת תוססת

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