استوديو العمق · بوابة الأنظمة

أنظمتي
كلها هنا

كل نظام بنيناه معًا على دوّار ثلاثي الأبعاد، بزر يفتحه. لون الصفحة يتغير مع كل نظام تصل إليه.

الأقسام

اختر القسم

كل بطاقة تميل نحوك وتحمل لون قسمها. اضغط على زرها فيدور الدوّار إلى أول نظام في القسم.

الأنظمة

اسحبه يمينًا أو يسارًا واتركه، فيستقر وحده على أقرب نظام. اضغط زر النظام الذي في الأمام لتفتحه.

الحروف

الكلمة مبنية من أربع وعشرين طبقة متتالية، فتبدو منحوتة. حرّك المؤشر فوقها لتراها من زاوية أخرى.

24 طبقةكل طبقة أغمق من التي أمامهابلا صور

الختام

صفحة HTML واحدة، بلا صور وبلا أدوات بناء. هذه التقنيات التي تحركها:

WebGL Shaderالمجسّم السائلسطح يتشوّه بدالة ضوضاء، ولونه وانعكاسه يُحسبان لكل نقطة.

spring physicsحركة نابضيةالخرزة والدوّار يتحركان بنابض وتخميد، لا بمدة ثابتة.

preserve-3dعمق حقيقيالبطاقات والحروف والدوّار عناصر صفحة عادية في فضاء ثلاثي.

SVG pathالشريط السائلحافة الشريط تُعاد رسمها كل إطار لتنخفض تحت الخرزة.

تنقّل بين الأقسام بالسحب، وراقب اللون يتغير معها.