Blotter.js

Blotter.js

JavaScript API لرسم تأثيرات نصية غير تقليدية على web.Overview
JavaScript API لرسم تأثيرات نصية غير تقليدية على الويب.نظرة عامة عند تطبيق التأثيرات على النص على الويب ، كان المصممون مقيدين تقليديًا على تلك التي توفرها CSS.في معظم الحالات ، هذا مناسب تمامًا - النص نص ، أليس كذلك؟ومع ذلك ، لا يزال هناك العديد من الأمثلة للمصممين الذين يجمعون بين خصائص CSS أو صور متحركة وصور لإنشاء تأثيرات تثير شيئًا أكثر متعة.بالضبط هنا ، يوجد Blotter لتوفير بديل .... GLSL Backed Text Effects مع Ease Blotter يوفر واجهة بسيطة لبناء ومعالجة تأثيرات النص التي تستخدم تظليل GLSL دون اشتراط أن يكتب المصمم GLSL.يحتوي Blotter على مكتبة متنامية من التأثيرات القابلة للتكوين مع توفير طرق للطالب أو مبرمجي GLSL ذوي الخبرة للتمهيد السريع لملفات جديدة.تأثيرات Atlasing في Single WebGL Back Buffer Blotter تعرض جميع النصوص في سياق WebGL واحد وتحد من عدد مكالمات السحب التي تجريها باستخدام الأطالس.عندما تشترك نصوص متعددة في نفس التأثير ، يتم تعيينها في نسيج واحد ويتم تجميعها معًا.ثم يتم إخراج بيانات الصورة الناتجة إلى سياقات ثنائية الأبعاد لكل عنصر.حلقة الرسوم المتحركة بدلاً من التنفيذ على فاصل زمني قائم على الوقت ، تستخدم حلقة الرسوم المتحركة الداخلية في Blotter requestAnimationFrame لمطابقة معدل تحديث عرض المتصفح وإيقافه مؤقتًا عندما ينتقل المستخدم إلى علامات تبويب المتصفح الأخرى ؛تحسين الأداء والحفاظ على عمر البطارية على جهاز المستخدم.ما Blotter ليس أي نصوص تمررها إلى Blotter يمكن تهيئتها بشكل فردي باستخدام خصائص نمط مألوفة.يمكنك استخدام وجوه الخطوط المخصصة من خلال المواصفات @ font-face.ومع ذلك ، Blotter في النهاية يجعل النصوص التي تم تمريرها إليها في عناصر قماش.هذا يعني أن النص المقدم لن يكون قابلاً للاختيار.يعتبر Blotter رائعًا لعناصر مثل العناوين والعناوين والنصوص المستخدمة لأغراض الرسوم.لا ينصح باستخدام Blotter لنصوص مطولة من النص ، وينبغي في معظم الحالات تطبيقها على الكلمات بشكل فردي.
blotter-js

موقع الكتروني:

التصنيفات

بدائل لـ Blotter.js لنظام التشغيل npm

ReX.js

ReX.js

إنشاء regexps مع بناء جملة نظيفة وقابلة للقراءة والوظيفية وسلسلة مع مساعدة من الإكمال التلقائي في محرر من TypeScript!بنيت أفضل regexps أسرع!