كيفية إنشاء أرقام عشوائية في لعبة HTML5 - الدمى

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

تبدو الصفحة معقدة بعض الشيء، ولكنها تصف نظاما قويا ومرنا، بمجرد معرفة كيفية استخدامها. إليك ما يحدث:

تقوم جافاسكريبت بإنشاء رقم عشوائي.

لغات مختلفة تفعل ذلك بطرق مختلفة، ولكن جافاسكريبت لديه وظيفة إنشاء قيمة عائمة عشوائية بين 0 و 1. يتم عرض هذه القيمة في المربع الخام.
ضرب قيمة الخام بنسبة 100.

في هذا المثال، تريد رقم بين 1 و 100. إذا قمت بضرب 0 إلى 1 بنسبة 100، سوف تحصل على 0 إلى 99. 9999 (مع الكثير من ناين) القيمة. هذا الاقتراب. يعرض مربع تايمز 100 القيمة الخام بعد أن تم ضربه في 100.
تحويل العدد الكبير إلى عدد صحيح.

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

وفيما يلي رمز في مجمله:

rand100. هتمل فيلدسيت {ويدث: 600px؛ مارجين-رايت: أوتو؛ مارجين-ليفت: أوتو؛} لابيل {فلوت: ليفت؛ ويدث: 250px؛ تكست-ألين: رايت؛ مارجين-رايت: 1em؛ كلير: ليفت؛} سبان {فلوت: ليفت؛} بوتون {ديسبلاي: بلوك؛ واضحة على حد سواء؛ مارجين: أوتو؛} دالة الدالة () {// كريت فاريابلز فور فورم إليمنتس فار سبنراو = دوكومنت. getElementById ("spnRaw")؛ فار spn100 = دوكومنت. getElementById ("spn100")؛ فار سبنفينال = دوكومنت. getElementById ("spnFinal")؛ // الحصول على رقم عشوائي فار الخام = الرياضيات. عشوائية ()؛ spnRaw. إنرتمل = راو؛ // مضاعفة بنسبة 100 فار times100 = الخام * 100؛ spn100. إنرتمل = times100؛ // الحصول على السقف فار النهائي = الرياضيات. سقف (times100)؛ spnFinal. إنرتمل = فينال؛} // إند رول

جعل الأرقام العشوائية 1 - 100
الخام 0 مرات 100 0 النهائي 0 لفة النرد

استخدام الرياضيات لرمز اللعبة

لجعل هذا البرنامج العمل، تحتاج إلى الاتصال في سلاح النهائي من جيكينس: الرياضيات.

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

أولا، بطبيعة الحال، هي الدالة التي تولد أرقام عشوائية. انها تسمى الرياضيات. عشوائية ().

أنت حقا بحاجة إلى أن أقول الرياضيات. عشوائية (). إذا اتصلت بشكل عشوائي () في حد ذاته، فإن جافاسكريبت لن تعرف ما الذي تتحدث عنه.

الرياضيات. العشوائية () تنتج رقم شبه عشوائي. (انها ليست عشوائية حقا ولكن يتم إنتاجها من خلال صيغة معقدة من رقم آخر.) سيكون الرقم العشوائي قيمة نقطة العائمة بين 0 و 1. هذا لا يبدو مفيدا، ولكن مع القليل من الرياضيات، يمكنك تحويل قيمة 0 إلى 1 إلى أي نطاق آخر تريد.

بالإضافة إلى الدالة العشوائية ()، فإن كائن الرياضيات يحتوي على عدد من الوظائف التي تسمح لك بتحويل قيمة نقطة عائمة (أي رقم مع نقطة عشرية) إلى عدد صحيح (حصلت عليه - رقم بدون نقطة عشرية). تم دمج طريقة بارسينت () القياسية في جافا سكريبت، ولكن في بعض الأحيان كنت تريد أن تفعل تحويل مربي الحيوانات. مكتبة الرياضيات لديها عدد من هذه الأدوات:

الرياضيات. روند (): تحويل رقم باستخدام خوارزمية التقريب القياسية. إذا كان الجزء العشري هو. 5 أو أقل، يتم اختيار عدد صحيح أصغر؛ إذا كان الجزء العشري أكبر من. 5، يتم اختيار عدد صحيح أكبر. وهذا يعني أن 3. 1 جولات إلى 3 و 3. 8 جولات إلى 4.
الرياضيات. الطابق (): هذه الوظيفة دائما جولات لأسفل، لذلك 3. 1 و 3. 8 على حد سواء تصبح 3. و بارسينت () وظيفة مماثلة للرياضيات. أرضية().
الرياضيات. السيل (): هذه الوظيفة (الحصول عليها - وظيفة السقف) دائما جولات تصل، لذلك 3. 1 و 3. 8 على حد سواء في نهاية المطاف كما 4.

وظيفة تحتاج تعتمد على ظروف محددة.

كيفية جعل نموذج لعبة هتمل

كما هو الحال دائما، يشكل هتمل أساس أي برنامج جافا سكريبت. الشيء الرئيسي هنا هو النموذج الذي يوفر واجهة المستخدم. يحتوي هذا النموذج على بعض الميزات التي يمكن التنبؤ بها:

فترة لاستيعاب البيانات الأولية: لا يوجد شيء حقا بالنسبة للمستخدم للكتابة، لذا استخدم نطاقا لعناصر الإخراج المختلفة. النطاقات هي علامة مضمنة عامة. انهم السوبر لحالات مثل هذا حيث كنت في حاجة الى بعض عنصر الانتاج بسيطة التي يمكن أن تكون مضمنة مع تدفق الرئيسي للصفحة. وتسمى فترة البيانات الخام (هنا تذهب …) سبنراو.
فترة أخرى ل times100 البيانات: كما يقوم البرنامج الحسابات، فإنه سيتم عرض الإخراج.
فترة ثالثة للناتج النهائي: بعد الانتهاء من جميع الحسابات، تحتاج إلى بعض الطريق لعرض عملك الرائع. سوف سبنفينال تخدم هذا الغرض.
تسميات لجعل كل شيء واضح: دون تسميات شرح ما يحدث، سيكون هناك مجرد مجموعة من الأرقام على الشاشة. لا ننسى لإضافة التسميات حتى لأمثلة بسيطة بحيث يمكن للمستخدم معرفة ما يحدث.
A زر لبدء كل الإجراء: لن يحدث شيء حتى يسأل المستخدم عن ذلك، لذلك إضافة زر إلى النموذج. عندما يتم النقر على زر، يكون استدعاء لفة () وظيفة لفة رقم.
كس لجعل كل شيء يبدو جيدا: هتمل دون كس هو قبيح، لذلك إضافة ما يكفي من كس لجعل شكل هتمل تبدو لائق.