ווי צו שיכטן, מאַך און ברענגען גראַפיקס צו פראָנט

ניצן די קאָראָנאַ סדק צו מאַניפּולירן גראַפיקס

די הויפּט קאָמפּאָנענט פון שאפן, מאַניפּיאַלייטינג און מאַנאַגינג גראַפיקס אין די קאָראָנאַ סדק איז די אַרויסווייַזן כייפעץ. ניט בלויז דעם כייפעץ קען זיין געניצט צו אַרויסווייַזן אַ בילד פון אַ טעקע, טאָמער נאָר וויכטיק, עס אַלאַוז איר צו גרופּע דיין בילדער צוזאַמען. דעם לעץ איר מאַך אַ גאַנץ באַשטעטיק פון גראַפיקס אַרום די פאַרשטעלן אין אַמאָל און שיכטע גראַפיקס אויף שפּיץ פון יעדער אנדערער.

דעם טוטאָריאַל וועט לערנען איר די באַסיקס פון ניצן אַרויסווייַזן גרופּעס צו אָרגאַניזירן די גראַפיקאַל אַבדזשעקץ אין דיין פּרויעקט. דאָס וועט זיין דעמאַנסטרייטיד דורך שאפן צוויי פאַרשידענע לייַערס, איינער רעפּריזענינג די נאָרמאַל פאַרשטעלן און אנדערן רעפּריזענטינג אַ מאָדאַל שיכטע צו שטעלן אויף שפּיץ פון עס. אין דערצו צו לייערינג די גראַפיקס, מיר אויך נוצן די יבערגאַנג כייפעץ צו באַוועגן די גאנצע מאָדאַל גרופּע.

ווי צו מאַרק דיין אַפּ

באַמערקונג: אין סדר צו נאָכפאָלגן צוזאמען מיט דעם טוטאָריאַל, איר וועט דאַרפֿן צוויי בילדער: image1.png און image2.png. די קענען זיין קיין בילדער איר קלייַבן, אָבער די טוטאָריאַל וועט אַרבעטן בעסטער אויב איר האָבן בילדער אַרום 100 בילדצעלן דורך 100 בילדצעלן. דעם וועט לאָזן איר צו לייכט זען וואָס איז געשעעניש צו די בילדער.

צו באַקומען סטאַרטעד, מיר וועט עפענען אַ נייַ טעקע גערופן main.lua און אָנהייבן צו בויען אונדזער קאָד:

displayMain = display.newGroup (); displayFirst = display.newGroup (); displaySecond = display.newGroup (); global_move_x = display.contentWidth / 5;

דעם אָפּטיילונג פון קאָד שטעלט אַרויף אונדזער וי ביבליאָטעק און דערקלערט דורך אַרויסווייַזן גרופּעס: אַרויסווייַזןמאַין, ווייַזפֿירסט און displaySecond. מיר וועלן נוצן די ערשטע שיכטע אונדזער גראַפיקס און דעריבער מאַך זיי. די global_move_x בייַטעוודיק איז באַשטימט צו 20% פון די ווייַז ברייט אַזוי מיר קענען זען די באַוועגונג.

פונקציאָנירן סעטופּסקרעען () אַרויסווייַזןמיין: אַרייַנלייגן (ווייַזפירסט); displayMain: insert (displaySecond); displayFirst: toFront (); displaySecond: toFront (); היגע הינטערגרונט = display.newImage ("image1.png", 0,0); ווייַזפירסט: אַרייַנלייגן (הינטערגרונט); היגע הינטערגרונט = display.newImage ("image2.png", 0,0); displaySecond: insert (background); סוף

די סעטופּסקרעען פֿונקציע דעמאַנסטרייץ ווי צו לייגן אַרויסווייַזן גרופּעס צו די הויפּט ווייַז גרופּע. מיר אויך נוצן די צופראָנט () פונקציאָנירן צו שטעלן אַרויף די פאַרשידענע גראַפיק לייַערס, מיט די שיכטע מיר ווילן אויף שפּיץ אַלע די צייַט דערקלערט לעצט.

אין דעם בייַשפּיל, עס איז ניט טאַקע דארף צו באַוועגן די אַרויסווייַזןפירסט צו די פראָנט, ווייַל עס וועט זיין פעליקייַט צו זיין ונטער דער אַרויסווייַזןגרויס גרופּע, אָבער עס איז גוט צו באַקומען אין די מידע פון ​​בישליימדיק לייערינג יעדער אַרויסווייַזן גרופּע. רובֿ פראיעקטן וועלן סוף אַרויף מיט צוויי שיכטע.

מיר אויך האָבן צו לייגן אַן בילד צו יעדער גרופּע. ווען מיר אָנהייבן די אַפּ, די רגע בילד זאָל זיין אויף שפּיץ פון די ערשטער בילד.

function screenLayer () displayFirst: toFront (); סוף

מיר'ווע שוין לייערד אונדזער גראַפיקס מיט די דיספּלייַסאָנד גרופּע אויף שפּיץ פון די ווייַזפירסט גרופּע. דעם פֿונקציע וועט מאַך אַרויסווייַזןפירסט צו די פראָנט.

function moveOne () displaySecond.x = displaySecond.x + global_move_x; סוף

די moveOne פונקציאָנירן וועט מאַך די רגע בילד צו די רעכט דורך 20% פון די פאַרשטעלן ברייט. ווען מיר רופן דעם פֿונקציע, די displaySecond גרופּע וועט זיין הינטער די displayFirst group.

function moveTwo () displayMain.x = displayMain.x + global_move_x; סוף

די moveTwo פֿונקציע וועט ביידע ביידע בילדער צו די רעכט דורך 20% פון די פאַרשטעלן ברייט. אָבער, אַנשטאָט פון מאָווינג יעדער גרופּע ינדיווידזשואַלי, מיר וועט נוצן די ווייַזמאַין גרופּע צו באַוועגן זיי ביידע אין דער זעלביקער צייַט. דאָס איז אַ גרויס בייַשפּיל פון ווי אַ אַרויסווייַזן גרופּע וואָס כּולל קייפל ווייַז גרופּעס קענען ווערן גענוצט צו מאַניפּולירן פילע גראַפיקס אין אַמאָל.

setupScreen (); timer.performWithDelay (1000, screenLayer); timer.performWithDelay (2000, moveone); timer.performWithDelay (3000, moveTwo);

דעם לעצט ביסל פון קאָד דעמאַנסטרייץ וואָס כאַפּאַנז ווען מיר לויפן די פאַנגקשאַנז. מיר וועלן נוצן די טימער.פּערפאָרמוויטהדעלייַ פונקציאָנירן צו פייַער אַוועק די פאַנגקשאַנז יעדער רגע נאָך די אַפּ איז לאָנטשט. אויב איר זענען אַנפאַמיליער מיט דעם פונקציע, דער ערשטער בייַטעוודיק איז די צייַט צו פאַרהאַלטן אויסגעדריקט אין מיליסעקאַנדז און די רגע איז די פונקציע וואָס מיר ווילן צו לויפן נאָך אַז פאַרהאַלטן.

ווען איר קאַטער די אַפּ, איר זאָל האָבן image2.png אויף שפּיץ פון image1.png. די screenLayer פֿונקציע וועט פֿייַער און ברענגען image1.png צו די פראָנט. די moveOne פונקציאָנירן וועט מאַך image2.png אויס פון אונטער image1.png, און די moveTwo פֿונקציע וועט פייַער לעצט, מאָווינג ביידע בילדער אין דער זעלביקער צייַט.

ווי צו פיקסירן אַ סלאָו iPad

עס איז וויכטיק צו געדענקען אַז יעדער פון די גרופּעס קען האָבן דאַזאַנז פון בילדער אין זיי. און פּונקט ווי די moveTwo פֿונקציע אריבערגעפארן ביידע בילדער מיט איין שורה פון קאָד, אַלע בילדער אין אַ גרופּע וועט נעמען די קאַמאַנדז געגעבן צו די גרופּע.

טעקניקלי, די displayMain גרופּע קען האָבן ביידע ווייַז גרופּעס און בילדער קאַנטיינד ין. אָבער, עס איז אַ גוט פיר צו לאָזן עטלעכע גרופּעס ווי אַרויסווייַזןמיין אַקט ווי קאַנטיינערז פֿאַר אנדערע גרופּעס אָן קיין בילד צו שאַפֿן בעסער אָרגאַניזאַציע.

דעם טוטאָריאַל מאכט נוצן פון די אַרויסווייַזן כייפעץ. לערן מער וועגן די אַרויסווייַזן כייפעץ.

ווי צו באַקומען סטאַרטעד דעוועלאָפּעד יפּאַד אַפּפּס