انتقل إلى المحتوى
Bridge Labs
اللغة: العربية
كل المختبرات المختبر رقم 001 5 دقائق اللون · الصوت · الرسوم المتحركة

لا صور فوتوغرافية ولا أصوات مسجّلة: كل شيء هنا مصنوع بالبرمجة

مختبر البكسل والصوت

كل لون وصورة وصوت على هاتفك هو في الأساس مجرد أرقام كثيرة. جرّب بنفسك: غيّر الأرقام، ثم شاهد واستمع إلى ما يحدث.

يوم كامل في 18 ثانية. كل إطار، وحتى الموسيقى، صُنع بالبرمجة: بلا برنامج رسم، بلا كاميرا، بلا تسجيل. التجارب أدناه تستخدم الأفكار نفسها. ملاحظة: الكتابات داخل الفيديو باللغة الإنجليزية.

اللون من ثلاثة أرقام

كل نقطة على شاشتك هي في الحقيقة ثلاثة أضواء صغيرة جدًا: أحمر وأخضر وأزرق. ثلاثة أرقام من 0 إلى 255 تحدد شدة إضاءة كل منها. كل لون تراه مصنوع من هذه الأرقام الثلاثة فقط.

نقطة واحدة من الشاشة، عن قرب

rgb(255, 148, 71)
255
148
71

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

256 × 256 × 256 = 16,777,216 لونًا مختلفًا، من ثلاثة أرقام فقط.

صورة مصنوعة من مربعات

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

المربع الذي اخترته

إطار Full HD مثلًا (1920 × 1080، وليس الفيديو أعلاه) يتكوّن من 2,073,600 مربع: 6,220,800 رقم للأحمر والأخضر والأزرق قبل الضغط. إنها صغيرة جدًا لدرجة أن عينك لا ترى المربعات.

الرسم بالقواعد، والتحريك بالزمن

لم يرسم أحد 540 صورة منفصلة. بضع قواعد تحدد أين يكون كل شيء وما لونه في أي لحظة. يشغّل الحاسوب هذه القواعد 30 مرة في الثانية ويلتقط صورة في كل مرة. اسحب عبر الزمن، أو اضغط تشغيل.

القواعد، وإجاباتها الآن

الإطار
ارتفاع الشمس
أعلى السماء
الفانوس
النجوم

القواعد نفسها، على شكل شيفرة


      

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

صوت من معادلة

الصوت اهتزاز للهواء. يدفع مكبّر الصوت غشاءه إلى الأمام والخلف وفق قائمة من الأرقام: 44,100 رقم في كل ثانية. هنا تُحسب هذه الأرقام من معادلة وتُرسل مباشرة إلى مكبّر الصوت. لم يُسجَّل أي شيء.

شكل الموجة خلال

أول 24 رقمًا عن قرب: كل نقطة رقم واحد

النغمة

شكل الموجة

المعادلة


        

لا تسمع شيئًا؟ ارفع مستوى الصوت. على iPhone، تأكد من أن مفتاح الوضع الصامت مُطفأ.

القصة كلها في ثلاثة أسطر

  • الصور: ثلاثة أرقام لكل نقطة (أحمر، أخضر، أزرق).
  • الرسوم المتحركة: بضع قواعد تتغير مع الزمن، تُشغَّل 30 مرة في الثانية.
  • الصوت: 44,100 رقم في الثانية تدفع مكبّر الصوت إلى الأمام والخلف.

هذه الصفحة تعمل بالطريقة نفسها: كل صورة وصوت في التجارب يُحسب الآن، على جهازك أنت.

أسئلة شائعة

هل صُنعت الرسوم المتحركة بمولّد فيديو يعمل بالذكاء الاصطناعي؟

لا. لم يُستخدم أي مولّد فيديو. كل إطار مرسوم بشيفرة عادية على عنصر canvas في HTML: تدرّجات لونية للسماء، وأشكال للجبال، ومعادلة لمسار الشمس. ثم حُفظت الإطارات كفيديو. أما مولّدات الفيديو بالذكاء الاصطناعي فتعمل بطريقة مختلفة: ترسم البكسلات مباشرة، انطلاقًا من أنماط تعلّمتها من أعداد هائلة من مقاطع الفيديو.

ما هو البكسل؟

أصغر نقطة في الصورة الرقمية. على الشاشة، كل بكسل هو ثلاثة أضواء صغيرة: أحمر وأخضر وأزرق، ويُخزَّن لونه على شكل ثلاثة أرقام من 0 إلى 255.

كيف يصنع الحاسوب الصوت؟

يرسل سيلًا من الأرقام إلى مكبّر الصوت، عادةً 44,100 أو 48,000 رقم في كل ثانية. كل رقم يحدد مقدار تحرّك غشاء المكبّر في تلك اللحظة. احسب هذه الأرقام بمعادلة، فتحصل على صوت لم يسجّله أحد.

هل كان الناس يفعلون هذا قبل الذكاء الاصطناعي؟

نعم، منذ عقود. في عام 1957 كتب ماكس ماثيوز في مختبرات بل برنامج MUSIC، وهو من أوائل البرامج التي صنعت الموسيقى بالحاسوب. وفي عام 1995 أصبح «حكاية لعبة» أول فيلم طويل مصنوع بالكامل بالرسوم المتحركة الحاسوبية. وكل لعبة فيديو ترسم صورها بالشيفرة، مرات عديدة في الثانية.

هل أحتاج إلى تثبيت أي شيء؟

لا. يعمل في أي متصفح حديث، وعلى الهواتف أيضًا. إذا لم تسمع الأصوات على iPhone، فتأكد من أن مفتاح الوضع الصامت مُطفأ.