مؤقتات مكعبة أهلا بكم من جديد في دورة نوليدج سيتي عن أوراق الأنماط المتتالية أنا كليف بروزو، أنا معلمك واليوم سننظر في تنسيق مؤقت مكعب في درس سابق كان لدينا جهاز توقيت يتتبع مقدار الوقت الذي يستغرقه كل لاعب للإجابة على كل دليل بالإضافة إلى ذلك، نريد أن يكون لدينا جهاز توقيت يقوم بعد الوقت للعملية برمتها حتى يعرف المستخدم كم من الوقت قضوه في اللعبة بأكملها سيكون مؤقت لعبتنا على شكل مكعب وسيتتبع الدقائق والثواني وحتى ساعات التي يستغرقها المستخدم لإكمال اللعبة سيحتوي المكعب على دوران لذلك إذا قمنا بالمرور فوقه سوف يدور، مما يعطيه مظهرًا رائعًا سنتعرف على حقيقة أننا بحاجة إلى ثلاثة وجوه واحد للساعات وواحد للدقائق وواحد للثواني وحيث يجلس المكعب ويحتسب سيقو أيضا بتغيير الألوان دعنا نلقي نظرة على الكود بالنظر إلى منصة تطوير Adam الخاصة بنا نلاحظ أنه بدءًا من السطر 22 والاستمرار عبر السطر 27 لدينا SPAN يسمى item2 والذي سيضع مؤقت الشبكة في العنصر الثاني في الشبكة دعونا نلقي نظرة على شكل ذلك سيكون هذا هو فئة item1 هذا هو صنف item2 كما ترى، يحتوي الشكل على ثلاث فئات مختلفة لأن كل عنصر منسق بشكل منفصل لذلك لدينا قمة تتتبع الثواني الجانب الأيمن الذي يتتبع الدقائق والجانب الأيسر الذي يتتبع الساعات تحتوي هذه العناصر على معرّفات الثواني والدقائق والساعات أنا أيضا أريد أن ألفت انتباهك لهذا السطر هنا، رقم 34 التي لها قيمة hms الساعات، الدقائق، الثواني وفئة أو كلاس hideme وأريد أن أوضح لك ما يحدث عندما أحذف هذا الكلاس وأعد تشغيل اللعبة وهذه طريقة بالنسبة لي لوضع حقل هاتف في لوحة اللعبة التي لا يراها المستخدمون كل ما تفعله هو أخذ المدخلات من مؤقت المكعب ووضعها في حقل النموذج بحيث عندما يرسل المستخدم اللعبة سأعرف بالضبط كم من الوقت استغرقتهم لإكمال اللعبة الآن، لست بحاجة إلى إظهار ذلك وهذا هو سبب وجود فئة hideme سأعيد ذلك، في السطر 34 الذي يخفي تلك المنطقة بالذات لذلك لا يمكن للمستخدم أن يرى أنه هناك سنرى كيف يتم إخفاء هذا العنصر في ثانية واحدة إذن هذا هو HTML الذي سنلقي نظرة عليه دعنا نلقي نظرة على CSS تبدأ في السطر 45 لدينا فئة hideme الذي يضبط التعتيم على الصفر مما يؤدي إلى تقديم العنصر بشكل فعال هنا لساعات ودقائق وثواني غير مرئية لدي واجهة خط للوحة بأكملها مرة أخرى، أنا أستخدم خط Jeopardy وأوزان وأنماط عريضة وعادية الرقم يتعامل مع المكعب الفعلي وكيف يتكون كل جزء من المكعب هو ما سننظر إليه يتحكم عرض 50 بكسل في كل عرض لكل جانب من المكعب نفس الشيء مع الارتفاع إذن كل واحد من هذه الأرقام الصفر، الواحد، 51، 52 هو في الواقع مربع هو ما يشكل ثلاثة أجزاء من المكعب لا يمكننا أبدا أن نرى الخلف وفي الواقع، الظهر غير موجود حقًا الوهم بأن هذا مكعب موجود بسبب الطريقة التي يتم بها تدوير هذا أضع هذا في وضع نسبي بحيث يجلس داخل تلك البقعة الشبكية لقد حددت هامشًا بنسبة 15٪ فقط لأمنح نفسي بعض المساحة مقابل الحائط قمت بتعيين لوني الأصلي على DodgerBlue ومع ذلك، سوف يتغير ذلك كما ترى، الألوان تدور أنهم ينتقلون من الأصفر إلى الأخضر إلى الأزرق وسنرى كيف سيحدث ذلك في غضون دقيقة من الصعب رؤية ظل النص بخمسة بكسلات ولكن هناك بالفعل واحد وإذا رأيت حول الرقم غالبًا ما يكون مرئيًا عندما تصبح الأرقام أخف هناك القليل من التوهج يأتي هذا التوهج من ظل النص يستغرق ظهور الرسوم المتحركة الخاصة بي 10 ثوانٍ لكنها لانهائية، لذا فهي تستمر وتطول وتطول سنرى ذلك في ثانية سيؤدي ارتفاع الخط البالغ 45 بكسل إلى توسيط الرقم على وجه المكعب وبدلاً من وضعها في أسفل المكعب أو في الأعلى تضعه في المنتصف من أجل تحريك هذا المكعب بطريقة ثلاثية الأبعاد أحتاج إلى الحفاظ على الإعداد ثلاثي الأبعاد الخاص بي وما أفعله هو تدوير محوري x و y وعندما أحوم، أقوم بتدويرها أكثر الآن، يتم تدوير المكعب على المحور الأفقي 35 درجة و 45 درجة على المحور ص وهذا هو سبب الوهم من أعلى الوجه أو يميل نحونا عندما أحوم فوق المكعب يتغير الدوران والمكعب يدور نحوي يمكنني اللعب بهذه الأرقام وأجعله يدور كثيرًا أو قليلاً كما أريد وقد قمت بتعيين وقت انتقالي لمدة ثانيتين للقيام بهذا الدوران لذلك عندما أحوم فوق المكعب يستغرق الأمر ثانيتين حتى يكتمل الدوران للأمام وثانيتين لإكمال الاستدارة للخلف هذا هو المكان الذي يأتي فيه رقم التمرير
