مطالب پیشنهادی از سراسر وب

ساخت بازی تعاملی و پویای Element Catcher با JavaScript

دسته بندی ها: آموزش جاوا اسکریپت (Javascript) ، آموزش طراحی وب ، آموزش های Packtpub ، آموزش ساخت بازی

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

این دوره نحوه استفاده از ویژگی های زیر را در یک برنامه وب ساده نشان می دهد:

  • انتخاب عنصر با querySelector() و querySelectorAll()
  • متدهای JavaScript برای موقعیت یابی و ابعاد عناصر - getBoundingClientRect()
  • اشیا جاوا اسکریپت برای نگهداری داده ها
  • افزودن event listeners برای تعامل player با استفاده از addEventListener()
  • دستکاری element style attributes
  • ایجاد انیمیشن با استفاده از requestAnimationFrame()
  • استفاده از جاوا اسکریپت برای ایجاد عناصر در fly با createElement()
  • افزودن عناصر ایجاد شده به صفحه قابل مشاهده با استفاده از appendChild()
  • استفاده از JavaScript Math() را کاوش کنید

تمامی فایل های کد و پشتیبانی این دوره در این لینک است.

آشنایی با محتوای دوره و انتظارات شما از آن

فایل های تمرین exercise_files.zip
آیا این نوشته را دوست داشتید؟
Packt Build a Dynamic and Interactive Element Catcher Game Using JavaScript Duration:1 hour 1 minute

This course will help you get to grips with using JavaScript to create a simple DOM-based game. You’ll explore how you can design the game structure and create a sequence of events by manipulating and updating elements to develop gameplay.
The course demonstrates how to use the following features in a simple web application:
• Element selection with querySelector() and querySelectorAll()
• JavaScript methods for positioning and element dimensions - getBoundingClientRect()
• JavaScript objects to hold data
• Adding event listeners for player interaction using addEventListener()
• Manipulating element style attributes
• Creating animations using requestAnimationFrame()
• Using JavaScript to create elements on the fly with createElement()
• Adding created elements to a visible page using appendChild()
• Explore the use of JavaScript Math()
All the code and supporting files for this course are available at https://github.com/PacktPublishing/Build-a-Dynamic-and-Interactive-Element-Catcher-Game-Using-JavaScript

پیشنهاد آموزش مرتبط در فرادرس