Pixi.js: التعبئة المضلع

تم إنشاؤها على ١٣ ديسمبر ٢٠١٥ · 33تعليقات · مصدر: pixijs/pixi.js

Im slowpoke ولكنه

صيغة

{"frames": {
"animal_extractor.png":
{
    "frame": {"x":2,"y":326,"w":164,"h":136},
    "rotated": false,
    "trimmed": false,
    "spriteSourceSize": {"x":0,"y":0,"w":164,"h":136},
    "sourceSize": {"w":164,"h":136},
    "pivot": {"x":0.5,"y":0.5},
    "vertices": [ [140,34], [164,76], [164,88], [95,127], [74,136], [50,136], [0,108], [0,62], [32,19], [86,15], [101,0], [106,0] ],
    "verticesUV": [ [142,360], [166,402], [166,414], [97,453], [76,462], [52,462], [2,434], [2,388], [34,345], [88,341], [103,326], [108,326] ],
    "triangles": [ [9,10,11], [3,8,9], [7,3,5], [3,0,1], [5,6,7], [5,3,4], [3,7,8], [3,9,0], [3,1,2], [0,9,11] ]
}
}

Stale 🙏 Feature Request 🥶 Low Priority

مصدر

ivanpopelyshev

🎉1

التعليق الأكثر فائدة

سيتم إضافته في الإصدار 5 ، سأقدمه.

ivanpopelyshev في ٢٦ يونيو ٢٠١٧

👍6 ❤1

ال 33 كومينتر

يقول الناس أنه تمت إضافته بالوحدة منذ عام واحد

ivanpopelyshev في ١٣ ديسمبر ٢٠١٥

مدهش.
المحمول دائمًا لا يكون ذاكرة كافية.
أحتاج ذلك ..
ما رأيك في الأداء من خلال التعبئة النسيجية المضلعة

SeminYun في ١٩ يناير ٢٠١٦

هذا رائع! SeminYun في حالة عدم العثور على معلومات حول الأداء ، إليك اختبار
جعلت الصورة 36 إطارًا في الثانية بدون تشذيب ، و 60 إطارًا في الثانية مقطوعة! نتحدث عن التحسن! سيكون هذا الدعم الملمس موضع ترحيب كبير جدًا في pixi !! :)

Friksel في ٣٠ أبريل ٢٠١٦

ملاحظة: تأتي ميزة الأداء هذه على حساب وحدة المعالجة المركزية. شيء مقيد بشدة في JS بالفعل. أرغب في قياس هذا في pixi ومعرفة الفرق.

englercj في ٣٠ أبريل ٢٠١٦

لطيف. بجانب الفوائد التي نأمل أن يفيدها هذا الأداء ، سيؤدي ذلك بالتأكيد إلى جعل بعض أوراق الرموز أصغر حجمًا بينما يمكن أن تتسع الصور داخل ثقوب ألفا! لذلك سيتم تحميل الكثير من أوراق الرموز التعبيرية بشكل أسرع. شيء جيد!

Friksel في ٣٠ أبريل ٢٠١٦

سأقوم بتنفيذه في فرع ويب الإصدار 4.1 قريبًا :)

ivanpopelyshev في ٣٠ أبريل ٢٠١٦

👍3

ألا يمكن عرض هذا عبر Mesh بدلاً من إنشاء ميزة جديدة؟

englercj في ٢٨ سبتمبر ٢٠١٦

englercj 100٪ صحيح. سوف يستوعب إعداد Sprite الجديد هذا بشكل جيد أيضًا!

GoodBoyDigital في ٢٨ سبتمبر ٢٠١٦

يجب أن تكون الأشعة فوق البنفسجية والهندسة في جانب "نسيج" أو "نموذج" ، وليس على سبيل المثال ، لذا فإن Mesh ليست حلاً.

ivanpopelyshev في ١ أكتوبر ٢٠١٦

أي تحديث؟

nikolayh في ٢٢ فبراير ٢٠١٧

👍1

نظرًا لأن وضع المضلع لا يزال معطلاً افتراضيًا لتنسيق بيانات PixiJS ، يبدو أن المضلعات غير مدعومة في Pixi.

كما يوحي التعليقان الأخيران ، يجب أن يكون في مكان ما على جدول إطلاق PixiJs اعتبارًا من الإصدار 4.1. هل يمكن لأي شخص تأكيد أن هذه الميزة وصلت إلى PIXI 4. * بالفعل؟

وإذا كانت مدعومة ، فهل يعرف شخص ما كيفية تمكين هذه الميزة في TexturePacker لتنسيق PixiJS json؟

Jorisslagter في ٢٦ يونيو ٢٠١٧

سيتم إضافته في الإصدار 5 ، سأقدمه.

ivanpopelyshev في ٢٦ يونيو ٢٠١٧

👍6 ❤1

رائع! شكرا جزيلا لك.

Jorisslagter في ٢٧ يونيو ٢٠١٧

ivanpopelyshev عظيم!

Friksel في ٢٤ يوليو ٢٠١٧

هل من أخبار هنا؟

gle6as في ١٥ سبتمبر ٢٠١٧

لا أخبار ، لكن لم يؤكد أحد أنهم في حاجة ماسة إليها. يمكنني جعله مكونًا إضافيًا لـ v4 ، ولكن من سيختبره ويؤكد أنه يعمل؟ و v5 في مرحلة ألفا ، لذلك لن يستخدمه أحد لعدة أشهر إذا أضفته هناك.

ivanpopelyshev في ١٦ سبتمبر ٢٠١٧

لا أخبار ، لكن لم يؤكد أحد أنهم في حاجة ماسة إليها.

هاه؟ تقصد ماعدا لنا؟

أنا متأكد من أنه بالنسبة للعديد من المشاريع يمكن أن يؤدي ذلك إلى تحسين "جداول البيانات" بتنسيقات صور مختلفة عليها كثيرًا لأن كل صورة يمكن أن تكون أقرب إلى بعضها البعض. لقد احتجت إليه بالفعل عدة مرات ، لأتمكن من إنشاء جداول بيانات حيث أضع صورًا صغيرة في الجزء الشفاف من صورة كبيرة للحصول على صورة إخراج جدول بيانات أصغر.

لا أستطيع التحدث عن الآخرين ، لكنني سأستخدم هذه الميزة كثيرًا

Friksel في ١٦ سبتمبر ٢٠١٧

👍1

يرجى إرسال بريد إلكتروني إلى GoodBoyDigital @ ، إذا وافق ،

ivanpopelyshev في ١٦ سبتمبر ٢٠١٧

أحتاج هذه الميزة.

finscn في ٩ أكتوبر ٢٠١٧

👍5

أعتقد أن الوقت قد حان لوضع علامة عليه لـ v5.

finscn في ١٤ ديسمبر ٢٠١٧

👍3

هل هو متاح كمكوِّن إضافي لـ v4.x؟ أم يجب أن أنتظر v5 لهذه الميزة؟

sudhalucky في ٦ يونيو ٢٠١٨

V5 بالتأكيد ، سيكون من السهل جدًا تنفيذه مع الأنظمة الجديدة!
(مع التجميع!)

في الأربعاء 6 يونيو 2018 الساعة 10:05 صباحًا ، كتب sudhalucky [email protected] :

هل هو متاح كمكوِّن إضافي لـ v4.x؟ أو يجب أن أنتظر v5 لهذا الغرض
خاصية؟
-
أنت تتلقى هذا لأنه تم ذكرك.
قم بالرد على هذا البريد الإلكتروني مباشرة ، وقم بعرضه على GitHub
https://github.com/pixijs/pixi.js/issues/2243#issuecomment-394998933 ،
أو كتم الخيط
https://github.com/notifications/unsubscribe-auth/AC998nI2I61yvKnAEcwik_-jBCsiGUnvks5t55tigaJpZM4G0VPE
.
>

المدير الفني

الصفحة الرئيسية: www.goodboydigital.com
هاتف: 0208533 1177
العنوان: Unit B1، Matchmakers Wharf، Homerton Road، London، E9 5FF

GoodBoyDigital في ٦ يونيو ٢٠١٨

❤2 👍2

أحتاج هذه الميزة

djmisterjon في ٦ يونيو ٢٠١٨

يدعم هذا المكون الإضافي التعبئة المضلعة: https://github.com/gameofbombs/pixi-heaven

استخدم PIXI.heaven.Sprite

ivanpopelyshev في ٢٩ يونيو ٢٠١٨

ivanpopelyshev شكرًا على النصيحة اللطيفة حول pixi-heaven. بالتأكيد الق نظرة على ذلك. ولكن بالنسبة لتعبئة المضلع فقط ، يبدو أن هذا المكون الإضافي يبدو محملاً قليلاً لتعبئة المضلع فقط. ينص README على أنه يتطلب حتى المكون الإضافي Spine (على الرغم من أننا لا نستخدم Spine في مشروع) ويقول إنه يكلف الأداء لاستخدامه. لقد ألقيت نظرة سريعة على هذا الريبو ، لذلك ربما أفتقد شيئًا ما هنا ، لكنني لا أرى أي سبب يجعل تعبئة المضلع تحتاج إلى التنازل عن الأداء أثناء الرسوم المتحركة وتحتاج إلى العمود الفقري.

ما أبحث عنه هو طريقة للحفاظ على أوراق العفاريت صغيرة وفعالة بقدر الإمكان في العرض والارتفاع للحصول على أوقات تحميل أسرع. لقد برزت في الكثير من المشاريع أن هناك الكثير من الفراغات في أوراق الرموز لأن الصور شفافة بنسبة 100٪ في المناطق الكبيرة. يمكن ملء ذلك بالصور الأصغر التي يجب أن تخرج الآن من مستطيلات هذه الصور الشفافة.

باستخدام التعبئة المضلعة ، يمكننا أن نجعل أوراق الرموز المتحركة أصغر كثيرًا ، مثل هذا المثال المبسط (كل لون مختلف هو كائن مختلف):
polygon packing
يمكنك أن ترى هنا الشكل المستدير الكبير الآن يسمح للأشكال الصغيرة بملء الفتحة الشفافة التي عادة ما تكون مجرد مساحة كبيرة مفقودة. وعلى اليمين ترى مثلثين يمكنهما استخدام نفس المساحة مما يؤدي إلى انخفاض بنسبة 50٪ في المساحة المستخدمة.
باستخدام أوراق الرموز العادية ، قد ينتج عن ذلك ورقة رموز متحركة كبيرة جدًا ، حيث تحتاج جميع الصور إلى مستطيلات كاملة ، على الرغم من أنها شفافة للمناطق الكبيرة التي قد ينتج عنها ورقة رموز متحركة أكبر بكثير وتستغرق وقتًا أطول للتحميل.

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

يوجد أيضًا مقال على موقع Texturepacker حول زيادة الأداء الكبيرة مع التعبئة المضلعة:
https://www.codeandweb.com/texturepacker/tutorials/cocos2d-x-performance-optimization

وهم يقدمون مثالًا آخر للعالم الحقيقي حيث يكون هذا مفيدًا جدًا وفعالًا للغاية:
tp-screenshot-2652

لذلك في الختام. أنا لست مقتنعًا بأن PIXI.heaven.Sprite هو الحل لذلك وأتوقع أن يرتفع الأداء لا أن ينخفض.

Friksel في ٢ يوليو ٢٠١٨

👍1

+1 لهذه الميزة

kane-mason في ١٩ فبراير ٢٠١٩

تم وضع علامة على هذه المشكلة تلقائيًا على أنها قديمة نظرًا لعدم وجود نشاط حديث لها. سيتم إغلاقه إذا لم يحدث أي نشاط آخر. شكرا لمساهماتكم.

stale[bot] في ٢٠ مايو ٢٠١٩

أرى بعض +1 هنا و 6 يونيو 2018 كتب @ GoodBoyDigital :
"V5 بالتأكيد ، سيكون من السهل جدًا تنفيذه مع الأنظمة الجديدة!
(مع التجميع!) "

نقرأ الآن ملصق "الحل: لن يتم الإصلاح" بواسطة الروبوت الذي لا معنى له وتم إغلاق المشكلة (تلقائيًا). في وقت سابق ، تم إبلاغنا بأن هذه "الروبوتات" يجب تناولها مع القليل من الملح ، لذلك لست متأكدًا:

هذه الميزة لا تزال موضع ترحيب كبير. هل ما زال في طور الإعداد لـ V5؟

Friksel في ٥ يونيو ٢٠١٩

أعتقد أن CodeAndWeb بحاجة إلى تمكين المضلع في الملمس باكر لإطار عمل البيكسيج أولاً.
يبدو تعطيل.

djmisterjon في ٥ يونيو ٢٠١٩

يمكنك استخدام تنسيق "JSON (Hash)" لتجربته - فهو يمكّن أداة التحزيم المضلع ولكنه يعطل بعض الأشياء المحددة لـ PixiJS (اكتشاف الرسوم المتحركة). باقي التنسيق متطابق.

يحصل كل كائن على 3 إدخالات إضافية:

"vertices": [ [147,74], [194,68], [204,200], [153,266], [56,267], [15,220], [1,180], [11,72], [64,70], [66,3], [132,1] ],
"verticesUV": [ [194,901], [200,948], [68,958], [2,907], [1,810], [48,769], [88,755], [196,765], [198,818], [265,820], [267,886] ],
"triangles": [ [8,9,10], [6,7,8], [5,0,2], [6,0,5], [5,3,4], [6,8,0], [0,1,2], [5,2,3], [0,8,10] ]

الرؤوس هي النقاط في نظام إحداثيات الكائن
الرؤوسالأشعة فوق البنفسجية هي الرؤوس في أطلس النسيج
المثلثات هي المثلثات المبنية من الرؤوس

CodeAndWeb في ٦ يونيو ٢٠١٩

👍2

djmisterjon ليس من الصعب أيضًا تغيير القالب الخاص بالمخرجات في برنامج TextPacker بنفسك أو إنشاء القالب المخصص الخاص بك للمخرجات (وهو أمر رائع حقًا!):
https://www.codeandweb.com/texturepacker/documentation/custom-exporter

Friksel في ٦ يونيو ٢٠١٩

👍1

Friksel مثير للاهتمام ، شكرًا على النصائح ، يمكن أن يكون مفيدًا جدًا للعديد من الأنظمة المخصصة.

djmisterjon في ٦ يونيو ٢٠١٩

👍1

مرحبًا ، هل هناك أي دعم لهذا في PixiV5؟ إذا لم يكن هناك شخص ما يمكن أن يبرز ما الميزة التي يجب استخدامها من Pixiv5 لتنفيذه؟ قد يكون مهتمًا بتنفيذ هذا لمشروعي.