حركة تقليب الصفحات

حركة تقليب الصفحات تأثير بصري يحاكي الحركة الفعلية لقلب صفحة في كتاب أو مجلّة مطبوعة. مبنيّةً على تقنية العرض ثلاثي الأبعاد، تنحني الصفحة لأعلى من إحدى زواياها، وتنثني على منحنى واقعي، ثمّ تُطوى لتكشف الصفحة التالية تحتها. وتتبدّل الظلال مع تحرّك الصفحة، ويظهر الوجه الخلفي للصفحة المتقلِّبة لحظةً، تماماً كما يحدث مع ورقة حقيقية. والنتيجة تجربة قراءة تبدو ملموسة ومألوفة، رغم أنّ كلّ التفاعل يحدث على الشاشة. وتعتمد رسوم متحرّكة لتقليب الصفحات على مكتبات عرض [WebGL](/glossary/webgl)، وأشهرها [Three.js](/glossary/three-js)، التي تتولّى الحسابات الهندسية والإضائية المعقّدة اللازمة لجعل التأثير مقنعاً.

تقدّم ملفّات PDF الساكنة والمستندات المعتمدة على التمرير المحتوى بكفاءة، لكنّها لا تمنح أيّ إحساس بالتقدّم أو المكان. ويفقد القرّاء معرفتهم بموقعهم وينفكّ ارتباطهم بسرعة أكبر. وتُدخل حركة تقليب الصفحات وعياً مكانياً إلى القراءة الرقمية. فكلّ قلبة للصفحة إيماءة فيزيائية ذات نتيجة مرئية، تمنح القارئ الإحساس نفسه بالتقدّم الذي يحصل عليه من منشور مطبوع. وهذا يهمّ من ناحية التفاعل: الناشرون الذين ينتقلون من عارضات PDF الساكنة إلى [الكتب التفاعلية](/glossary/flipbook) ذات تقليب الصفحات يبلّغون باستمرار عن جلسات قراءة أطول وعدد صفحات أكبر في كلّ زيارة. كما يُرسل التأثير إشارة جودة. فالكتالوج الذي يحوي قلبات صفحات واقعية يبدو أكثر فخامةً من ذلك الذي يكتفي بالتمرير، وهذا يؤثّر في إدراك القرّاء للعلامة التجارية التي تقف وراء المحتوى.

تستخدم FlipLink مكتبة [Three.js](/glossary/three-js) لعرض رسوم متحرّكة واقعية لتقليب الصفحات ثلاثية الأبعاد مباشرةً في المتصفح. وعندما ترفع ملفّ PDF وتنشئ كتاباً تفاعلياً، تصبح كلّ صفحة سطحاً ثلاثيّ الأبعاد يستجيب لنقرات الفأرة أو لمسات الإصبع أو أسهم لوحة المفاتيح برسوم تقليب سلسة. يشمل العرض انحناء الصفحات والظلال الديناميكية وتأثيرات العمق التي تتبدّل بحسب زاوية القلب وسرعته. وتُحسّن FlipLink هذا للأداء عبر الأجهزة، فتعمل الحركة بمعدّل إطارات كامل على أجهزة سطح المكتب والأجهزة اللوحية والهواتف الذكية دون الحاجة إلى إضافات أو تنزيلات. ويمكنك إقران تقليب الصفحات مع [التقليب التلقائي](/glossary/auto-flip) للعروض غير المراقَبة، أو ترك القرّاء يتحكّمون في الإيقاع بأنفسهم عبر [عناصر تحكّم العارض](/features/viewer-controls).

تشمل رسوم تقليب الصفحات عدّة طبقات من العمليات الحسابية تجري معاً في الزمن الحقيقي: - **تشويه الهندسة**: تنحني شبكة الصفحة على منحنى أسطواني يتبدّل مع سحب المستخدم. ويتحدّث نصف قطر المنحنى وزاويته ونقطة محوره في كلّ إطار لمتابعة موقع المؤشّر أو اللمسة. - **العرض ثنائي الوجه**: يُكسى كلٌّ من وجهَي الصفحة الأمامي والخلفي بنسيج خاصّ، فيظهر الوجه الخلفي للصفحة المتقلِّبة بالمحتوى الصحيح بدلاً من سطح فارغ. - **إسقاط الظلال**: يُسقَط ظلّ ناعم على الصفحة الواقعة تحت الصفحة المتقلِّبة، مرتبطاً بخطّ الطيّ ومتحرّكاً مع الرسم. وهذا الظلّ هو ما يجعل التأثير يبدو ثلاثيّ الأبعاد فعلاً. - **التسريع بوحدة المعالجة الرسومية**: تعمل الحركة بأكملها على GPU الجهاز عبر WebGL، ما يُبقي خيط JavaScript الرئيسي حرّاً لتفاعلات أخرى. ولهذا السبب يمكن لرسوم تقليب الصفحات أن تعمل بسلاسة حتى على الهواتف المحمولة متوسّطة الأداء. - **الجودة المتكيّفة**: ترصد FlipLink قدرات الجهاز وتضبط جودة الظلال ودقّة النسيج للحفاظ على معدّل إطارات ثابت.

**«رسوم تقليب الصفحات مجرّد انتقالات CSS.»** توجد تأثيرات قلب ثنائية الأبعاد بسيطة مبنيّة بتحويلات CSS، لكنّها تفتقر إلى واقعية القلب الثلاثي الأبعاد الحقيقي. فتأثيرات CSS تُدير الصفحة كبطاقة على محور مسطّح، بينما تحاكي القلبات ثلاثية الأبعاد انحناء الورق وثنيه. والفرق مرئيّ فوراً ويؤثّر في إدراك الجودة. **«إنّها تُبطئ الأجهزة المحمولة.»** عرض WebGL الحديث مُسرَّع عبر GPU ومصمَّم خصّيصاً للعتاد المحمول. ورسوم تقليب الصفحات المحسَّنة تضيف عبئاً ضئيلاً جدّاً مقارنةً بتحميل صور الصفحة نفسها. فعنق الزجاجة دائماً تقريباً هو سرعة تنزيل الصور لا أداء العرض. **«القرّاء يفضّلون التمرير.»** يعتمد ذلك على نوع المحتوى. فللمقالات الطويلة أو التوثيق، يعمل التمرير جيّداً. أمّا الكتالوجات والمجلّات والكتيّبات والملفّات المهنية، فتتفوّق فيها رسوم تقليب الصفحات على التمرير، لأنّ المحتوى مصمَّم على شكل صفحات منفصلة يُقصد عرضها صفحةً تلو الأخرى.

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