تمرین ۸.۰۱: ایجاد یک fractal ساده
خب حالا وقتشه چیزایی که در مورد canvas توی HTML یاد گرفتیم رو عملی کنیم. این دفعه میخوایم از جاوا اسکریپت برای تکرار مراحل رسم خط ها استفاده کنیم تا یه fractal ساده ایجاد کنیم. الگوی ایجاد شده چیزی شبیه به عکس زیر هست:
مراحل زیر رو برای ایجاد یک fractal انجام بدید:
۱- یک متغیر حاوی مختصات نقطه شروع در وسط canvas ایجاد کنید.
۲- یک حلقه ایجاد کنید. توی هر دور از حلقه، مختصات رو کم و زیاد کنید و خط رو رسم کنید.
- مقادیر مختصات رو جوری کم و زیاد کنید تا نقطه به صورت مارپیچی به سمت بیرون حرکت کنه.
- یک خط از نقطه قبل به نقطه جدید رسم کنید.
۳- در صورتی که نقطه به هر گوشه ای از canvas رسید حلقه رو قطع کنید.
قبل از اینکه راه حلش رو ببینید اول یذره باهاش دست و پنجه نرم کنید.
نکته: جواب این تمرین توی بخش پاسخ تمرین ها توی آخر کارگاه وجود داره.
خب حالا وقتشه بریم سراغ یه web API دیگه، یعنی Web Audio API.