نسخة من لغة Processing للجافاسكربت

مدرج تحت قسم: مقالات
17 مايو 2008

قام John Resig مخترع المكتبة العملاقة للجافاسكربت JQuery والذي يعمل حاليا لدى شركة Mozilla بتطوير نسخة من لغة Processing تعمل على Javascript و Canvas على المتصفحات. لغة Processing هي لغة برمجية و بيئة تطوير متكاملة IDE مفتوحة المصدر بُنيت لمجتمعات الفنون الألكترونية والتصاميم المرئية.

استغرق عمل John حوالي 7 أشهر في وقت فراغه، وينقسم إلى قسمين رئيسين:

لغة Processing

الجزء الأول يشمل عملية المعالجة الآلية لأي سطر برمجي مكتوب بلغة Processing إلى Javascript عن طريق استخدام Regular Expressions لمعالجة مدخلات الأوامر للغة Processing الأصلية وإخراجها كأوامر Javascript لتفهمها المتصفحات.

واجهة برمجة التطبيقات Processing API

الجزء الثاني من المشروع هو الدعم الكامل لواجهة برمجة تطبيقات Processing API الثنائية الأبعاد 2D، ويشمل عدة نقاط منها، رسم الأشكال، رسم الصور، أدوات التحكم بالبيكسل، وغيرها الكثير.

طبعا هذه النسخة تستخدم آخر التقنيات المتطورة في لغة Javascript واستخدام العنصر Canvas للوصول إلى هذه النتيجة الرائعة، حيث يصف John هذه النسخة بأنها تدفع المتصفحات إلى أبعد حدودها من ناحية رسم وتحليل العناصر Rendering مما يحثها على السعي إلى تنفيذ آخر التوصيات والمعايير، ولهذا السبب فإن Processing.js لا تعمل بصورة صحيحة إلا على عدد قليل من المتصفحات، وأغلبها المتصفحات التجريبية مثل Firefox 3 وOpera 9.50 والنسخ الليلية من Webkit.

لمشاهدة أمثلة على تطبيق هذه التقنية الرائعة حمل النسخة التجريبية من Firefox 3 ثم اذهب إلى صفحة John وشاهد ما يمكنك القيام به من ابداعات على المتصفح.

عن الكاتب

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

  • Share/Bookmark

التعليقات (1) على ”نسخة من لغة Processing للجافاسكربت“

  1. keepondev.com

    شكرا لك على المقاله الرائعه ، كنت سأكتب عن ال processing javascript implentation فى مدونتى لكنك سبقتنى جزاك الله خيرا و نفعنا بك

أضف تعليقك




يمكنك استخدام الوسوم التالية في التعليق: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>


* حقول مطلوبة