همونطور که اطلاع دارید در جلسه قبل در مورد ذخیره کردن Canvas بصورت تصویر، توضیحاتی رو براتون قرار دادم و شما رو با روشهای مختلفی که وجود داره و متدوال هست، آشنا کردم. چیزهای زیادی در مورد Canvas باقی مونده ولی ما سعی کردیم هر چیزی که برای شروع کار مقدماتی با canvas نیاز دارید …
همونطور که اطلاع دارید در 2 جلسه قبل در مورد دستکاری در پیکسلهای Canvas توضیحاتی رو خدمتتون قرار دادم و شما رو تا جایی که لازم بود با اون آشنا کردم. در این جلسه میخوایم نحوه ذخیره کردن وضعیت فعلی Canvas بصورت تصویر رو با هم بررسی کنیم. المنت Canvas یک متد بنام toDataURL داره …
در جلسه قبل توضیحاتی در مورد دریافت اطلاعات از بخش مورد نظرمون در Canvas رو براتون قرار دادم و یاد گرفتید که چطور اطلاعات مربوط به پیکسلهای مورد نظر خودتون رو در بیارید و مورد استفاده قرار بدین. در این جلسه قصد داریم متدهای دیگه ای که در زمینه دست کاری در Canvas وجود داره …
در جلسات قبل توضیحاتی مقدماتی در مورد نحوه ساخت و کار کردن با انیمیشن دادیم و مثالهای متنوعی برای اون قرار دادیم. در این جلسه و جلسات بعد میخوایم به شما متدها و روشهایی که میتونین با استفاده از اونا اطلاعاتی در مورد هر یک از پیکسل های تصویر بدست بیارید رو بهتون توضیح بدیم …
در جلسات قبل توضیحاتی در مورد ساخت انیمیشن رو خدمتتون قرار دادیم و مثالهایی رو هم براتون زدیم تا بهتر با اون آشنا بشید. در این جلسه میخوایم دو مثال دیگر در مورد انیمیشن ها براتون قرار بدیم تا هم بیشتر با انیمیشنها آشنا بشید و هم اینکه قدرت انیمیشنها رو بیشتر درک کنید. ساخت ساعت: …
در جلسه قبل مقدماتی در مورد ساخت انیمیشن رو بهتون توضیح دادیم و در این جلسه قصد داریم این موضوع رو ادامه بدیم. زمانبندی به روز رسانی انیمیشن راه متداولی که برای ساخت انیمیشن وجود داره اینه که یک تابع اصلی رو به وجود میارن که ساخت و جلو رفتن انیمیشن رو کنترل میکنه. ما …
در جلسات قبل در مورد Compositing یا ترکیب کردن اشکال جدید و قدیمی با هم صحبت کردیم و در این جلسه و جلسات بعدی قصد داریم بصورت مقدماتی شما رو با ساخت انیمیشن و کار کردن با اون آشنا کنیم. از اونجایی که ما از Javascript برای کنترل المنت Canvas استفاده میکنیم، ساخت و اجرای …
در جلسه قبل در مورد Compositing یا ترکیب کردن اشکال توضیحاتی رو قرار دادیم. در این جلسه میخوایم این مبحث رو ادامه بدیم. مقدار destination-over: با این مقدار شکلهایی که جدید رسم میکنیم، در پشت شکلهایی که در قبل وجود داشته قرار میگیرن. کدهای زیر رو در نظر بگیرید: خروجی در مرورگر بصورت زیر خواهد بود: …
در جلسه قبل در مورد متدهای transform و setTransform و resetTransform توضیحاتی رو قرار دادیم. در این جلسه در مورد Compositing یا ترکیب کردن اشکال صحبت خواهیم کرد. Compositing در همه مثالهایی که در جلسات قبل با هم بررسی کردیم، شکلهای جدیدی که رسم می کردیم، بر روی شکلهای قدیمی تر قرار میگرفتن. این نحوه …
