مطالب

ایجاد حلقه بازی گسترش نسخه متنی

پوسته پاسخگو

این آموزش نشان می دهد که چگونه برای ایجاد پوسته پاسخگو با استفاده از جاوا اسکریپت. دو جعبه را به کتابخانه اضافه کنید. یکی قرمز و سبز یکی است. این جعبه فقط نمونه است. هر گونه اشکال و یا اشیاء استفاده كرد.


پوسته پاسخگو 1

پوسته پاسخگو 2

پوسته پاسخگو 3

جعبه را به ویرایشگر اضافه کنید.


پوسته پاسخگو 4

ترتیب جعبه، بنابراین آنها طرف راست و چپ را پر کنید. ترک یک مرز در اطراف آنها.


پوسته پاسخگو 5

به عنوان مثال یک صفحه وب با محتوای در طرف چپ و راست نیست. آن را نگاه خوب در مرورگر وب کامپیوتر و یا تلفن در حالت افقی. متاسفانه این طرح به خوبی در حالت عمودی کار نخواهد کرد. هر دو، دو جعبه باید کوچک به جا و یا برای پر کردن صفحه نمایش گسترده منقبض و طرف جعبه کاهش دهد.


پوسته پاسخگو 6

پوسته پاسخگو 7

این وضعیت این است که در آن مورد نیاز پاسخگو پوسته است. در حالت عمودی یک جعبه بالاتر از دیگر باید حرکت می کند. برای این کار، ما نیاز به حرکت جعبه با استفاده از جاوا اسکریپت. این بدان معنی خاموش کردن 'استفاده از جدول زمانی' برای جعبه و تنظیم 'شناسه اسکریپت'.


پوسته پاسخگو 8

پوسته پاسخگو 9

پوسته پاسخگو 10

جهت حرکت جعبه خارج از مرزهای این فیلم، ما نیاز به خاموش کردن کلیپ در خواص فیلم.


پوسته پاسخگو 11


بهترین مکان برای ترتیب جعبه است در 'هنگام تغییر اندازه' رویداد فیلم.

توابع ما نیاز به GetLeft، GetTop، GetWidth و GetHeight. این توابع مرزهای مرورگر وب یا دستگاه با استفاده از مختصات فیلم را. وقتی کلیپ روشن، این ارزش ها مرزهای فیلم بازگشت. اگر شما با استفاده از "هیچ" فیلم مقیاس، GetLeft و GetTop همیشه 0 می گردد و می توان نادیده گرفت.

اول اجازه می دهد دو جعبه ترتیب یکی سمت چپ را پر می کند و دیگر سمت راست را پر می کند.



BoxA.SetBounds(GetLeft(),GetTop(),GetWidth()/2,GetHeight());
BoxB.SetBounds(GetLeft()+(GetWidth()/2),GetTop(),GetWidth()/2,GetHeight());

پوسته پاسخگو 13

بعد، ما مرز حجم اضافه کنید. این مقدار 10 لزوما در پیکسل نیست، آن را در مقیاس همان فیلم است. استفاده از فیلم "هیچ" مقیاس برای همه چیز در پیکسل باشد.



var Border=10;
BoxA.SetBounds(GetLeft()+Border,GetTop()+Border,(GetWidth()/2)-Border-(Border/2),GetHeight()-Border-Border);
BoxB.SetBounds(GetLeft()+(GetWidth()/2)+(Border/2),GetTop()+Border,(GetWidth()/2)-Border-(Border/2),GetHeight()-Border-Border);

پوسته پاسخگو 15

در نهایت ما تست کنید اگر عرض مرورگر وب یا دستگاه کمتر از ارتفاع است. وقتی که اتفاق می افتد، تنظیم مجدد جعبه به صورت عمودی.



var Border=10;
if(GetWidth()<GetHeight()){
BoxA.SetBounds(GetLeft()+Border,GetTop()+Border,(GetWidth())-Border-Border,(GetHeight()/2)-Border-(Border/2));
BoxB.SetBounds(GetLeft()+Border,GetTop()+(GetHeight()/2)+(Border/2),GetWidth()-Border-Border,(GetHeight()/2)-Border-(Border/2));
}else{
BoxA.SetBounds(GetLeft()+Border,GetTop()+Border,(GetWidth()/2)-Border-(Border/2),GetHeight()-Border-Border);
BoxB.SetBounds(GetLeft()+(GetWidth()/2)+(Border/2),GetTop()+Border,(GetWidth()/2)-Border-(Border/2),GetHeight()-Border-Border);
}

پوسته پاسخگو 17

در حال حاضر، می بینید، اگر شما تغییر اندازه بازیکن دو جعبه خود را به طور خودکار ترتیب. این دو جعبه را به راحتی با اشکال و اشیاء دیگر می توان جایگزین کرد. این مثال می توانید پوسته های پیچیده تر رسیدگی به گسترش.


ایجاد حلقه بازی گسترش نسخه متنی
این اسناد از انگلیسی با استفاده از مترجم آنلاین ترجمه شده است. اگر شما هر گونه اشتباه ما عذرخواهی. اگر شما می خواهم برای کمک به ما در ایجاد اصلاحات. وجود دارد ویرایشگر ترجمه در Hippani Animator (در منوی راهنما). ما از کلید مجوز رایگان برای هر کسی که بیش از 100 عبارات تصحیح دادن. لطفا برای کسب اطلاعات بیشتر با ما تماس بگیرید.