ਕਿਵੇਂ ਲੇਅਰ, ਮੂਵ ਅਤੇ ਲਿਆਓ ਗ੍ਰਾਫਿਕਸ ਫਰੰਟ ਤੋਂ ਕਿਵੇਂ ਅੱਗੇ

ਗਰਾਫਿਕਸ ਨੂੰ ਚਲਾਉਣਾ ਕਰਨ ਲਈ ਕੋਰੋਨਾ ਐਸਡੀਕੇ ਦਾ ਇਸਤੇਮਾਲ ਕਰਨਾ

ਕੋਰੋਨਾ SDK ਵਿੱਚ ਗਰਾਫਿਕਸ ਬਣਾਉਣ, ਛੇੜਖਾਨੀ ਅਤੇ ਪ੍ਰਬੰਧਨ ਕਰਨ ਦਾ ਮੁੱਖ ਭਾਗ ਡਿਸਪਲੇ ਇਕਾਈ ਹੈ. ਨਾ ਸਿਰਫ ਇਸ ਆਬਜੈਕਟ ਨੂੰ ਇੱਕ ਚਿੱਤਰ ਦੀ ਇੱਕ ਚਿੱਤਰ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ, ਸ਼ਾਇਦ ਉਸੇ ਤਰ੍ਹਾ ਹੀ, ਇਹ ਤੁਹਾਨੂੰ ਆਪਣੀਆਂ ਤਸਵੀਰਾਂ ਨੂੰ ਇਕੱਠਿਆਂ ਕਰਨ ਲਈ ਸਹਾਇਕ ਹੈ. ਇਹ ਤੁਹਾਨੂੰ ਸਕ੍ਰੀਨ ਦੇ ਆਲੇ ਦੁਆਲੇ ਗ੍ਰਾਫਿਕਸ ਦੇ ਪੂਰੇ ਸੈਟ ਨੂੰ ਇੱਕ ਵਾਰ ਤੇ ਇੱਕ ਦੂਜੇ ਤੇ ਘੁੰਮਾਉਂਦਾ ਹੈ ਅਤੇ ਇੱਕ ਦੂਜੇ ਦੇ ਉੱਤੇ ਲੇਅਰ ਗਰਾਫਿਕਸ ਨੂੰ ਹਿਲਾਉਂਦਾ ਹੈ

ਇਹ ਟਿਯੂਟੋਰਿਅਲ ਤੁਹਾਨੂੰ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਗਰਾਫਿਕਲ ਔਬਜੈਕਟਾਂ ਨੂੰ ਸੰਗਠਿਤ ਕਰਨ ਲਈ ਡਿਸਪਲੇ ਗਰੁੱਪਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਬੁਨਿਆਦ ਸਿਖਣਗੇ. ਇਹ ਦੋ ਵੱਖ-ਵੱਖ ਪਰਤਾਂ, ਜੋ ਆਮ ਸਕਰੀਨ ਦੀ ਨੁਮਾਇੰਦਗੀ ਕਰਦਾ ਹੈ ਅਤੇ ਦੂਜਾ, ਇਸਦੇ ਸਿਖਰ 'ਤੇ ਰੱਖਣ ਲਈ ਮਾਡਲ ਪਰਤ ਦੀ ਨੁਮਾਇੰਦਗੀ ਕਰ ਰਿਹਾ ਹੈ. ਗ੍ਰਾਫਿਕਸ ਨੂੰ ਲੇਅਰੇਇਡ ਕਰਨ ਤੋਂ ਇਲਾਵਾ, ਅਸੀਂ ਪੂਰੇ ਮਾਡਲ ਗਰੁੱਪ ਨੂੰ ਮੂਵ ਕਰਨ ਲਈ ਟ੍ਰਾਂਜਿਸ਼ਨ ਆਬਜੈਕਟ ਦੀ ਵੀ ਵਰਤੋਂ ਕਰਾਂਗੇ.

ਤੁਹਾਡੇ ਐਪ ਨੂੰ ਮਾਰਕੀਟ ਕਿਵੇਂ ਕਰਨਾ ਹੈ

ਨੋਟ: ਇਸ ਟਿਊਟੋਰਿਅਲ ਦੇ ਨਾਲ ਨਾਲ ਪਾਲਣਾ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ ਦੋ ਚਿੱਤਰਾਂ ਦੀ ਜ਼ਰੂਰਤ ਹੈ: image1.png ਅਤੇ image2.png ਇਹ ਤੁਹਾਡੇ ਦੁਆਰਾ ਚੁਣੇ ਗਏ ਕੋਈ ਵੀ ਚਿੱਤਰ ਹੋ ਸਕਦੇ ਹਨ, ਪਰ ਟਿਊਟੋਰਿਅਲ ਵਧੀਆ ਢੰਗ ਨਾਲ ਕੰਮ ਕਰੇਗਾ ਜੇ ਤੁਹਾਡੇ ਕੋਲ 100 ਪਿਕਸਲ ਦੇ ਕੋਲ 100 ਪਿਕਸਲ ਦੇ ਕੋਲ ਤਸਵੀਰ ਹੈ. ਇਹ ਤੁਹਾਨੂੰ ਆਸਾਨੀ ਨਾਲ ਚਿੱਤਰਾਂ ਦੇ ਨਾਲ ਕੀ ਹੋ ਰਿਹਾ ਹੈ ਇਹ ਦੇਖਣ ਲਈ ਸਹਾਇਕ ਹੋਵੇਗਾ.

ਸ਼ੁਰੂਆਤ ਕਰਨ ਲਈ, ਅਸੀਂ main.lua ਨਾਂ ਦੀ ਇੱਕ ਨਵੀਂ ਫਾਇਲ ਖੋਲ੍ਹਾਂਗੇ ਅਤੇ ਸਾਡਾ ਕੋਡ ਬਣਾਉਣਾ ਸ਼ੁਰੂ ਕਰਾਂਗੇ:

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

ਕੋਡ ਦਾ ਇਹ ਭਾਗ ਸਾਡੀ UI ਲਾਇਬਰੇਰੀ ਸਥਾਪਤ ਕਰਦਾ ਹੈ ਅਤੇ ਡਿਸਪਲੇ ਗਰੁੱਪਾਂ ਰਾਹੀਂ ਘੋਸ਼ਿਤ ਕਰਦਾ ਹੈ: ਡਿਸਪਲੇਅਮੈਨ, ਡਿਸਪਲੇਅਪਿਸਟ ਅਤੇ ਡਿਸਪਲੇਸਸਿਕੰਡ. ਅਸੀਂ ਇਹਨਾਂ ਨੂੰ ਪਹਿਲੇ ਗ੍ਰਾਫ਼ਿਕਸ ਨੂੰ ਲੇਪ ਦੇ ਤੌਰ ਤੇ ਵਰਤਦੇ ਹਾਂ ਅਤੇ ਫਿਰ ਉਹਨਾਂ ਨੂੰ ਹਿਲਾਉਂਦੇ ਹਾਂ. Global_move_x ਵੇਰੀਏਬਲ ਡਿਸਪਲੇ ਦੀ ਚੌੜਾਈ ਦੇ 20% ਤੇ ਸੈੱਟ ਕੀਤਾ ਗਿਆ ਹੈ ਇਸ ਲਈ ਅਸੀਂ ਅੰਦੋਲਨ ਨੂੰ ਵੇਖ ਸਕਦੇ ਹਾਂ.

ਫੰਕਸ਼ਨ ਸੈੱਟਅੱਪਸਕਰੀਨ () ਡਿਸਪਲੇਅਮੈਨ: ਇਨਸਰਟ (ਡਿਸਪਲੇਅਫਸਟ); displayMain: insert (displaySecond); displayFirst: ਤੋਫ੍ਰੋਂਟ (); ਦੂਜਾ: toFront (); ਸਥਾਨਿਕ ਪਿਛੋਕੜ = display.newImage ("image1.png", 0,0); displayFirst: ਪਾਓ (ਬੈਕਗ੍ਰਾਉਂਡ); ਸਥਾਨਿਕ ਪਿਛੋਕੜ = display.newImage ("image2.png", 0,0); ਦੂਜਾ: insert (ਬੈਕਗ੍ਰਾਉਂਡ); ਅੰਤ

SetupScreen ਫੰਕਸ਼ਨ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਡਿਸਪਲੇ ਗਰੁੱਪਾਂ ਨੂੰ ਮੁੱਖ ਡਿਸਪਲੇ ਗਰੁੱਪ ਵਿੱਚ ਕਿਵੇਂ ਜੋੜਨਾ ਹੈ. ਅਸੀਂ ਵੱਖਰੇ ਗ੍ਰਾਫਿਕ ਲੇਅਰਾਂ ਨੂੰ ਸਥਾਪਤ ਕਰਨ ਲਈ ਫਰੇਂਟ () ਫੰਕਸ਼ਨ ਦੀ ਵੀ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ, ਜਿਸਦੇ ਨਾਲ ਅਸੀਂ ਆਖਰੀ ਵਾਰ ਐਲਾਨ ਕੀਤੇ ਗਏ ਸਭ ਤੋਂ ਉੱਪਰਲੇ ਲੇਅਰ ਨਾਲ ਚਾਹੁੰਦੇ ਹਾਂ.

ਇਸ ਉਦਾਹਰਨ ਵਿੱਚ, ਅਸਲ ਵਿੱਚ ਡਿਸਪਲੇਅ ਫਸਟ ਨੂੰ ਅੱਗੇ ਲਿਜਾਣ ਲਈ ਇਸਦੀ ਅਸਲ ਵਿੱਚ ਲੋੜ ਨਹੀਂ ਹੈ ਕਿਉਂਕਿ ਇਹ ਡਿਸਪਲੇਅ ਦੂਜਾ ਸਮੂਹ ਦੇ ਹੇਠਾਂ ਹੋਣ 'ਤੇ ਡਿਫਾਲਟ ਹੋਵੇਗਾ, ਪਰ ਹਰੇਕ ਡਿਸਪਲੇਅ ਗਰੁੱਪ ਨੂੰ ਸਪੱਸ਼ਟ ਤੌਰ ਤੇ ਲੇਅਿਰੰਗ ਕਰਨ ਦੀ ਆਦਤ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨਾ ਚੰਗਾ ਹੈ. ਜ਼ਿਆਦਾਤਰ ਪ੍ਰੋਜੈਕਟ ਦੋ ਲੇਅਰਸ ਤੋਂ ਵੱਧ ਨਾਲ ਖਤਮ ਹੋਣਗੇ

ਅਸੀਂ ਹਰੇਕ ਗਰੁੱਪ ਵਿੱਚ ਇੱਕ ਚਿੱਤਰ ਵੀ ਸ਼ਾਮਲ ਕੀਤਾ ਹੈ ਜਦੋਂ ਅਸੀਂ ਐਪ ਨੂੰ ਅਰੰਭ ਕਰਦੇ ਹਾਂ, ਦੂਜੀ ਤਸਵੀਰ ਪਹਿਲੇ ਚਿੱਤਰ ਦੇ ਸਿਖਰ 'ਤੇ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ.

ਫੰਕਸ਼ਨ ਸਕ੍ਰੀਨ-ਲੇਅਰ () ਡਿਸਪਲੇਅਪਹਿਲਾਂ: ਤੋਫ੍ਰੋਂਟ (); ਅੰਤ

ਅਸੀਂ ਪਹਿਲਾਂ ਹੀ ਆਪਣੇ ਗਰਾਫਿਕਸ ਨੂੰ ਡਿਸਪਲੇਅਸਟ ਗਰੁੱਪ ਦੇ ਸਿਖਰ ਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤੇ ਗਏ ਸਮੂਹ ਗਰੁੱਪ ਨਾਲ ਸਤਰ ਕੀਤਾ ਹੈ. ਇਹ ਫੋਰਮ ਡਿਸਪਲੇਅ ਨੂੰ ਅੱਗੇ ਵਧਾਇਆ ਜਾਵੇਗਾ.

ਫੰਕਸ਼ਨ ਮੂਵ ਓਨ () displaySecond.x = displaySecond.x + global_move_x; ਅੰਤ

MoveOne ਫੰਕਸ਼ਨ ਦੂਜੀ ਚਿੱਤਰ ਨੂੰ ਸਕਰੀਨ ਦੀ ਚੌੜਾਈ ਦੇ 20% ਤੱਕ ਸੱਜੇ ਪਾਸੇ ਮੂਵ ਕਰੇਗੀ. ਜਦੋਂ ਅਸੀਂ ਇਸ ਫੰਕਸ਼ਨ ਨੂੰ ਕਾਲ ਕਰਦੇ ਹਾਂ, ਡਿਸਪਲੇਸ ਦੂਜਾ ਸਮੂਹ ਡਿਸਪਲੇਅ ਫਸਟ ਗਰੁੱਪ ਦੇ ਪਿੱਛੇ ਹੋਵੇਗਾ.

ਫੰਕਸ਼ਨ ਮੂਵਟੇਵੋ () ਡਿਸਪਲੇਅਮੈਨ.x = ਡਿਸਪਲੇਅਮਾਈਨੀਐਕਸ. + + ਗਲੋਬਲ_ਮੌਵ_ ਐਕਸ; ਅੰਤ

ਮੂਵ ਦੋ ਫੰਕਸ਼ਨ ਸਕ੍ਰੀਨ ਦੀ ਚੌੜਾਈ ਦੇ 20% ਤੱਕ ਦੋਵਾਂ ਚਿੱਤਰਾਂ ਨੂੰ ਸੱਜੇ ਪਾਸੇ ਮੂਵ ਕਰ ਦੇਵੇਗਾ. ਹਾਲਾਂਕਿ, ਹਰੇਕ ਸਮੂਹ ਨੂੰ ਵੱਖਰੇ ਤੌਰ 'ਤੇ ਮੂਵ ਕਰਨ ਦੀ ਬਜਾਏ, ਅਸੀਂ ਦੋਵੇਂ ਇਕੋ ਸਮੇਂ ਤੇ ਉਹਨਾਂ ਨੂੰ ਮੂਵ ਕਰਨ ਲਈ ਡਿਸਪਲੇਅ ਮੇਨ ਸਮੂਹ ਦੀ ਵਰਤੋਂ ਕਰਾਂਗੇ. ਇਹ ਕਿੰਨੀ ਵਧੀਆ ਉਦਾਹਰਨ ਹੈ ਕਿ ਇਕ ਤੋਂ ਵੱਧ ਡਿਸਪਲੇਅ ਸਮੂਹਾਂ ਵਿਚ ਡਿਸਪਲੇ ਗਰੁੱਪ ਕਿਵੇਂ ਇਕੋ ਸਮੇਂ ਕਈ ਗਰਾਫਿਕਸ ਨੂੰ ਸੋਧਣ ਲਈ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ.

setupScreen (); timer.performWithDelay (1000, ਸਕਰੀਨ-ਲੇਅਰ); timer.performWithDelay (2000, moveOne); timer.performWithDelay (3000, moveTwo);

ਕੋਡ ਦਾ ਇਹ ਆਖਰੀ ਬਿੰਦੀ ਇਹ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਜਦੋਂ ਅਸੀਂ ਇਹ ਫੰਕਸ਼ਨ ਚਲਾਉਂਦੇ ਹਾਂ ਤਾਂ ਕੀ ਹੁੰਦਾ ਹੈ. ਅਸੀਂ ਟਾਈਮਰ ਦੀ ਵਰਤੋਂ ਕਰਾਂਗੇ. ਐਪਲੀਕੇਸ਼ਨ ਚਾਲੂ ਹੋਣ ਤੋਂ ਬਾਅਦ ਹਰੇਕ ਸਕਿੰਟ ਦੇ ਫੰਕਸ਼ਨ ਨੂੰ ਬੰਦ ਕਰਨ ਲਈ ਡੈਫਰੇਟ ਫਰਮ. ਜੇ ਤੁਸੀਂ ਇਸ ਫੰਕਸ਼ਨ ਤੋਂ ਅਣਜਾਣ ਹੋ, ਤਾਂ ਪਹਿਲਾ ਵੇਰੀਏਬਲ ਇੱਕ ਮਿਲੀਸਕਿੰਟ ਵਿੱਚ ਵਿਖਾਈ ਦੇਣ ਦਾ ਸਮਾਂ ਹੈ ਅਤੇ ਦੂਸਰਾ ਉਹ ਫੰਕਸ਼ਨ ਹੈ ਜੋ ਅਸੀਂ ਉਸ ਦੇਰੀ ਤੋਂ ਬਾਅਦ ਚਲਾਉਣਾ ਚਾਹੁੰਦੇ ਹਾਂ.

ਜਦੋਂ ਤੁਸੀਂ ਐਪ ਨੂੰ ਲਾਂਚੋਗੇ ਤਾਂ ਤੁਹਾਡੇ ਕੋਲ image1.png ਦੇ ਸਿਖਰ 'ਤੇ image2.png ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ. ਸਕ੍ਰੀਨਲਾਇਅਰ ਫੰਕਸ਼ਨ ਅੱਗਲਾ ਚਿੱਤਰ ਅਤੇ ਚਿੱਤਰ 1. MoveOne ਫੰਕਸ਼ਨ image2.png ਨੂੰ image1.png ਦੇ ਥੱਲੇ ਵਿਚੋਂ ਚਲੇਗਾ, ਅਤੇ ਮੂਵ ਦੋ ਫੰਕਸ਼ਨ ਇਕੋ ਸਮੇਂ ਦੋਨਾਂ ਚਿੱਤਰਾਂ ਨੂੰ ਮੂਵ ਕਰ ਕੇ, ਅਖੀਰ ਵਿੱਚ ਅੱਗ ਲਗ ਜਾਏਗਾ.

ਇੱਕ ਹੌਲੀ ਆਈਪੈਡ ਫਿਕਸ ਕਿਵੇਂ ਕਰੀਏ

ਇਹ ਯਾਦ ਰੱਖਣਾ ਮਹੱਤਵਪੂਰਨ ਹੈ ਕਿ ਇਹਨਾਂ ਸਮੂਹਾਂ ਵਿੱਚੋਂ ਹਰ ਇੱਕ ਸਮੂਹ ਵਿੱਚ ਕਈ ਦਰਸ਼ਨੀ ਚਿੱਤਰ ਹੋ ਸਕਦੇ ਹਨ. ਅਤੇ ਜਿਵੇਂ ਕਿ ਮੂਵ- ਦੋ ਫੰਕਸ਼ਨ ਦੋਵਾਂ ਚਿੱਤਰਾਂ ਨੂੰ ਇੱਕ ਲਾਈਨ ਕੋਡ ਨਾਲ ਚਲੇ ਗਏ, ਇੱਕ ਸਮੂਹ ਦੇ ਅੰਦਰਲੇ ਸਾਰੇ ਚਿੱਤਰ ਸਮੂਹ ਨੂੰ ਦਿੱਤੇ ਹੁਕਮ ਲੈ ਜਾਣਗੇ.

ਤਕਨੀਕੀ ਤੌਰ ਤੇ, ਡਿਸਪਲੇਅਮੈਨ ਗਰੁੱਪ ਵਿੱਚ ਡਿਸਪਲੇ ਗਰੁੱਪਾਂ ਅਤੇ ਚਿੱਤਰਾਂ ਦੋਵਾਂ ਵਿੱਚ ਹੋ ਸਕਦੀਆਂ ਹਨ. ਪਰ, ਬਿਹਤਰ ਸੰਸਥਾ ਬਣਾਉਣ ਲਈ ਕੁਝ ਸਮੂਹਾਂ ਨੂੰ ਡਿਸਪਲੇਅ ਵਰਗੇ ਹੋਰ ਸਮੂਹਾਂ ਨੂੰ ਬਿਨਾਂ ਕਿਸੇ ਚਿੱਤਰ ਦੇ ਕੰਟੇਨਰਾਂ ਵਜੋਂ ਜਾਣ ਦੇਣਾ ਇੱਕ ਚੰਗਾ ਅਭਿਆਸ ਹੈ.

ਇਹ ਟਿਊਟੋਰਿਅਲ ਡਿਸਪਲੇ ਇਕਾਈ ਦਾ ਇਸਤੇਮਾਲ ਕਰਦਾ ਹੈ. ਡਿਸਪਲੇਅ ਆਬਜੈਕਟ ਬਾਰੇ ਹੋਰ ਜਾਣੋ

ਆਈਪੈਡ ਐਪਸ ਨੂੰ ਕਿਵੇਂ ਵਿਕਾਸ ਕਰਨਾ ਹੈ