کمیته علمی کامپیوتر و فناوری اطلاعات آموزشکده فنی ابن حسام
یادگیری عملی: اندازه بندی یک کادر بوم (Canvas Box)
در این تمرین، برخی اعداد و عملگرها برای تغییر دادن اندازه یک کادر دستکاری میشوند. این کادر با استفاده از یک API مرورگر به نام Canvas API ترسیم میشود. البته نیاز نیست در مورد طرز کار آن نگران باشید، چون در این نوشته صرفاً روی بحثهای ریاضی متمرکز شدهایم. عرض و ارتفاع کادر (برحسب پیکسل) در متغیرهای x و y در ابتدا برابر با مقدار 50 تعیین شده است.
در کادر قابل ویرایش فوق دو خط هستند که با کامنت مشخص شدهاند و با بهروزرسانی آنها باعث میشوید که کادر سبز رنگ بالا بزرگ یا کوچک شود. موارد زیر را امتحان کنید:
- خطی که x را محاسبه میکند را طوری تغییر دهید همچنان 50 پیکسل عرض داشته باشد، اما 50 به صورت مجموع 43 و 7 با یک عملگر حسابی محاسبه میشود.
- خطی که y را محاسبه میکند را طوری تغییر دهید که 75 پیکسل ارتفاع داشته باشد؛ اما 75 با استفاده از اعداد 25 و 3 و یک عملگر حسابی محاسبه شود.
- خطی که x را محاسبه میکند را طوری تغییر دهید که 250 پیکسل عرض داشته باشد؛ اما 250 با استفاده از دو عدد و عملگر باقیمانده (modulo) محاسبه شود.
- خطی که y را محاسبه میکند را طوری تغییر دهید که 150 پیکسل ارتفاع داشته باشد؛ اما 150 با استفاده از سه عدد و عملگرهای تفریق و تقسیم محاسبه شود.
- خطی که x را محاسبه میکند را طوری تغییر دهید که 200 پیکسل عرض داشته باشد؛ اما 200 با استفاده از عدد 4 و یک عملگر انتساب محاسبه شود.
- خطی که y را محاسبه میکند را طوری تغییر دهید که کادر ما 200 پیکسل ارتفاع داشته باشد؛ اما با استفاده از اعداد 50 و 3 و عملگر ضرب و عملگر انتساب جمعی محاسبه شود.
اگر باعث خراب شدن کد شدید جای نگرانی نیست؛ چون همیشه با زدن دکمه Reset میتوانید همه چیز را به حالت اول بازگردانید. پس از این که همه سؤالهای فوق را به درستی پاسخ دادید میتوانید با کد کمی کار کنید و چالشهای بیشتری برای خود تعریف کنید.
دسته بندی
آمار سایت
آرشیو مطالب
مطالب تصادفی
پنل کاربری
عضویت سریع