إعلان: أدوات ويب الذكاء الاصطناعي

لقد جربت محليًا، وواجهت معظم المشكلات:

  • في وضع ملء الشاشة، تتداخل شريط الهروب أحيانًا مع المحتوى، مما يجعل التفاعل معه مستحيلًا.
  • في بعض الأحيان، لا يظهر “تشغيل القطع الأثرية” على الفور، ولكنه يظهر بمجرد تحريك مؤشر الماوس فوق أيقونات المنشور على سبيل المثال (يبدو).
  • كان لدي حالة واحدة فقط لم يتم فيها عرض أي نتيجة. رأيت المؤشر، ثم لم يحدث شيء.

بشكل عام، يعمل بشكل جيد جدًا. :+1:

إليك بعض العروض التوضيحية.
ليس من السهل جدًا الحصول على عرض توضيحي جيد. كالعادة، كلما كان الموجه أكثر تفصيلاً، كان ذلك أفضل.
في بعض الأحيان، تكون الدقة الإضافية مطلوبة. لا يتضمن دائمًا جميع الموارد، أو لا يستجيب، أو يتطلب رمزًا للانتظار حتى يتم تحميل الصفحة. أيضًا، يؤدي استخدام المكتبات الخارجية إلى زيادة فرصة الفشل.

لقد استمتعت بهذه الميزة أكثر من اللازم. :smile:

موجه (محاكاة حركة المقذوف)

أنشئ صفحة لمحاكاة حركة المقذوف. يجب أن تقوم الصفحة بما يلي:

  1. السماح للمستخدمين بإدخال السرعة الأولية وزاوية وارتفاع المقذوف.
  2. عرض رسوم متحركة حية لمسار المقذوف.
  3. تضمين القيم المحسوبة لوقت الطيران، والارتفاع الأقصى، والمدى.
  4. استخدام أشرطة تمرير لضبط معلمات الإدخال في الوقت الفعلي.
  5. تضمين زر “إعادة تعيين” للبدء من جديد.
فيديو


موجه (لعبة سقوط الرموز التعبيرية)

أنشئ صفحة يختار فيها المستخدمون مزاجهم، وتبدأ الرموز التعبيرية في التساقط على الشاشة. يجب أن تقوم الصفحة بما يلي:

  1. توفير خيارات مزاج مثل “سعيد” أو “متجهم” أو “بيتزا”.
  2. جعل الرموز التعبيرية مثل :smile: أو :angry: أو :pizza: تتساقط بلا نهاية من أعلى الشاشة.
  3. السماح للمستخدمين بالنقر على الرموز التعبيرية “لجمعها” مع مؤثر صوتي مضحك.
  4. تضمين عداد سخيف مثل “شرائح البيتزا المجمعة: 27”.
  5. استخدام HTML و CSS و JavaScript للمتعة المتحركة.
فيديو


موجه (عارض بسيط للنظام الشمسي)

أنشئ صفحة لتصوير النظام الشمسي. يجب أن تقوم الصفحة بما يلي:

  1. عرض نظام شمسي متحرك ومفصل بمقياس مصغر يوضح مدارات الكواكب.
  2. السماح للمستخدمين بالنقر على كوكب لعرض معلومات مثل الحجم والمسافة من الشمس وفترة الدوران.
  3. السماح للمستخدمين بالتكبير والتصغير.
  4. تضمين شريط تمرير لتسريع أو إبطاء حركة الدوران.
  5. استخدام HTML و CSS و JavaScript للتفاعل والرسوم المتحركة.
  6. التأكد من أن الحاوية تستخدم عرضًا وارتفاعًا بنسبة 100٪.
فيديو


موجه (ملعب رسوم CSS)

أنشئ صفحة يمكن للمستخدمين فيها تجربة الرسوم المتحركة والانتقالات باستخدام CSS. يجب أن تقوم الصفحة بما يلي:

  1. عرض عناصر مختلفة (مثل الأزرار، مربعات التقسيم) يمكن للمستخدمين تحريكها باستخدام CSS.
  2. السماح للمستخدمين بالاختيار من قائمة خصائص الرسوم المتحركة (مثل التحويل، التعتيم، الانتقال، الدوران).
  3. توفير أشرطة تمرير لضبط المدة ووظيفة التوقيت وتأخير الرسوم المتحركة.
  4. السماح للمستخدمين بمعاينة الرسوم المتحركة في الوقت الفعلي ومعرفة كيف تؤثر التغييرات على الرسوم المتحركة.
  5. استخدام JavaScript لتحديث خصائص CSS ديناميكيًا و HTML / CSS للتصميم.
فيديو


موجه (لوحة معلومات بيانات تفاعلية)

أنشئ صفحة تصور لوحة معلومات بيانات مع رسوم بيانية تفاعلية. يجب أن تقوم الصفحة بما يلي:

  1. عرض رسوم بيانية متعددة، مثل رسم بياني شريطي، ورسم بياني خطي، ورسم بياني دائري، يمثل كل منها مجموعات بيانات مختلفة (مثل المبيعات، السكان، بيانات الطقس).
  2. السماح للمستخدمين بتصفية البيانات حسب النطاق الزمني أو الفئة أو الموقع باستخدام قوائم منسدلة أو أشرطة تمرير.
  3. تحديث الرسوم البيانية في الوقت الفعلي أثناء تفاعل المستخدمين مع عوامل التصفية.
  4. عرض إحصائيات وصفية (مثل المتوسط، الوسيط، المنوال) للبيانات المحددة.
  5. استخدام Chart.js أو D3.js لعرض الرسوم البيانية و JavaScript لمعالجة تصفية البيانات والحسابات الإحصائية.
فيديو

3 إعجابات