أية دعوات، لا مجلس علامة، "ابتسم" هو قبول قسيمة الوحيد. في هذه العملية سيكون هناك؟

في مجموعة علي بابا الداخلية مؤخرا من مثل هذا الاندفاع من حركة "علامة ابتسامة". سيكون الافتتاح في السنة، والجميع الطابور فرشاة الوجه:

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

هذا هو بابا منصة المعلومات بعد أن قامت مجموعة من 90 مهندسا، مع اسبوعين لوضع مجموعة من النظام سوف يكون العرض الافتتاحي:

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

المهندسين في التكليف الموقع

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

بعض علي الداخلي المهم للجمعية العامة الاستمرار في استخدام نظام الافتتاح

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

خلفية

الاحماء الجمعية العامة التقليدية عادة حلقات الفيديو الترويجية على الشاشة الكبيرة، مثل عندما يكون الجمهور هو تقريبا في المكان، أعلنت بدأ العد التنازلي 321، وكلاهما من الطراز القديم وعدم وجود تفاعل. ومن دون جدوى لتفويت الفرصة على الكوادر الفنية والشركات لتظهر للجمهور.

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

حلول

أي "يطير" المهندسين الأمامية، وبالتأكيد سوف ترغب شعوريا لاستخدامها لتحل محل الفيديو H5 الرسوم المتحركة. لدينا الحل هو: استخدام بارد H5 الرسوم المتحركة، جنبا إلى جنب مع الحكمة من الحديقة ووجه فريق موظفي تقنية التعرف على لاكتساح علامة الوجه + شاشة كبيرة حلول تكنولوجيا العرض. كلا استخدام الداخلي وتكنولوجيا العرض، ويمكن أن تلعب حارة جيدة تأثير.

وفقا لأفكار المشاريع، وسرعان ما شكلت الطبعة الأولى من العرض الطلب. مشط، يمكنك تقسيم وظائف النقاط التالية:

• في البداية، الافتراضي هو أن تفعل حركة دوران الكوكب، وتحيط بها الأقمار الصناعية في جميع أنحاء
• عندما تقترب من الضباط، بعد نجاح التعرف على الوجه، على شاشة العرض
• بعد العرض الانتهاء، الصور التي تريد أن يعود لدوران الكرة بعد الكرة تفعل حركة دوران معا
• وقبل الاجتماع، التحكم اليدوي من الصور تفعل الجسيمات آثار، على

الحلول التقنية

عندما وظيفة تفكيك البرنامج هو دراسة كيفية تحقيق. من النظر في تأثير، وعلى استعداد لتحديد الرسوم المتحركة 3D لخلق، واعتمدت أخيرا Three.js كمكتبة محرك 3D، جنبا إلى جنب مع tween.js عن دعم مكتبة الرسوم المتحركة، فضلا عن سقالات نوا صلة webpack عن الدعم التقني.

whyThree.js؟

حاليا في السوق أكثر نضجا 3D المكتبة على Three.js وBabylon.js، ولكن مقارنة الأخيرين يمكن العثور عليها:

• Babylon.js التي يشيع استخدامها في إنتاج محرك اللعبة 3D، ويميل تطوير اللعبة، وThree.js جعل المحرك النقي.
• Babylon.js ولد قرب (13 عاما)، ونشطاء المجتمع، وThree.js نسبيا أطول قليلا (أيضا أطول من تقنية WebGL)، وأكثر شعبية، وسهلة لقراءة رمز، وأعضاء الفريق لديهم الخبرة في مجال التنمية ذات الصلة.
• وقد دعمت Babylon.js معظم الخصائص webgl2، والقدرة على برشاقة تتحلل، وThree.js أو ذكر في متطلبات المرحلة، وأي دعم.

ولذلك، فإن الخيار الأخير هو Three.js، تريد أن تجرب أصدقاء webgl2.0 قليلا يمكن محاولة Babylon.js.

تكنولوجيا

بعد تكنولوجيا محرك العرض، وسيتم الجمع المقبل مع وظيفة الكلية للعملية، ونعقد العزم كيفية تحقيقها من خلال التكنولوجيا.

STEP1: دع الكرة في الحركة

هذا هو تأثير عرض أول المتحركة. Three.js الطريقة الأساسية، فمن السهل أن تضيف إلى تحقيق الكائن في ميزة المشهد. كما هو مبين أعلاه، في المشهد يضيف المجال، ومن عقارب الساعة استدارة، بحيث سطح كروي استدارة عكس اتجاه عقارب الساعة في FIG القيام به، وتضيف باستمرار الاتجاه السلبي للمشهد نجمة ض محور، وجعل بعض القنوات الفضائية زاوية الحركة المدارية.

ثلاثي الأبعاد نظام الإحداثيات تنسيق س، ص، ض يمكن تحويلها إلى (الشكل) في الإحداثيات القطبية ص، ، (دائرة نصف قطرها r و زاويتين [ثيتا] و)، فإنه يمكن أن تستخدم أيضا للإشارة إلى موضع نقطة ( في المقابل، يمكن أن تستمد).

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

STEP2: مضيفا "ابتسامة" عرض النتائج

واجهة نهاية البعيدة حسب الطلب توقيت الاقتراع لسحب البيانات التعرف على الوجه، إلى الخلفية بعد أن ثبت للعرض من قبل. لأنه بعد الاعتراف المشهد "ابتسم" يتطلب في الوقت الحقيقي العرض على الشاشة الرئيسية، كل الأحداث اتفاقية تتراوح نسبة الاقبال (حوالي 500-1500 نسمة)، في هذه الحالة، وكيفية ضمان انجازها في وقت القبول الموظفين المنصوص عليها وتبين. برامجنا هي: إظهار الوقت يمكن تعديلها بشكل ديناميكي، بعد تحديد ناجحة شاشة كبيرة على الشاشة من تدفق أسرع كبير من الناس، والعكس بالعكس تبين أبطأ .

لذلك، ويحافظ على الواجهة الأمامية طابور عرض لتخزين تحديد شخص ولكن لم تنجح حتى الان، سيتم سحب البيانات الاقتراع في قائمة الانتظار، وسوف تظهر من خلال البيانات إزالتها من قائمة الانتظار، عندما طول عرض الرسوم المتحركة تعديل حيوي على أساس طول انتظار، وتتراوح مجموعة 2.5-5s.

STEP3: لندع "ابتسم" جنبا إلى جنب مع حركة الكرة

"ابتسم" بعد العرض، هناك يعود الصور البانورامية ومتابعة حركة الكرة مع النتائج. لأنها تنطوي على تنسيق نظام الحركة النسبية ( ويتم تنفيذ موقف المجال نسبة إلى العنصر الأصل)، وهذا أثر من الصعب تحقيقه.

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

في ذلك الوقت، الأصدقاء قليلا التفكير في خيارين:

أول: دع الصورة حركة الكرة النسبية، لذلك لن تضطر للنظر في موقف قطعة الجانب، لأن هذا الموقف لم يتغير. ولكن مثل هذه العيوب، لأن الكرة تتحرك، وقد يتطلب الصور المتحركة. إذا كنت ترغب في تحقيق تأثيرات بصرية وجهة نظر "الصورة لا تتحرك"، عليك أن تكون دائما أمام صور الكاميرا.

والثاني: ترك الصورة الحركة العالمية النسبية، و في كل إطار للحصول على إحداثيات العالمية نسبة إلى قطعة الجانب. وكان هذا بعد ذلك ببطء على مقربة من هذا التنسيق الإطار، لتحقيق موقف تداخل النهائي.

بعد بعض النقاش، قررنا اعتماد الخيار الثاني. لأن الأساسي هو حل المشكلة بالنسبة تنسيق تحويل النظام، ولكن الخيار الأول لا يحل المشكلة مجرد وسيلة تحول. لحسن الحظ، Three.js يوفر طريقة جاهزة: getWorldPosition تستخدم لإرجاع الكائن الذي يمثل ناقلات موقف في الفضاء العالمية.

وبالتالي، فمن الممكن الحصول على عالمية تنسيق ورقة جانبية.

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

استخدمنا صيغة تنسيق اتجه قطبي النظام من فوق تنسيق، والموقف المبدئي للالإحداثيات القطبية (sourceR، sourcePhi، sourceTheta) وموقف الهدف (targetR، targetPhi، targetTheta). حساب موقفا وسطا في كل إطار (currentR، currentPhi، currentTheta) وفقا للمعادلة الخطية، وتحويلها إلى موضع نقطة نظام الإحداثيات، أي موقف كل إطار عند الصورة هي مسار منحني من وجهة نظر حركة، ولا يمر من خلال المجال.

step4: الجسيمات افتتاح الرسوم المتحركة

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

newImage الصورة تحميل

Context.drawImage مع الصورة التي رسمت على قماش لقماش

يمكنك الحصول على البيانات من منطقة بكسل محدد على قماش من قبل context.getImageData

وبمقارنة قيمة كل بكسل من جهة يمكن أن يكون مطلوبا في بكسل تسجيل المعلومات الموقف، وتحويل 3D الإحداثيات

( هنا سوف تنطوي على تحويل نظام تنسيق، في حاجة إلى ملاحظة خاصة، قماش مسطحة تنسيق النظام وTHREE.js نظام الإحداثيات ليست هي نفسها ).

خلق الجسيمات، وذلك أن الجسيمات مبعثر مثل ممارسة الرياضة معا، وصلت أخيرا إلى مكان معين ل

أعد صورتين، أبيض شفاف، بعد لون شفاف، عرض الأبيض الجسيمات الحركة الكامل تدريجيا

ثم تتلاشى الأبيض، واللون تدريجيا عرض

الأداء الأمثل

عوامل موضوعية مثل: قرار شاشة كبيرة، وبطاقات الرسومات وغيرها من المعدات لا تعتبر، ولكن الحاجة أكثر من الظروف التي تسيطر على حل بعض مشاكل الأداء. مقياس عام سواء قياس إطارا في الثانية الرسوم المتحركة مع كيتون، إذا بالعين المجردة تقريبا أي تصور داخل 30-60 الإطارات، ثم إلى أسفل، وسوف يشعر واضح جدا كيتون. بعد الانتهاء من إعداد الطبعة الأولى، ومعدل الإطار لجنة الهدنة العسكرية فقط 20+ 40. بالتأكيد لا ترقى إلى مستوى، لذلك علينا أن نبدأ من تحسين الجوانب التالية.

1. المواد واحتمال إعادة الهندسة، أو نموذج مخبأ.

BufferGeometry تخزين شبكة النماذج، والأداء هو نقطة فعالة. شبكة مبدأ جيل.

• يتم إنشاء نموذج الهندسة (رمز) -  (البيانات ينفذ CUP المعالجة، يتم تحويل البيانات إلى 3D الظاهري) -  (GPU تجميعها البيانات، وتحويلها إلى بكسل، وعلى استعداد لتقديم) -  تكرار هذه العمليات تستغرق ويعرض الساعة العملية الثانية.
• يولد BufferGeometry عملية نموذج (رمز) -  (البيانات ينفذ CUP المعالجة، يتم تحويل البيانات إلى 3D الظاهري) -  (GPU تجميعها البيانات، وتحويلها إلى بكسل، وعلى استعداد لتقديم) -  (ألقيت في المنطقة العازلة) -  عندما عرض التعديل الثاني، تعديل من قبل ذاكرة التخزين المؤقت البيانات API مباشرة، حتى يصبح تدفق (رمز) -  (البيانات ينفذ CUP المعالجة، يتم تحويل البيانات إلى 3D الظاهري) -  (بيانات ذاكرة التخزين المؤقت التعديل) -  العرض.

2. الحد من تقديم كائن، أو عند تقديم جعل الأشياء غير مرئية: لم يعد هناك حاجة يمكن تعيين الكائن المقدمة مرئية = كاذبة، أو إزالة مباشرة من مكان الحادث، والفرق بين الاثنين يمكن أن يشير Three.js scene.remove مقابل = مرئية كاذبة.

3. الحرص على أن تعمل في تقديم () في: يعني 60 FPS عموما ثانية واحدة سيتم تنفيذ 60 مرات إذا جعل () قد مثيل يوجد أو سوف الاحالة تنهار بسهولة.

4. حدد الكائن المناسب: الجسيمات مش أنا استخدامها بدلا من تنفيذ العفريت.

تأثير مصدر الضوء 5. النظر: تأثير المقدمة الأجسام المشهد.

6. المقدمة محتملة من خصائص FrontSide الجانب الكائن، سوف DoubleSide تؤدي إلى المزيد من تقديم، تقديم هو الحد.

7. تظليل يمكن استخدامها لتقديم GLSL أكثر الكامنة التي تحققت.

الوضع النهائي بعد التحسين: لجنة الهدنة العسكرية 60FPS أساسا. ضمان تحقيق الأثر النهائي من:

تخطيط المستقبل

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

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

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

الوصول: https://job.alibaba.com/zhaopin/positionList.htm؟keyWord=JXU0RkUxJXU2MDZGJXU1RTczJXU1M0Yw&_input_charset=UTF-8

الحالة الوظيفية لعرض معلومات محددة، وإرسال سيرتك الذاتية.

مقالات فنية يوم واحد،

لا تبدو متعة؟

قلق " بابا آلة الاستخبارات "مايكرو قناة رقم العام، وجدت منظمة العفو الدولية أن أكثر الجافة.