קודם כל לשם השוואה
כך נראה צל ב-CSS3
וכך נראה הצל שמגיב למקור האור + יותר ריאליסטי -
לחץ כאן
מדובר באלמטים של DOM עם חישובי טריגונומטריה.. הייתי צריך לחזור קצת אחורה ולקרא על סינוס, קוסינוס וכו'. לצפות בסרטונים ביוטיוב ולקרא מאמרים ומדריכים בנושא.
אז מה הרעיון?
תחשבו למשל שיש לכם משחק לדוגמא משחק תפקידים בדו מימד מנקודת מבט עליונה (למשל משחקי הפוקימונים למינהם). ואתם רוצים אפקט ריאליסטי של צל שמגיב לנקודת האור (אולי השחקן). כך שהשחקן זז ולאובייקטים במשחק יש צל שמגיב לתנועת השחקן.
הנה
גרסא ללא הצל הענקי (תשנו את הקובץ 5.html למספרים שבין 1 ל-5 לראות התקדמות - אך ורק בכרום כי שם עדיין לא התאמתי לכל הדפדפנים).
- נא להשתמש באקספלורר 9 ומעלה. ואם יש באגים אשמח אם תדווחו לי.
- בצד שמאל למעלה אתם יכולים לראות תוצאות בזמן אמת של חישובים שמתבצעים ברקע.
- אולי אעלה פוסט לגבי תהליך העבודה אם זה יעניין מישהו..