Create a breakout game with HTML, CSS, and vanilla JavaScript

We’ll begin by creating the game area using the HTML canvas element.  The  element provides access to the Canvas API, which allows us to draw graphics on a webpage. In your HTML add the code below. 1 class=”instructions”> 2 3 Bounce the ball with the paddle. Use your mouse to move the paddle and … ادامه خواندن Create a breakout game with HTML, CSS, and vanilla JavaScript

منتشر شده در
دسته‌بندی شده در اخبار برچسب خورده با

نحوه ایجاد افکت کارت خش با جاوا اسکریپت وانیلی

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

منتشر شده در
دسته‌بندی شده در اخبار برچسب خورده با

نحوه ایجاد یک بازی حافظه با وانیلی جاوا اسکریپت

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

منتشر شده در
دسته‌بندی شده در اخبار برچسب خورده با

نحوه ایجاد یک ابزار طراحی بوم با جاوا اسکریپت وانیلی

در پایان این آموزش، شما قادر خواهید بود اشکال مختلف با رنگ های مختلف را ترسیم کنید. به نسخه ی نمایشی کاری نهایی در زیر نگاهی بیندازید. به راحتی چنگال بزنید و با آن بازی کنید! ساختار HTML ساختار HTML از اجزای زیر تشکیل خواهد شد: در اینجا ساختار HTML (مانند همیشه، برای ساده… ادامه خواندن نحوه ایجاد یک ابزار طراحی بوم با جاوا اسکریپت وانیلی

منتشر شده در
دسته‌بندی شده در اخبار برچسب خورده با

چگونه یک بازی تیک تاک با جاوا اسکریپت وانیلی بسازیم

در اینجا بازی tic-tac-toe است که ما قصد داریم کدنویسی کنیم. برای قرار دادن قطعات روی هر مربع کلیک کنید و سعی کنید سه قطعه را پشت سر هم به دست آورید: ساختار HTML ساختار HTML از عناصر زیر تشکیل خواهد شد: تابلویی که دارای 9 خواهد بود div عناصر نشان دهنده شبکه… ادامه خواندن چگونه یک بازی تیک تاک با جاوا اسکریپت وانیلی بسازیم

منتشر شده در
دسته‌بندی شده در اخبار برچسب خورده با

نحوه ایجاد یک “اثر تایپ متن” خودکار با جاوا اسکریپت Vanilla

افکت تایپ خودکار متن یکی از راه‌های جلب توجه کاربر است. این می تواند هنگام استفاده از یک برنامه به کاربران سرنخ هایی بدهد و همچنین راهی برای انتقال یک پیام مهم است. یکی بسازیم! 1. ساختار HTML همانطور که اغلب در این نوع آموزش، ما رابط کاربری خود را با استفاده از اجزای Bootstrap… ادامه خواندن نحوه ایجاد یک “اثر تایپ متن” خودکار با جاوا اسکریپت Vanilla

منتشر شده در
دسته‌بندی شده در اخبار برچسب خورده با

نحوه ایجاد یک افزونه کروم با جاوا اسکریپت Vanilla

این آموزش نحوه ساخت یک برنامه افزودنی صفحه اصلی کروم حداقلی را با جاوا اسکریپت که برای کمک به کاربران در ماندگاری سازنده طراحی شده است را پوشش می دهد. افزونه کروم برنامه ای است که تجربه مرور را برای کاربران کروم بهبود می بخشد و سفارشی می کند. در میان انواع مختلف افزونه های… ادامه خواندن نحوه ایجاد یک افزونه کروم با جاوا اسکریپت Vanilla

منتشر شده در
دسته‌بندی شده در اخبار برچسب خورده با

نحوه ایجاد یک بازی تست تایپ با جاوا اسکریپت Vanilla

ساختار HTML خوب، بیایید شروع کنیم. ساختار HTML از عناصر زیر تشکیل خواهد شد. یک دکمه تایمر یک برچسب حاوی متن به تایپ شود. یک متن ورودی برای تایپ کلمات. یک دکمه تنظیم مجدد که از کاربر می خواهد پس از اتمام تایمر آزمایش را دوباره انجام دهد. ما از… ادامه خواندن نحوه ایجاد یک بازی تست تایپ با جاوا اسکریپت Vanilla

منتشر شده در
دسته‌بندی شده در اخبار برچسب خورده با

برنامه تولید کننده تصویر هوش مصنوعی خود را با جاوا اسکریپت و DALL-E 3 ایجاد کنید

DALL-E 3 یک مدل تولید تصویر است که در تولید تصاویر از اعلان های متنی عالی است. می تواند توصیفات متنی پیچیده را درک و تفسیر کند و آنها را به بازنمایی های بصری ترجمه کند. تصاویر تولید شده نیز دارای وضوح بالا و سبک متنوعی هستند. در پایان این آموزش، چیزی شبیه به این… ادامه خواندن برنامه تولید کننده تصویر هوش مصنوعی خود را با جاوا اسکریپت و DALL-E 3 ایجاد کنید

منتشر شده در
دسته‌بندی شده در اخبار برچسب خورده با

چگونه با OpenAI و جاوا اسکریپت یک “مولد نقل قول AI” ایجاد کنیم

در این آموزش، نحوه ایجاد یک برنامه “AI Quotes Generator” با جاوا اسکریپت را یاد خواهیم گرفت. این برنامه نحوه واکشی داده ها از OpenAI API و تولید نقل قول های جذاب برای دسته های مختلف یا حالت های دلخواه را نشان می دهد. ساختار HTML ساختار HTML از عناصر زیر تشکیل خواهد شد: … ادامه خواندن چگونه با OpenAI و جاوا اسکریپت یک “مولد نقل قول AI” ایجاد کنیم

منتشر شده در
دسته‌بندی شده در اخبار برچسب خورده با