Canvas

A tela é uma área infinita onde você coloca seus objetos para que eles existam dentro de sua cena.

Existem 2 áreas na tela. O Espaço da Tela Visível e o Espaço Fora da Tela.

Espaço da Tela Visível:

O espaço da tela visível é representado pelo retângulo verde na tela. Qualquer coisa colocada dentro do retângulo verde aparecerá na tela quando você pressionar play.

Esteja ciente de que o espaço da tela visível muda para cada dispositivo e proporção da tela que você suporta. Por exemplo, se você está criando um jogo para iPhone, existem 2 áreas visíveis diferentes. Uma para os iPhones originais (proporção 3:2), e uma para iPhone 5 e posteriores (proporção 16:9).

Você pode alternar rapidamente entre suas proporções de tela suportadas tocando no ícone de ciclo de dispositivo no Painel de Ferramentas.

Espaço Fora da Tela

Como você pode ter adivinhado, qualquer coisa colocada fora da caixa verde está no espaço fora da tela e não será visível quando você executar seu projeto.

Lembre-se, todos os objetos colocados fora da tela ainda existirão em sua cena e ainda estarão em execução. Isso significa que todos os comportamentos continuarão a ser executados, sons e animações serão reproduzidos. etc. Eles continuarão a funcionar normalmente, o jogador só não pode vê-los.

Mais uma vez, você deve estar ciente das diferentes proporções de tela dos dispositivos. Em certas proporções, um objeto pode acabar na tela. Se você pretende mantê-lo fora da tela, então considere mover o objeto para certos tamanhos de tela (usando o Comportamento de Obter Tela), ou usar posição baseada em percentual.

Tenha em mente que objetos fora da tela continuam a ocupar recursos. Como esses objetos fora da tela ainda estão sendo executados, eles podem impactar negativamente o desempenho do seu aplicativo. Se você estiver notando problemas de desempenho, tente reutilizar objetos movendo-os onde necessário ou destruindo/desativando objetos que não são mais necessários em sua cena.

Coordenadas da Tela

O sistema de coordenadas do hyperPad é baseado no canto inferior esquerdo do espaço visível original da tela. Se você mudar a posição da tela, isso não muda o sistema de coordenadas. Isso significa que a posição de origem (x:0, y: 0) ainda está na posição original. Se você ativar a grade no Painel de Ferramentas, pode ver o ponto de origem representado por linhas azuis que se cruzam.

Note que, para as camadas de UI (UI da tela e UI Global), a posição de origem (x:0, y:0) é sempre o canto inferior esquerdo da tela (retângulo verde).