طريقه اضافه العاب في موقع React

غالبا ما يتم تضمين مثل هاته الألعاب بوساطة iframes، يمكنك تضمين iframe اللعبة المرادة وتصييره كمكون، مثال: 

// في مكون React الذي يحمل اللعبة
import React from 'react';

const GameComponent = () => {
  return (
    <div>
      {/* ضبط ارتفاع الـ iframe بحسب حجم اللعبة */}
      <iframe src="https://example.com/your-game" width="100%" height="500px" frameborder="0"></iframe>
    </div>
  );
}

export default GameComponent;

قد تحتاج الاستعانة بمواقع مثل htmlgames لتزويدك بعناصر iframe جاهزة لعمل embed. 

بتاريخ 1 دقيقة مضت قال Adnane Kadri:

غالبا ما يتم تضمين مثل هاته الألعاب بوساطة iframes، يمكنك تضمين iframe اللعبة المرادة وتصييره كمكون، مثال: 

// في مكون React الذي يحمل اللعبة
import React from 'react';

const GameComponent = () => {
  return (
    <div>
      {/* ضبط ارتفاع الـ iframe بحسب حجم اللعبة */}
      <iframe src="https://example.com/your-game" width="100%" height="500px" frameborder="0"></iframe>
    </div>
  );
}

export default GameComponent;

قد تحتاج الاستعانة بمواقع مثل htmlgames لتزويدك بعناصر iframe جاهزة لعمل embed. 

طيب لو العبه محطوطه في canvas ازاي اعرف اخدها من الموقع مع العلم انه مش ظاهر اي روابط مضافه للتاج

بتاريخ الآن قال Kerollos Nagy:

طيب لو العبه محطوطه في canvas ازاي اعرف اخدها من الموقع مع العلم انه مش ظاهر اي روابط مضافه للتاج

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

قد يمكنك نسخ عنصر canvas المعني مع البحث عن شيفرة جافاسكربت المرتبطة به، وتطويع ذلك بحسب شيفرتك. 

عند عمل inspect element على النافذة الخاصة باللعبة في موقع Poki ستجد أنه يتم تضمين اللعبة في عنصر iframe والرابط الخاص باللعبة خاص بشبكة توزيع محتوى CDN تابعة لموقع Poki باسم https://poki-gdn.com.

وعند محاولة نسخ الرابط والتوجه إليه لن يتم السماح للك بتصفح المحتوى، حيث تم وضع قيد لتصفح المحتوى من خلال الدومين poki.com.

وأيضًا تستطيع استخدام canvas بدلاً من الـ iframe ولكن يتم ربط العنصر بواسطة كود جافاسكريبت وليس رابط كما في الـ iframe.

وتستطيع الحصول على روابط للألعاب من خلال البحث عن HTML5 games links وستجد مواقع مثل:

• html5games.com
• https://www.htmlgames.com/html5-games-for-your-site/