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
نویسنده: Esther Vaati
نحوه ایجاد افکت کارت خش با جاوا اسکریپت وانیلی
بیایید با نگاهی به آنچه که ایجاد می کنیم شروع کنیم. در پایان این آموزش، چیزی شبیه به این خواهید داشت (نشانگر ماوس خود را روی پانل خراش حرکت دهید و مشاهده کنید که یک کد منحصر به فرد تولید شده خود را نشان می دهد): نمای کلی در 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” ایجاد کنیم