הרשם שאלות ותשובות רשימת חברים לוח שנה חיפוש הודעות מהיום סמן פורומים כנקראו

   
|!|

השב
 
כלים לאשכול תצורת הצגה
ישן 20-07-13, 20:44   # 1
satan
חבר וותיק
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
גיל: 33
הודעות: 1,582

satan לא מחובר  

צל ריאליסטי ורספונסיבי ב-HTML, CSS, JQUERY, JS

קודם כל לשם השוואה כך נראה צל ב-CSS3

וכך נראה הצל שמגיב למקור האור + יותר ריאליסטי - לחץ כאן

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

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

הנה גרסא ללא הצל הענקי (תשנו את הקובץ 5.html למספרים שבין 1 ל-5 לראות התקדמות - אך ורק בכרום כי שם עדיין לא התאמתי לכל הדפדפנים).

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

Last edited by satan; 20-07-13 at 20:54..
  Reply With Quote
ישן 21-07-13, 17:02   # 2
בניה
משתמש - היכל התהילה
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
מיקום: נחושה
הודעות: 3,434

בניה לא מחובר  

מאוד יפה,
הקונספט מאוד טוב, המימוש עם ה DOM בעייתי מבחינת ביצועים כי box shadow זה דבר יחסית יקר ב paint והרבה משחקים עם זה יטחן את המעבד.
יהיה מאוד מעניין לראות מימוש לכזה דבר לאלמנטים בCANVAS
  Reply With Quote
ישן 21-07-13, 18:14   # 3
satan
חבר וותיק
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
גיל: 33
הודעות: 1,582

satan לא מחובר  

ציטוט:
נכתב במקור על ידי בניה צפה בהודעה
מאוד יפה,
הקונספט מאוד טוב, המימוש עם ה DOM בעייתי מבחינת ביצועים כי box shadow זה דבר יחסית יקר ב paint והרבה משחקים עם זה יטחן את המעבד.
יהיה מאוד מעניין לראות מימוש לכזה דבר לאלמנטים בCANVAS
גם אני חשבתי שיהיה איטיות\רטט\קטיעות וכו'. אבל, לפחות בכרום הצל זז בצורה פשוט מושלמת ודי הופתעתי מכך למען האמת.

הייתי בטוח שזה יהיה איטי\יקרוס וכו'
__________________
פנוי לעבודה כמתכנת WEB - למידע נוסף: ליאור אמסלם.
בניית אתרים באינטרנט - בלוג על בניית אתרים באינטרנט עם טיפים, מאמרים, מדריכי תכנות ועוד.
משחקים אתר משחקים
  Reply With Quote
ישן 21-07-13, 18:55   # 4
IgalSt
מנהל פורום, עסק רשום
 
IgalSt's Avatar
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
מיקום: המרכז
גיל: 37
הודעות: 1,432
Send a message via Skype™ to IgalSt

IgalSt לא מחובר  

כל הכבוד! מאוד יפה

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

הייתי בטוח שזה יהיה איטי\יקרוס וכו'
נסה לשים תמונת רגע fixed ותראה כמה כבד זה.
במיוחד אם תעשה scroll לעמוד.

בכל מקרה, לא סביר להשתמש במשהו כזה ביותר מדיי מקומות בעמוד אחד. בסופו של דבר זה גימיק שלרוב תשתמש בו על איזה אלמנט אחד או משהו כזה וזה בהחלט נסבל.
מקסימום, היוזר יוכלי להתחמם קצת מיציאת אוורור של הלפטופ שלו
  Reply With Quote
ישן 23-07-13, 11:05   # 5
satan
חבר וותיק
 
מיני פרופיל
תאריך הצטרפות: Oct 2005
גיל: 33
הודעות: 1,582

satan לא מחובר  

ציטוט:
נכתב במקור על ידי IgalSt צפה בהודעה
כל הכבוד! מאוד יפה



נסה לשים תמונת רגע fixed ותראה כמה כבד זה.
במיוחד אם תעשה scroll לעמוד.

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

אגב כתבתי בלוגפוסט למי שמעוניין עם קצת הסברים בצד הטכני
http://www.lioramsalem.co.il/blog/post/45
__________________
פנוי לעבודה כמתכנת WEB - למידע נוסף: ליאור אמסלם.
בניית אתרים באינטרנט - בלוג על בניית אתרים באינטרנט עם טיפים, מאמרים, מדריכי תכנות ועוד.
משחקים אתר משחקים
  Reply With Quote
השב

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)
 

כלים לאשכול
תצורת הצגה

חוקי פירסום
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is מופעל
סמיילים הם מופעל
[IMG] קוד מופעל
קוד HTML מכובה

קפיצה לפורום


כל הזמנים הם GMT +2. הזמן כעת הוא 04:20.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ