Canvas är ett oändligt område där du placerar dina objekt så att de existerar inom din scen.

Det finns 2 områden på canvas. Synligt Skärmområde och Off-Screen-område.

Synligt Skärmområde:

Det synliga skärmområdet representeras av den gröna rektangeln på canvas. Allt som placeras inom den gröna rektangeln kommer att visas på skärmen när du trycker på spela.

Var medveten om att det synliga skärmområdet ändras för varje enhet och bildförhållande du stöder. Till exempel, om du gör ett iPhone-spel finns det 2 olika synliga skärmområden. Ett för de ursprungliga iPhones (3:2 bildförhållande) och ett för iPhone 5 och nyare (16:9 bildförhållande).

Du kan snabbt växla mellan de bildförhållanden du stöder genom att trycka på cykela enhetsikonen på Verktygsfältet.

Off-Screen-område

Som du kanske har gissat är allt som placeras utanför den gröna rutan i off-screen-området och kommer inte att vara synligt när du kör ditt projekt.

Kom ihåg att alla objekt som placeras off-screen fortfarande existerar i din scen och fortfarande körs. Detta betyder att alla beteenden fortfarande kommer att utföras, ljud och animationer kommer att spelas. osv. De kommer att fortsätta att fungera normalt, spelaren kan bara inte se dem.

Återigen, du måste vara medveten om de olika enhetsbildförhållandena. På vissa bildförhållanden kan ett objekt hamna på skärmen. Om du avser att hålla det off-screen, då se över att flytta objektet för vissa skärmstorlekar (genom att använda Get Screen Behavior) eller använda procentbaserad positionering.

Tänk på att objekt off-screen fortsätter att ta upp resurser. Eftersom dessa off-screen objekt fortfarande körs, kan de negativt påverka prestandan för din app. Om du märker prestandaproblem, försök återanvända objekt genom att flytta dem där de behövs, eller förstöra/avaktivera objekt som inte längre behövs i din scen.

Skärmkoordinater

Koordinatsystemet för hyperPad är baserat på det nedre vänstra hörnet av det ursprungliga synliga skärmområdet. Om du flyttar skärmpositionen, ändrar detta inte koordinatsystemet. Det innebär att ursprunglig position (x:0, y: 0) fortfarande är i den ursprungliga positionen. Om du slår på rutnätet från Verktygsfältet kan du se ursprungspunkten representerad av korsande blå linjer.

Observera att för UI-lager (skärmui och globalt UI) är ursprunglig position (x:0, y:0) alltid det nedre vänstra hörnet av skärmen (den gröna rektangeln).