بازی بریک‌اوت

حالا خودت بازی کن

توپ را با پدل برگردان و همه‌ی آجرها را بشکن. نگذار توپ از پایین بیفتد.

روی گوشی انگشتت را روی صفحه‌ی بازی بکش تا پدل حرکت کند. دکمه‌های ◀ و ▶ هم همین کار را می‌کنند. روی کامپیوتر کلیدهای جهت‌دار چپ و راست را بزن. 🎮

عالی بود! سرعت و زمان‌بندی، کلید بردن این بازی‌اند. 🌟

بوم و حلقه‌ی بازی

این بازی همه‌چیز را روی بوم (canvas) می‌کشد. بوم یک تخته‌ی نقاشی داخل صفحه‌ی وب است. توپ و پدل و آجرها روی همین تخته جان می‌گیرند.

کدش جاوااسکریپت ساده است و هیچ کتابخانه‌ای ندارد. یعنی برنامه‌نویس هر خط از این حرکت‌ها را خودش نوشته.

قلب کار حلقه‌ی بازی (game loop) است. هر ثانیه حدود شصت بار سه کار را تکرار می‌کند. اول بوم را پاک می‌کند، بعد اشیا را جلو می‌برد و دوباره همه را می‌کشد. آن‌قدر سریع که چشمت فقط حرکت روان می‌بیند. 🎨

فیزیک توپ و آجرها

توپ دو عدد دارد: سرعت افقی و سرعت عمودی. هر فریم برنامه این دو عدد را به جای توپ اضافه می‌کند. پس توپ جابه‌جا می‌شود.

حالا اگر توپ به دیوار چپ یا راست بخورد، سرعت افقی‌اش برعکس می‌شود. با دیوار بالا هم سرعت عمودی برعکس می‌شود. همین قانون ساده، جهش واقعی توپ را می‌سازد. برنامه هر فریم جای توپ را با جای هر آجر می‌سنجد. همین که توپ وارد محدوده‌ی یک آجر شود، آن آجر می‌شکند و توپ برمی‌گردد.

برخورد با پدل هم نکته دارد. توپ از وسط پدل صاف بالا می‌رود و از گوشه‌ها با زاویه‌ی تندتر. پس می‌توانی توپ را به سمت آجر دلخواهت هدایت کنی. 🎯

خودت را بسنج

حالا ببین چقدر از ساختِ این بازی را گرفته‌ای. یک سوال کوتاه در انتظارت است.