Vanilla JavaScript: برنامه نویسی بازی موبایل

مدرس Tom Duffy

انتشار 2019/08/05

مدت زمان 2h 29m

سطح متوسط

فایل تمرینی دارد

آموزش Vanilla JavaScript: Mobile Game Programming

هر توسعه دهنده ای می خواهد پروژه های سریع و سازگار با موبایل بنویسد. استفاده از یک بازی برای تمرین برنامه نویسی جاوا اسکریپت مهارت های شما را در همه زمینه های توسعه افزایش می دهد: چه در حال طراحی وب سایت های شرکتی، برنامه های تجارت الکترونیک، پخش کننده های چند رسانه ای، ناوبری تعاملی پیچیده، یا بله، بازی ها باشید. به مربی تام دافی بپیوندید که او شما را از طریق تمرینات عملی راهنمایی می کند که مهارت های جاوا اسکریپت شما را به شیوه ای سرگرم کننده می سازد. یاد بگیرید که چگونه اشیاء HTML را ایجاد و متحرک کنید، ورودی های کاربر را مدیریت کنید، حلقه بازی را پیاده سازی کنید، نحوه تعامل اشیاء را تعیین کنید و به تمام عناصر با CSS استایل دهید. تام همچنین نحوه ترکیب موسیقی و جلوه های صوتی و آزمایش بازی نهایی را با استفاده از شبیه سازهای اندروید و iOS نشان می دهد. در پایان دوره، شما راه خود را برای بهبود مهارت های جاوا اسکریپت وانیلی "بازی" خواهید کرد.

JavaScript Mobile Game Development

Introduction

Optimize your JavaScript with a game ()

What you need to know ()

1. Game Programming

Game programming basics ()

Choose an editor ()

Demo the finished product ()

2. Your First Game

Your first game ()

Create the game elements using HTML ()

Define the initial conditions using CSS and link the style sheet to HTML ()

Define the objects for the game using JavaScript ()

Lay out the game objects ()

Use random numbers to move the game's dot ()

Create the game loop and start it up ()

3. Animation

Animation basics ()

Get started with replacement animation ()

Create replacement animation using JavaScript ()

Add some math: Get started with point-to-point animation ()

Use a formula to animate objects ()

The JavaScript coordinate system ()

Boundary collisions and how to simulate them ()

4. Moving On: Setting up the Rebound Game

Create the game elements using HTML ()

Add a stylesheet to the game ()

Use CSS to style and position the game elements ()

Test the game's CSS using Chrome's Developer Tools ()

Create variables for the DOM objects using JavaScript ()

Initialize the HTML DOM objects ()

Layout the gaming area ()

Listen for and handle keyboard events ()

Optimize your JavaScript ()

5. The Game Loop

Start the game loop ()

Introduction to requestAnimationFrame() ()

Use requestAnimationFrame() ()

Rendering: Drawing game objects on-screen ()

Physics: Detect collisions ()

Playability: Manage difficulty ()

Implement end conditions ()

6. Make It Mobile!

Support touch and mouse events ()

Add event listeners for mouse and touch events ()

Add mouse and touch event handlers to the script ()

Improving game play: Better collision detection ()

Implement improved collision detection ()

Testing in the Android emulator and iOS simulator ()

7. Game Controls

Give the user some control with a settings screen ()

Add the game controls DOM objects ()

Add event listeners and handlers for the game controls ()

Change the difficulty of the game ()

Start a new game ()

8. Add Some Noise!

Add the HTML elements for sound ()

Initialize the DOM objects for sound ()

Play sounds on a mobile device ()

Toggle sound effects ()

Toggle background music ()

Conclusion

Browser and device support ()

Deployment ()

Review optimizations ()

Next steps ()

Ex_Files_VanillaJS_Mobile_Game.zip (6.1 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

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