💊Capsule
⚡️⚡️Animation⚡️⚡️
❓معنای لغوی Animation چیه؟ 🤔
یعنی متحرک، هر تصویری که متحرک باشه.
❓ولی آیا وقتی که داریم یه بازی کامپیوتری انجام میدیم یا وقتی که یه فیلم تماشا میکنیم یا... واقعن نمایشگر داره یه تصویر متحرک به ما نشون میده؟
🔥یه چیزی هست به اسم توهم 😂
توهم حرکت، توهم متحرک بودن.
نمایشگر تصاویری رو که توسط پردازنده رندر شدن رو پشت سر هم ردیف میکنه و ما چون که داریم یه تعداد تصویر رو که دارن با سرعت عوض میشن رو میبینیم فکر میکنیم که واقعن حرکت انجام شده.
✔️دوربین فیلم برداری کاری نمیکنه جز گرفتن یه تعداد عکس با فاصله زمانی کم .
✔️نمایشگر کاری نمیکنه جز قراردادن یه تعداد عکس پشت سر هم.
✔️و حتا چشم انسان هم کاری نمیکنه جز گرفتن عکس های پی در پی از وقایع و فرستادن اون ها به مغز.
🔥و همه این ها با هم یه چیزی رو بوجود میارن به نام توهم حرکت.
و ما در واقع داریم توهم میزنیم 😂
🔥انیمیشن های فلاتر هم خارج از این قاعده نیستن و در واقع اون ها هم یک سری تصویر رو پشت سر هم قرار میدن...
#intermediate #capsule #animation
⚡️⚡️Animation⚡️⚡️
❓معنای لغوی Animation چیه؟ 🤔
یعنی متحرک، هر تصویری که متحرک باشه.
❓ولی آیا وقتی که داریم یه بازی کامپیوتری انجام میدیم یا وقتی که یه فیلم تماشا میکنیم یا... واقعن نمایشگر داره یه تصویر متحرک به ما نشون میده؟
🔥یه چیزی هست به اسم توهم 😂
توهم حرکت، توهم متحرک بودن.
نمایشگر تصاویری رو که توسط پردازنده رندر شدن رو پشت سر هم ردیف میکنه و ما چون که داریم یه تعداد تصویر رو که دارن با سرعت عوض میشن رو میبینیم فکر میکنیم که واقعن حرکت انجام شده.
✔️دوربین فیلم برداری کاری نمیکنه جز گرفتن یه تعداد عکس با فاصله زمانی کم .
✔️نمایشگر کاری نمیکنه جز قراردادن یه تعداد عکس پشت سر هم.
✔️و حتا چشم انسان هم کاری نمیکنه جز گرفتن عکس های پی در پی از وقایع و فرستادن اون ها به مغز.
🔥و همه این ها با هم یه چیزی رو بوجود میارن به نام توهم حرکت.
و ما در واقع داریم توهم میزنیم 😂
🔥انیمیشن های فلاتر هم خارج از این قاعده نیستن و در واقع اون ها هم یک سری تصویر رو پشت سر هم قرار میدن...
#intermediate #capsule #animation
💊Capsule
⚡️⚡️Animation⚡️⚡️
❓حالا این تصاویر باید با چه فاصله زمانی پشت سر هم قرار بگیرن؟ 🤔
گفتم که پردازنده تصویر رو رندر میکنه و نمایشگر تصویر رو نمایش میده.
پس اینجا با ۲ واحد سخت افزاری سر و کار داریم که هر کدوم ویژگی های خودشون رو دارن.
🔥توی هر نمایشگر یه مفهومی داریم به اسم Refresh rate.
این برای هر نمایشگر با یه عددی بیان میشه که واحدش هرتز هست و میگه یه نمایشگر توی هر ثانیه چند بار میتونه تصویر خودش رو رفرش یا اپدیت کنه.
مثلن اگه ۶۰ هرتز باشه توی هر ثانیه ۶۰ بار میتونه تصویر خودش رو رفرش کنه یعنی تقریبن هر ۱۶/۳۳ میلی ثانیه یه بار.
ولی این کافی نیست و فقط به صرف اینکه یه نمایشگر ۶۰ هرتز داشته باشیم نمیتونیم بگیم که تصویر توی هر ثانیه ۶۰ بار رفرش میشه.
🔥 توی پردازنده یا GPU یه مفهومی داریم به اسم Frame rate.
این تعداد Frame هایی رو که پردازنده گرافیکی توی هر ثانیه میتونه تولید کنه رو بیان میکنه.
و واحدش fps یا Frame per Seconds هست.
وقتی میگیم 60 fps یعنی اینکه پردازنده این قابلیت داره که توی هرثانیه ۶۰ فریم یا ۶۰ تصویر جدید رندر کنه.
🔥حالا نکته مهمی که هست اینه که همیشه refresh rate نمایشگر با frame rate پردازنده برابر نیست.
یعنی ممکنه یه نمایشگر سرعت رفرشش بیشتر از سرعت تولید فریم توسط پردازنده باشه یا برعکس و اینجوری بین این دو ناهماهنگی بوجود میاد 🤦♂
❓راه حل چیه به نظرتون؟
#animation #capsule #advanced
⚡️⚡️Animation⚡️⚡️
❓حالا این تصاویر باید با چه فاصله زمانی پشت سر هم قرار بگیرن؟ 🤔
گفتم که پردازنده تصویر رو رندر میکنه و نمایشگر تصویر رو نمایش میده.
پس اینجا با ۲ واحد سخت افزاری سر و کار داریم که هر کدوم ویژگی های خودشون رو دارن.
🔥توی هر نمایشگر یه مفهومی داریم به اسم Refresh rate.
این برای هر نمایشگر با یه عددی بیان میشه که واحدش هرتز هست و میگه یه نمایشگر توی هر ثانیه چند بار میتونه تصویر خودش رو رفرش یا اپدیت کنه.
مثلن اگه ۶۰ هرتز باشه توی هر ثانیه ۶۰ بار میتونه تصویر خودش رو رفرش کنه یعنی تقریبن هر ۱۶/۳۳ میلی ثانیه یه بار.
ولی این کافی نیست و فقط به صرف اینکه یه نمایشگر ۶۰ هرتز داشته باشیم نمیتونیم بگیم که تصویر توی هر ثانیه ۶۰ بار رفرش میشه.
🔥 توی پردازنده یا GPU یه مفهومی داریم به اسم Frame rate.
این تعداد Frame هایی رو که پردازنده گرافیکی توی هر ثانیه میتونه تولید کنه رو بیان میکنه.
و واحدش fps یا Frame per Seconds هست.
وقتی میگیم 60 fps یعنی اینکه پردازنده این قابلیت داره که توی هرثانیه ۶۰ فریم یا ۶۰ تصویر جدید رندر کنه.
🔥حالا نکته مهمی که هست اینه که همیشه refresh rate نمایشگر با frame rate پردازنده برابر نیست.
یعنی ممکنه یه نمایشگر سرعت رفرشش بیشتر از سرعت تولید فریم توسط پردازنده باشه یا برعکس و اینجوری بین این دو ناهماهنگی بوجود میاد 🤦♂
❓راه حل چیه به نظرتون؟
#animation #capsule #advanced
💊Capsule
⚡️⚡️Animation⚡️⚡️
🔥توی پست های قبلی در مورد اینکه معنی لغوی Animation چیه صحبت کردیم و متوجه شدیم که وقتی که داریم یه تصویر متحرک یا یه فیلم میبینم یا یه بازی کامپیوتری میکنیم در واقع داره چه اتفاقی میوفته.
🔥همچنین با دو تا مفهوم از مفاهیمی که سخت افزار های درگیر توی این قضیه باهاشون سر و کار دارن آشنا شدیم.
نمایشگر : refrash rate (هرتز)
پردازنده : frame rate (fps)
منظور از پردازنده هم بیشتر پردازنده گرافیکی یا GPU هست.
GPU : Graphics Processing Unit
CPU : Central Processing Unit
یه سوال هم مطرح کردیم که...
🔥حالا یه سوال دیگه این جا مطرح میشه که Flutter با کدوم یک از مفاهیم بالا بیشتر درگیره؟ با اولی یعنی refresh rate یا دومی یعنی frame rate.
#advanced #capsule #animation
⚡️⚡️Animation⚡️⚡️
🔥توی پست های قبلی در مورد اینکه معنی لغوی Animation چیه صحبت کردیم و متوجه شدیم که وقتی که داریم یه تصویر متحرک یا یه فیلم میبینم یا یه بازی کامپیوتری میکنیم در واقع داره چه اتفاقی میوفته.
🔥همچنین با دو تا مفهوم از مفاهیمی که سخت افزار های درگیر توی این قضیه باهاشون سر و کار دارن آشنا شدیم.
نمایشگر : refrash rate (هرتز)
پردازنده : frame rate (fps)
منظور از پردازنده هم بیشتر پردازنده گرافیکی یا GPU هست.
GPU : Graphics Processing Unit
CPU : Central Processing Unit
یه سوال هم مطرح کردیم که...
🔥حالا یه سوال دیگه این جا مطرح میشه که Flutter با کدوم یک از مفاهیم بالا بیشتر درگیره؟ با اولی یعنی refresh rate یا دومی یعنی frame rate.
#advanced #capsule #animation