HomeVideos

Watch Fable Turn 628 Million Tokens Into a Professional Game

Now Playing

Watch Fable Turn 628 Million Tokens Into a Professional Game

Transcript

829 segments

0:00

حسناً، اليوم هو يوم

0:01

جديد. سيكون هذا

0:02

ممتعاً نوعاً ما اليوم

0:03

. أنا متحمس لهذا الأمر

0:05

. أخيراً سأعمل هنا في

0:07

المختبر وأقوم ببناء

0:09

شيء ما. ما أردت فعله

0:10

هو أخذ التصميم الذي

0:12

نراه على الشاشة هنا،

0:14

وهو شيء قمت بتجميعه

0:15

مؤخراً، وأريد أن أوضح

0:17

لكم كيف أبتكر هذه

0:19

التصاميم وما الذي

0:20

يجعلها مميزة حقاً، ثم

0:22

كيفية نقلها من مجرد

0:24

مفهوم تصميمي إلى منتج

0:25

نهائي. سأقوم بالبناء

0:27

باستخدام Fable اليوم،

0:28

وآمل أن يمنحكم هذا

0:30

بعض الأفكار حول ما

0:31

يمكنكم فعله لدفع هذه

0:32

الأشياء إلى أقصى حد

0:34

ممكن. سنقوم بإعداده

0:35

بحيث عندما يبدأ

0:36

البناء، مع القليل من

0:38

الحظ، سنصل إلى المنتج

0:39

النهائي من محاولة

0:40

واحدة أو اثنتين.

0:41

أعتقد أن الأمر سيكون

0:43

مثيراً للغاية. حقاً،

0:44

فلننتظر قليلاً. لنبدأ

0:46

مباشرة ونرى ما يتطلبه

0:47

الأمر لبناء شيء بجودة

0:49

عالية جداً. حسناً،

0:50

أول شيء سأخبركم به هو

0:52

أننا نعمل مع Cloud Code،

0:54

وسأستخدم تطبيق Claude

0:55

لسطح المكتب. لذا، إذا

0:57

كان لديك هذا التطبيق

0:58

مثبتاً، فسأقدم لك بعض

1:00

الخطوات حول كيفية

1:01

تنفيذ ذلك. هذا موقع

1:02

إلكتروني يمكنك

1:03

الذهاب إليه عبر

1:04

claude.ai/design والذي

1:05

سيوصلك إلى هنا أيضاً،

1:06

ولكنه موجود أيضاً في

1:07

تطبيق Claude لسطح المكتب

1:09

، وأردت أن أوضح لك ما

1:10

يقوم به. إذا نقرت على

1:12

هذا الزر، فإنه ينشئ

1:13

لوحة جديدة تحتوي على

1:15

Claude design. الآن، هذا

1:17

يشبه تماماً ما تراه

1:18

على الموقع

1:19

الإلكتروني. ما تتطلع

1:20

لتصميمه، يمكنك

1:21

ببساطة طلبه هنا،

1:23

وسيقوم بإنشاء أصول

1:24

تصميم حقيقية أو شيء

1:25

يشبه الهيكل السلكي (

1:27

wireframe)، بدقة عالية

1:28

جداً إذا كنت تبحث عن

1:29

ذلك، والتي يمكنك

1:31

مشاركتها مباشرة مع

1:32

Claude code. هذا ما سنفعله

1:33

اليوم. ولجعل الأمر

1:35

بسيطاً للغاية، لقد

1:36

وضعت مطالباً (prompt) هنا

1:37

. سنلقي نظرة على هذا

1:38

المطلب بعد لحظة،

1:40

وسأقوم بشرحه لكم.

1:41

ولكن الأهم هو أن نغوص

1:42

في لعبة Spades التي

1:44

نتطلع لبنائها اليوم.

1:45

إنها مجرد لعبة ورق

1:47

تقليدية قديمة فكرت،

1:49

لماذا لا أبني واحدة

1:50

لجهاز محمول؟ لذا،

1:52

عندما أدخل إلى اللعبة

1:53

نفسها، سأقوم بطي

1:55

الجانب الأيسر لثانية

1:56

حتى نتمكن من رؤية

1:58

منطقة الإخراج

1:59

الرئيسية. هذا هو

2:00

المكان الذي يظهر فيه

2:02

التصميم نفسه. وبينما

2:03

تتنقل خلال هذا، سترى

2:05

عناصر التصميم

2:06

المختلفة التي تم

2:07

إنشاؤها بسبب الطلبات

2:09

التي قدمتها. سأقوم

2:10

بتصغيره قليلاً ليكون

2:12

لدينا رؤية أفضل

2:13

للأجزاء المتعددة

2:14

التي تتكون منها هذه

2:15

اللعبة. لقد طلبت

2:16

الكثير من الأجزاء

2:18

المتحركة والعديد من

2:19

الأقسام المختلفة في

2:20

طريقة عمل اللعبة،

2:22

لكنني بالتأكيد لم

2:23

أراجع كل ميزة من هذه

2:25

الميزات. هذا جزء مما

2:26

سنتحدث عنه اليوم، وهو

2:28

عدم الحاجة إلى تحديد

2:30

كل قطعة من هذا بالفعل.

2:32

ليس عليك معرفة كل هذا

2:33

لتتمكن من الحصول على

2:35

كل هذا. عليك فقط أن

2:36

تكون قادراً على توجيه

2:38

وكيلك على مستوى الهدف

2:39

، وهذا ما سننظر إليه.

2:40

لكننا سنتطرق إلى ذلك

2:42

عندما نتحدث عن

2:43

المطالبة بعد قليل.

2:45

يمكننا النزول إلى هنا

2:46

ورؤية لوحات اللعبة

2:48

المختلفة، مثل وقت

2:50

توزيع الأوراق، ووقت

2:51

المزايدة، وكيف قد

2:53

تبدو يدك في تلك

2:54

الحالة، وأثناء اللعب

2:56

، والخصوم المختلفين

2:58

الذين تلعب معهم، وما

2:59

إذا كنت تريدها في

3:01

الوضع الأفقي، وكيف قد

3:03

تتفاعل مع تصرفات

3:04

الآخرين أو ما فعلوه،

3:06

بالإضافة إلى القدرة

3:08

على التواصل. إذن، هذه

3:10

مصممة لتكون لعبة

3:11

متعددة اللاعبين سيتم

3:13

بناؤها. سننتهي من ذلك

3:14

اليوم، أضمن لك ذلك.

3:16

كما أنها تحتوي أيضاً

3:18

على كل الشاشات المهمة

3:19

الأخرى مثل الفوز

3:21

والخسارة، ومكان

3:22

نتيجتك، وكيفية اللعب

3:23

، والإعدادات، وكل هذه

3:25

الأشياء الأخرى. لذا،

3:26

هناك عدد لا بأس به من

3:28

الشاشات المختلفة هنا

3:29

، سنأخذ هذا التصميم

3:31

ونعطيه لـ Claude Code بعد

3:32

قليل، ونعطيه لـ Fable

3:33

للبدء في بنائه. لكن

3:35

أولاً، دعونا نلقي

3:36

نظرة على المطالبة

3:37

التي أوصلتنا إلى هنا.

3:39

حسناً، الطلب الكامل

3:40

الذي قدمته لهذا

3:42

النظام موجود هنا. لقد

3:43

وضعته للتو داخل مجلد

3:45

فارغ. نحن نعمل الآن

3:47

داخل مجلد "Spades" الجديد

3:49

الفارغ الذي سنبني فيه

3:51

كل شيء، وقد وضعته فقط

3:52

كمستند تذكير وقصد

3:54

أردت الاحتفاظ به.

3:55

لكنني سأوضح لك هنا

3:57

مدى صغر حجمه، وهذا هو

3:59

كل شيء تقريباً. دعونا

4:01

نعمل مباشرة على

4:02

التصميم نفسه ونبدأ في

4:04

تنفيذه. دعونا ندع Fable

4:06

تبدأ في البناء بينما

4:07

نقوم بكل هذا، لأن

4:08

الأمر سيستغرق على

4:10

الأرجح ما يقرب من

4:11

ساعة. إليك هذا الأمر

4:12

الذي كنت أخبرك عنه

4:14

للتو والذي أخذته.

4:15

سأقوم بطي ذلك لثانية

4:16

واحدة. يمكننا إلقاء

4:18

نظرة على هذا الملف.

4:19

هذا هو تقريبًا ما

4:20

نريد مشاركته. لذا، ما

4:22

سأفعله هو النقر على

4:23

مشاركة. تذكر أننا في

4:25

Claude design. يمكنك الوصول

4:27

إلى هناك من خلال

4:28

الويب. هذه أداة رائعة

4:29

جدًا تتيح لك الاتصال

4:31

مباشرة بهذا باستخدام

4:32

Claude code. ما يمكنك فعله

4:34

هو الانتقال إلى

4:35

المزيد من التنسيقات

4:36

والتطبيقات عند

4:37

المشاركة، لأننا لا

4:38

نريد مشاركتها كملف PDF.

4:39

نحن نريد الحصول على

4:41

أصول التصميم نفسها.

4:42

إذًا، ما سنفعله هو

4:43

إرسالها إلى Claude Code

4:44

وهناك طريقتان للقيام

4:45

بذلك. يمكنك فقط نسخ

4:47

هذا الأمر وإعطاؤه لـ

4:48

Claude Code. ستلاحظ أنه

4:50

يذكر MCP يمكنه

4:51

استخدامه. سيسجل

4:52

الدخول إلى حساب

4:53

التصميم، ومن ثم سيكون

4:55

قادرًا على سحب

4:56

الملفات. ما سأفعله،

4:58

وهو يعمل بشكل جيد

4:59

أيضًا. كلاهما يعمل

5:01

بنفس الطريقة، سأنتقل

5:02

إلى خيار تنزيل ملف

5:04

مضغوط. سيعطيني هذا

5:05

ملفًا ليقوم بتنزيله،

5:07

وبمجرد تنزيله،

5:09

يمكنني وضعه داخل

5:10

المشروع الذي لدينا.

5:12

وداخل مجلد المستندات

5:14

، سأنشئ مجلدًا جديدًا

5:16

باسم designs، وسأحفظه

5:17

داخل مجلد التصميم

5:19

الخاص بنا. ثم سأقوم

5:20

بنسخ هذا الأمر،

5:21

وسأعطيه لـ Claude Code

5:22

وأخبره أن هذا الملف

5:24

موجود داخل مجلد

5:25

التصميم الخاص بنا.

5:27

حسنًا، نحن الآن نعود

5:28

إلى Claude Code. ما سأفعله

5:30

هو البدء في عملية

5:31

البناء، لذا سنقوم

5:33

ببدء ذلك. سأستخدم أمر

5:35

slash goal. أنصحك بشدة

5:36

باستخدام slash goal إذا

5:38

كنت تبني المشروع معي.

5:39

سأقوم أيضًا بالبناء

5:41

باستخدام Fable مع تركه

5:42

على وضع extra. لذا،

5:44

سأطلب منه بناء ملف

5:45

قمت بإنشائه مسبقًا

5:47

وهو في الأساس ملف طلب

5:49

بناء. لذا سأقول: ابْنِ

5:53

ملف طلب البناء حتى

5:55

يكتمل تمامًا. نحن

5:57

نريد الفوز بجوائز من

5:59

خلال هذا. حسنًا. هذا

6:01

كل ما سأبدأ به. لماذا

6:03

أستخدم slash goal إذًا؟

6:04

دعني أبدأ ذلك مع Fable.

6:06

ما نفعله هنا هو أننا

6:08

نطلب منه الاستمرار في

6:10

تقييم عمله للتأكد من

6:11

أنه يحقق الهدف وعدم

6:13

الاكتفاء بالانتهاء

6:15

من المحاولة الأولى.

6:16

ما لاحظته مؤخراً، أن

6:18

الهدف موجود حقاً

6:19

ويفضل استخدامه عندما

6:21

يكون لديك مشاريع بناء

6:23

مفتوحة نوعاً ما

6:24

وتتطلع لإنشائها.

6:25

ويكون الأمر مثالياً

6:27

عندما تقول: "أريدك أن

6:28

تصل إلى هذه النقطة".

6:29

إنه عمل يعتمد على

6:31

الأهداف. أريدك أن

6:32

تبني هذا الشيء أو تصل

6:33

إلى هذه النقطة أو

6:35

تشيد هذا النظام،

6:36

ومقياس نجاحنا في

6:37

الوصول إلى ذلك هو

6:38

كالتالي. إما أن تصل

6:39

إلى المقاييس الصحيحة

6:41

، أو تتخلص من جميع

6:43

العيوب، أو أن يكون

6:44

مقبولاً وفق متطلبات

6:46

معينة. لذا، سيستمر في

6:48

البناء وتقييم بيان

6:49

التقييم ذاك. سيحاول

6:51

الوصول إلى تلك

6:52

العلامة، ويستخدم

6:53

بيان التقييم لمعرفة

6:55

هل حققت فعلاً ما كان

6:56

مطلوباً؟ هل المستوى

6:58

عالٍ حقاً؟ هل الجودة

6:59

عالية؟ نحن نقوم بذلك

7:01

هنا. لقد لاحظت أنه

7:03

عندما تكون لدي

7:04

متطلبات بناء أكثر

7:05

وضوحاً، وهذا المشروع

7:06

يحتوي على متطلبات

7:07

بناء تقنية، سأريكم

7:09

إياها بعد قليل،

7:10

بالإضافة إلى أصول

7:11

التصميم، سنلقي نظرة

7:12

عليها أيضاً. لذا،

7:14

ستفهم تماماً جميع

7:15

الأجزاء التي وضعتها

7:17

لكي ينفذها، وأنا

7:18

أخبره داخل متطلبات

7:20

البناء الخاصة بي وهنا

7:22

بشيء من الهدف. إنه هدف

7:24

عام نوعاً ما يقول

7:25

إننا نريد لهذا أن

7:26

يكون عالي الدقة.

7:27

نريدها أن تكون لعبة

7:29

بجودة من الفئة "أ"

7:30

يمكن للناس لعبها

7:32

وربما الفوز بجوائز من

7:33

خلالها. الآن، هذه

7:35

مجموعة أهداف عامة

7:36

جداً، لكنها تعمل بكل

7:38

تأكيد. سترى ذلك في

7:39

النهاية. لذا، دعونا

7:41

نتعمق ونلقي نظرة على

7:42

كيفية حصولنا على تلك

7:43

التصاميم الأولية،

7:44

التي كانت رائعة حقاً.

7:45

ما الذي أدخلته للحصول

7:46

على ذلك؟ حسناً، الأهم

7:48

فالأهم، الآن أصبح

7:49

الأمر ثالثاً أو أياً

7:50

كان. إذاً، دعونا

7:51

نتحدث قليلاً عما

7:52

وضعته في طلب التصميم.

7:54

كما رأيتم، لم يكن

7:55

ضخماً بأي حال من

7:56

الأحوال. لكن، هناك

7:58

بعض الأشياء التي طلبت

7:59

من الذكاء الاصطناعي

8:00

القيام بها لبناء

8:01

مجموعة الشرائح

8:01

الرائعة هذه لنا حتى

8:02

نتمكن من مناقشتها.

8:03

بضعة أشياء ذكرتها في

8:05

ذلك الطلب ربما أحدثت

8:07

فرقاً. سأفعل الشيء

8:08

نفسه لطلب البناء حتى

8:10

تتمكنوا من رؤية

8:11

الأشياء التي أخبرت

8:12

محرك البناء بها.

8:13

سأشرح بعد قليل كيف

8:14

تختلف هذه الأشياء،

8:16

لكن تذكروا، هذا هو

8:17

الطلب الذي قدمته لـ

8:18

Claude Design فقط ليمنحنا

8:19

تلك التصاميم الرائعة

8:21

التي رأيناها. حسناً،

8:22

أول شيء طلبته هو

8:24

تطبيق يتمتع بدقة

8:25

عالية جداً، ونظافة في

8:27

التصميم، وكثافة

8:28

رسومية مذهلة، مع

8:29

الكثير من الرسوم

8:31

المتحركة. هذا ما قلته.

8:33

لذا، كنت واضحاً جداً

8:34

بشأن ما أريده من حيث

8:36

الشكل والمظهر أكثر من

8:37

أي شيء آخر. الأمر

8:39

التالي هو أنه يجب أن

8:40

يبدو ممتعاً، ليس

8:41

طفولياً بالضرورة،

8:42

ولكن بالتأكيد ليس

8:43

بنمط ألعاب البوكر أو

8:45

الغرف المظلمة

8:46

المليئة بالدخان. لم

8:47

أكن أريد ذلك. لم أكن

8:49

أريد هذا النوع من

8:50

الأجواء. أردته أن

8:51

يكون ممتعاً ومرحاً،

8:52

وقد رأيت تلك الأجواء

8:53

مع الأشكال المختلفة

8:54

التي تتمايل وتتحرك.

8:55

إمكانية إضافة لاعبين

8:56

متعددين يعملون

8:57

بالذكاء الاصطناعي.

8:59

لقد ذكرت أنه يمكن

9:00

للاعب واحد إلى أربعة

9:01

لاعبين بشريين اللعب،

9:02

بحيث يمكنهم اللعب

9:03

بمفردهم أو دعوة ثلاثة

9:05

أصدقاء آخرين للاتصال.

9:06

أريد خاصية المزايدة،

9:08

وهي جزء أساسي في هذه

9:09

اللعبة. حيث تحدد عدد

9:11

الجولات التي تتوقع

9:12

الفوز بها، وقد أوضحت

9:13

ذلك من خلال فهم واضح

9:14

للبطاقات والطاولة

9:15

وما يجري في اللعبة.

9:17

شخصيات حقيقية في كل

9:18

مقعد، مع القدرة على

9:20

إرسال رموز تعبيرية

9:21

والتفاعل مع تواصل

9:23

الآخرين. يجب أن يكون

9:24

قابلاً للعب في

9:25

الوضعين الطولي

9:26

والعرضي، وهذا كل شيء

9:28

تقريباً. لقد اقتربنا

9:29

من النهاية. رابط

9:30

مشاركة يسهل على

9:31

الأشخاص دعوة بعضهم

9:33

البعض من خلاله. فقط

9:34

أرسل رابط المشاركة

9:35

لشخص ما، وهذا كل ما في

9:37

الأمر. خفيف، ممتع،

9:38

سريع، وبسيط. لكن

9:40

الاهتمام الشديد

9:41

بالجوانب الرسومية

9:42

والرسوم المتحركة أمر

9:43

بالغ الأهمية. كان هذا

9:44

كل شيء. وهكذا حصلت على

9:46

التصميم. يسألني الناس

9:47

بين الحين والآخر عما

9:49

أضعه في هذه الأوامر.

9:50

إنها في الحقيقة

9:51

مباشرة بهذا القدر.

9:52

هذا أكثر رسمية بكثير.

9:54

ما قمت به أنا كان مجرد

9:55

حديث عفوي في

9:56

الميكروفون عما أريده

9:58

مع تكرار بعض النقاط

9:59

عدة مرات، لكن الأمر

10:00

ببساطة يتلخص في هذا.

10:02

إذن الخطوة التالية من

10:03

هنا، أصبح لدينا تصميم

10:05

الآن. تذكروا، لقد

10:06

قدمنا ذلك التصميم

10:08

أساساً لـ Claude Code

10:09

ليقوم بالبناء، لكننا

10:11

أعطيناه أيضاً بعض

10:12

التعليمات الإضافية

10:14

لأن التصميم وحده لا

10:15

يكفي لبناء تطبيق كامل

10:17

. لذا، دعونا نلقي نظرة

10:18

على الأشياء الأخرى

10:19

التي أطلبها من

10:20

التطبيق أثناء عملية

10:21

البناء. أنا أقوم

10:22

أساساً بتوجيه الوكيل

10:23

ليقوم بالبناء نيابة

10:25

عنا. حسناً، أخيراً

10:26

هنا، سنلقي نظرة على

10:28

ما طلبته منه لبنائه،

10:29

صحيح؟ نحن نتحدث الآن

10:31

إلى Claude Code نفسه

10:32

قائلين: "مرحباً، ألقِ

10:33

نظرة على هذه التصاميم

10:35

. تذكر أننا قمنا

10:35

بتحميل ذلك الملف

10:36

المضغوط؟ ادخل إلى

10:38

داخل ذلك الملف." إليك

10:40

جميع ملفات التصميم

10:41

التي يمكنك الاطلاع

10:42

عليها واستخدامها بأي

10:43

طريقة تحتاجها، ولكن

10:44

هناك بعض الأمور التي

10:45

أريدك أن تهتم بها. أول

10:46

شيء أخبرت به الذكاء

10:48

الاصطناعي هو أنني

10:49

أرغب في بناء لعبة،

10:50

شيئاً يعتمد بشكل

10:52

أساسي على لغة HTML. لذا،

10:54

كان يجب أن تكون لعبة

10:55

للهواتف المحمولة

10:56

يمكننا لعبها عبر

10:57

المتصفح مع بعضنا

10:58

البعض، بحيث لا تتطلب

11:00

تثبيتاً، لكنها يجب أن

11:01

تبدو كلعبة حقيقية.

11:03

هذه إذاً لعبة HTML

11:04

للهواتف فقط، وهذا

11:06

ساعد حقاً في تحديد

11:08

مسارها وتركيزها على

11:10

ناتج محدد. وقد طلبت

11:12

منه أيضاً استخدام

11:13

محرك ألعاب مفتوح

11:14

المصدر. هناك محركات

11:16

ألعاب متاحة يمكنك

11:17

العثور عليها للهواتف

11:19

أو لألعاب HTML وتعمل

11:20

بشكل ممتاز في هذا

11:22

السياق. لذا، قلت له: "

11:23

استخدم ذلك". هذا سيمنع

11:25

وكيل البناء من

11:26

الاضطرار لاتخاذ كل

11:27

هذه القرارات

11:28

المختلفة. في الواقع،

11:30

ذهبت إلى أبعد من ذلك

11:31

وقلت: "لا أريدك أن

11:32

تبني محرك ألعاب خاص

11:34

بك لإنشاء هذا النظام".

11:35

ابحث وانظر إذا كان

11:36

هناك شيء مناسب له. إذا

11:38

لم تجد، ابنِ ما

11:39

تحتاجه فقط. يجب أن

11:40

تتصرف اللعبة كأنها

11:42

لعبة، وليس كمتصفح.

11:43

مرة أخرى، هذا شيء آخر

11:45

أحاول توضيحه تماماً

11:46

بأن الهدف الذي يجب أن

11:48

تصل إليه هذه اللعبة

11:49

هو تجربة لعب، وليس

11:50

شيئاً يعمل على متصفح.

11:52

لا يجب أن تكون قادراً

11:53

على التكبير بقرص

11:54

الإصبعين أو النقر

11:54

المزدوج أو تلك

11:55

الأنواع من الأمور.

11:56

أيضاً، ذكرت أنها يجب

11:57

أن تكون مطابقة

11:58

للتصميم تماماً بكسل

11:59

ببكسل. يجب أن تكون

12:01

عالية الدقة للغاية،

12:02

ونريد اختبارات تضمن

12:03

هذا المستوى من الدقة.

12:05

لا نريد أي تخمينات.

12:07

هذا دوري في الضغط

12:08

وتحديد التوقعات

12:09

بأنها ستحتاج إلى

12:10

تشغيل مجموعة

12:11

الاختبارات الخاصة

12:12

بها. ستحتاج إلى كتابة

12:14

اختبارات، وتقييم

12:15

النتائج بناءً عليها،

12:16

والتأكد من أنها تشبه

12:17

التصميمات وتعمل بشكل

12:19

صحيح. يجب أن تكون سهلة

12:20

الاستخدام وتدعم تعدد

12:22

المستخدمين منذ

12:23

البداية. لذا، لم أرغب

12:24

في بناء لعبة للاعب

12:26

واحد أولاً ثم محاولة

12:28

إضافة كل هذه الخصائص

12:29

المعقدة للانضمام

12:30

لاحقاً. لا توجد دعوات

12:32

، ولا حسابات، ولا

12:33

قوائم أصدقاء، سيكون

12:34

الأمر بسيطاً

12:35

ومباشراً للغاية. لديك

12:36

رمز، تعطيه لصديق،

12:38

فيمكنه الانضمام إلى

12:39

لعبتك. تلك هي الفكرة.

12:41

خصوم يتمتعون بشخصية،

12:42

هؤلاء هم الشخصيات غير

12:44

اللاعبة (NPC) الذين

12:45

أختارهم لأحد المقاعد

12:47

عندما لا يتوفر لدي

12:48

صديق وأرغب في وضع

12:50

أحدهم هناك. أردت

12:51

منحهم شخصيات مختلفة

12:52

بدلاً من مجرد مستويات

12:54

صعوبة. سيكون لديهم

12:55

مواقف مختلفة في أسلوب

12:56

اللعب، لكن ستكون

12:57

لديهم شخصيات ستتعرف

12:59

عليها مع الوقت.

13:00

فمثلاً، الدكتور جو قد

13:01

يكون لاعباً سيئاً،

13:02

لكنه، كما تعلم، مفرط

13:04

في عدوانيته في

13:04

المزايدات أو شيء من

13:06

هذا القبيل. كما أن

13:07

الصوت الكامل كان

13:08

أمراً ركزت عليه في

13:09

هذا المشروع. هذا ليس

13:11

قراراً يُتخذ من أجلك

13:12

في كثير من الأحيان،

13:14

خاصة عندما تبني

13:15

تطبيقاً للمتصفح. لذا،

13:16

أردت التأكد من وجود

13:18

موسيقى ومؤثرات صوتية

13:19

وكل شيء آخر، وكان يجب

13:21

أن يكون ذلك ممتعاً.

13:22

يجب أن يكون خالياً من

13:23

العيوب وجاهزاً لأي

13:24

نوع من متاجر

13:25

التطبيقات القائمة

13:26

على الويب. إذن، هذا

13:27

مقياس آخر من الأهداف

13:29

غير الملموسة التي

13:30

أطلب منه النظر إليها

13:31

والقول: "إذا تمكنت من

13:33

الوصول إلى ذلك، فنحن

13:34

على الأرجح جاهزون".

13:35

وهذا حرفياً كل ما في

13:37

الأمر. لقد قدمت له

13:38

هاتين الموجهين بشكل

13:40

أساسي، واحدة لنظام

13:42

التصميم الذي أعاد لنا

13:43

جانب التصميم، ثم قدمت

13:45

هذه الأشياء وما رأيته

13:47

للتو وأصول التصميم

13:48

إلى Fable، الذي يعمل على

13:50

ذلك الآن. لذا، دعونا

13:52

نتحقق من Fable. أعلم

13:54

أنكم لا تستطيعون سماع

13:55

ذلك، لكن هناك مؤثرات

13:56

صوتية. حسناً، الآن

13:58

بدأ الأمر يحدث. حسناً

13:59

، هل أنتم مستعدون

14:01

لهذا؟ لقد انتهى

14:02

أخيراً. استغرق الأمر

14:04

أكثر من ساعتين ليكتمل

14:05

، لذا لا أملك ذلك

14:07

الوقت من أجلك، لكن

14:08

دعونا نلقي نظرة على

14:10

ما قدمه لنا. حسناً،

14:11

هذا هو التطبيق. قد لا

14:13

تتمكنون من سماع

14:14

المؤثرات الصوتية،

14:15

لكنني سأستعرض النظام

14:17

نفسه بسرعة كبيرة، لأن

14:19

به بعض العيوب التي

14:20

سأوضح كيف سأرسلها مرة

14:21

أخرى إلى النظام وأطلب

14:23

منه إصلاحها، حتى

14:24

تتمكنوا من رؤية هذه

14:26

الحيلة أيضاً. ولكن

14:27

أولاً، إذا دخلنا،

14:28

لدينا القدرة على لعب

14:30

لعبة أو الانضمام إلى

14:31

لعبة. إذا دخلنا إلى

14:33

اللعب، يمكننا بالطبع

14:34

إما استضافة طاولة أو

14:36

الانضمام إلى طاولة.

14:37

وهذا هو رمز النسخ، أو

14:39

رابط المشاركة الذي قد

14:40

نعطيه لشخص ما،

14:42

ويمكننا أيضاً اختيار

14:43

ذكاء اصطناعي مختلف

14:45

ليجلس معنا. لذا، ما

14:46

سنفعله هو إعداد

14:47

الطاولة ببعض أنظمة

14:48

الذكاء الاصطناعي

14:49

المختلفة. هذا جيد.

14:51

سنقوم الآن بتوزيع

14:53

البطاقات. حسناً. ثم

14:58

تبدأ اللعبة. هذا رائع.

15:01

تبتعد المسافة كثيراً.

15:03

يمكنك أن ترى أننا

15:04

فقدنا الخلفية بالفعل.

15:05

كان من المفترض أن

15:06

تكون هناك خلفية. إذاً

15:07

، هناك بعض الأخطاء

15:08

البرمجية. كيف يمكننا

15:10

إصلاح بعض هذه

15:11

المشكلات؟ بالمناسبة،

15:12

هذا يعمل بالفعل بين

15:14

اللاعبين. سأريك ذلك

15:15

بعد قليل، لكن دعنا

15:17

نصلح الأمور أولاً.

15:18

حسناً، كانت هناك بعض

15:19

العيوب. سأريك هذا

15:21

بسرعة كبيرة. كل ما

15:22

فعلته هو أنني مررت

15:24

على التطبيق والتقطت

15:25

لقطة شاشة في أي وقت

15:27

شعرت فيه بوجود شيء

15:28

يحتاج إلى إصلاح أو

15:29

اهتمام. كما ترى، لقد

15:31

وضعت ملاحظات على كل

15:33

لقطة شاشة لدي. قلت: "

15:34

يصعب رؤية يد اللاعب

15:35

في الوضع العمودي.

15:36

فقاعات نص البطاقات

15:38

تبدو خارج الشاشة.

15:39

النقرة الواحدة على أي

15:41

بطاقة في يدك ستلعبها

15:42

تلقائياً، وهكذا. لذا،

15:44

لدي مجلد هنا مليء

15:46

بلقطات الشاشة

15:47

المختلفة. ما سأفعله

15:48

هو العودة إلى" كلود

15:50

كود "وأقول ببساطة:"

15:51

يرجى إلقاء نظرة على

15:52

مجلد ملاحظات الإصدار

15:54

الأول في مجلد

15:54

المستندات. يحتوي على

15:56

بعض لقطات الشاشة مع

15:57

ملاحظات عليها يجب أن

15:59

تطلع عليها. هناك بعض

16:00

الأخطاء في هذا النظام

16:02

أريدنا أن نلقي نظرة

16:03

عليها. يرجى إصلاحها،

16:05

ووضع تصميم لكيفية

16:06

إنجاز كل هذا وكل هذه

16:08

التغييرات في دفعة

16:09

واحدة. قم بإصلاحها ثم

16:11

التحقق من صحتها

16:12

باختبارات للتأكد من

16:13

تصحيحها بالكامل.

16:14

حسناً، هذا كل شيء.

16:16

ربما ساعة أخرى؟ حسناً

16:18

، ها نحن ذا. لدينا

16:20

الآن لعبة "سبيتس"(Spades).

16:21

إنها ممتعة للغاية.

16:23

أرغب حقاً في عرضها

16:24

عليك، لكن أردت إخبارك

16:25

أنني قمت بالتعديل

16:26

عليها بضع مرات إضافية

16:27

. لا شيء كبير، فقط بعض

16:29

التعديلات الصغيرة

16:30

للتأكد من محاذاة

16:31

الأشياء بشكل صحيح.

16:32

والأهم من ذلك، بعد

16:34

عرض شكلها، سأصف لك

16:36

عدد الرموز (Tokens)

16:37

المستهلكة والوقت

16:39

الذي استغرقه "فايبل"(

16:41

Fable) لبناء هذا. أعتقد

16:43

أنه من المهم جداً أن

16:44

تفهم طبيعة عملية

16:46

البناء ذاتها. فلنبدأ

16:47

ونلقي نظرة على لعبة "

16:49

سبيتس". حسناً، ها نحن

16:50

ذا. سنقوم بتجربة

16:52

تطبيق "سبيتس". سأستخدم

16:54

متصفحين مختلفين هنا

16:56

لأثبت أن الاتصال يعمل

16:58

وأنه يمكنهما اللعب

16:59

معاً عبر الإنترنت.

17:01

سأقوم بإعداد جهاز

17:02

كأنه جهاز آيباد أو

17:04

شيء مشابه، والآخر

17:06

سيكون الهاتف. لذا ما

17:07

سنفعله هو الدخول إلى

17:09

كل واحد منهما وإعداد

17:11

طاولة جديدة. بمجرد

17:13

استضافة طاولة جديدة،

17:15

سننضم إليها عبر هذا

17:17

الجهاز الآخر

17:18

باستخدام نفس الرمز،

17:20

ثم سنبدأ اللعب.

17:21

فلنبدأ ذلك إذن. حسناً

17:26

، لنبدأ اللعبة من هنا

17:28

ونرى، آه، نحتاج

17:29

لتوزيع البطاقات.

17:33

دعونا نتأكد من توزيع

17:34

كافة البطاقات. ها قد

17:36

انتهينا. الآن لدينا

17:39

تجربة الآيباد وتجربة

17:41

الهاتف هنا حتى نتمكن

17:43

من ملاحظة الفرق

17:44

بينهما. سأقوم

17:48

بالمزايدة بثلاثة على

17:50

كليهما. دعونا نرى.

17:52

حسناً. ممتاز. سأستمر

17:55

قليلاً في اللعب،

17:56

وربما سأقوم بتسريع

17:58

الفيديو لتتمكنوا من

17:59

رؤية كيفية سير

18:00

الجولات المختلفة.

18:26

>> حسناً. هكذا تُلعب

18:28

اللعبة كما ترون. لقد

18:30

نجحت بالكاد في لعب

18:31

دور كلا الطرفين في

18:32

جولة "سبيدز". هذا ليس

18:34

رائعاً. لكن، يمكنكم

18:36

رؤية أنها تعمل بالفعل

18:37

. سأصف هذا بأنه نجاح

18:39

ساحق. إنها تجربة

18:41

رائعة وسهلة

18:41

الاستخدام على

18:42

الكمبيوتر والهاتف

18:44

والآيباد، وعلى أي

18:45

جهاز ترغب فيه، حيث

18:46

يمكنك الاتصال بمجرد

18:48

استخدام رمز. هذا أمر

18:50

مذهل حقاً. حسناً.

18:51

والآن، دعونا نلقي

18:53

نظرة على تكلفة بناء

18:54

هذا المشروع بالكامل.

18:56

إذا انتقلت إلى

18:57

التقرير الآخر حول عدد

18:59

الرموز المستخدمة،

19:01

فقد تم تداول 628 مليون

19:03

رمز عبر النظام. لا

19:05

داعي للذعر. هذا عدد

19:07

ضخم من الرموز، لكن

19:08

دعونا نحلل ما يعنيه

19:10

ذلك بالضبط. 96.8%منها لم

19:12

تغادر ذاكرة التخزين

19:13

المؤقت أبداً. لذا،

19:15

كان ذلك يعتمد بشكل

19:15

أساسي على رموز

19:16

التخزين المؤقت. لا

19:17

تقلقوا كثيراً بشأن ما

19:18

يحدث في الداخل. هذا

19:20

يعادل 10%فقط من تكلفة

19:21

واجهة برمجة

19:22

التطبيقات. رموز

19:23

المخرجات التي لم يتم

19:24

تخزينها مؤقتاً، أي

19:26

الرموز الجديدة، بلغت

19:27

1.72 مليون رمز. معظمها

19:29

كان عبارة عن مخرجات

19:30

مخزنة مؤقتاً. استغرق

19:31

هذا البناء بالكامل

19:32

ثلاث ساعات ونصف.

19:34

بالمناسبة، هذا لا

19:35

يشمل الوقت الذي

19:36

أمضيته في التصميم.

19:37

هذا هو وقت البناء

19:38

الفعلي فقط. إذن، رموز

19:40

التصميم وكل شيء آخر،

19:41

والتي لم تكن بالحجم

19:43

نفسه ولم تستخدم Fable،

19:44

ولم تستغرق وقتًا

19:45

طويلاً، ليست ممثلة

19:46

هنا. إذن، 24 ألف سطر من

19:48

التعليمات البرمجية،

19:50

64 ملفًا، 83 اختبارًا،

19:51

وست عمليات إيداع.

19:52

وهذا كل شيء. ولدينا

19:54

تطبيق جاهز. حسنًا. آمل

19:56

أن يكون هذا مفيدًا

19:57

لكم بطريقة ما. أردت

19:59

فقط أن أوضح لكم ما

20:00

يتطلبه الأمر مني

20:01

للانتقال من الصفر إلى

20:02

ما أعتبره تطبيقًا

20:04

عالي الجودة. آمل أن

20:05

تكونوا قد رأيتم ما

20:06

يتطلبه الأمر

20:06

للانتقال من الصفر إلى

20:08

مرحلة الجاهزية لمتجر

20:09

التطبيقات. شكرًا

20:10

لمرافقتكم لي في هذه

20:11

الرحلة. وأراكم في

20:12

المرة القادمة.

Interactive Summary

يقدم الفيديو دليلاً شاملاً حول كيفية بناء تطبيق لعبة ورق احترافي وعالي الجودة (لعبة Spades) باستخدام أدوات الذكاء الاصطناعي مثل Claude Code وFable. يوضح المتحدث خطة العمل التي تبدأ من تصميم واجهات المستخدم، مروراً بصياغة المطالبات (prompts) الدقيقة، وصولاً إلى عملية البناء التقني، إصلاح الأخطاء عبر الملاحظات المرئية، وأخيراً الاختبار لضمان الجودة، مع تقديم تفاصيل حول الموارد المستخدمة وتكلفة الرموز (tokens).

Suggested questions

3 ready-made prompts