Roteiro para aprovar · versão 8 · estilo Stardew Valley
Jogo do Unicórnio
Aperte START

Uma menina, o cavalo dela e uma fada. O cavalo ganha o poder de voar baixinho, desvia de doces gigantes e come nuvens de algodão-doce, que deixam ele mais forte e mais colorido, até virar arco-íris. Abaixo estão as telas principais desenhadas no estilo do jogo e a ordem em que tudo acontece.

A história

  1. Tela de abertura com o nome do jogo e um arco-íris no fundo. Aperta START.
  2. Na fazenda, a menina chama o cavalo dela para passear.
  3. No fim da tarde aparece uma fada brilhando no céu.
  4. A fada dá dois presentes: o poder de voar baixinho e uma bolsinha rosa. O cavalo continua marrom.
  5. Começa a corrida pela trilha. Doces gigantes aparecem no caminho: pirulito, cupcake, brigadeiro e barra de chocolate. Com cima e baixo no controle, ele desvia.
  6. Nuvens de algodão-doce flutuam pelo caminho: são a única coisa que ele pode comer. Perto de uma nuvem, aperta X e ele vai até ela, pega um pedacinho com a pata e guarda na bolsinha. Quando quiser, aperta ○ e come um pedacinho. Cada pedacinho comido deixa ele mais forte e mais colorido: vira unicórnio rosa e a cor fica cada vez mais parecida com o arco-íris. Logo na segunda ou terceira cor ele já voa alto sobre a fazenda; na quarta e na quinta já está no céu, só com nuvens e depois estrelas.
  7. Cada trombada num doce tira um pouquinho de vida (um dos 5 corações). Se a vida acabar, ele volta a ser cavalo e recomeça do início do jogo.
  8. No final ele vira arco-íris e aparece o arco-íris mais lindo do mundo.

Key-frames

Menina: Bom dia, cavalinho! Vamos passear?
Tela 2

A fazenda

Casa, cerca e árvores no estilo de Stardew Valley. A menina está ao lado do cavalo marrom. Uma caixa de diálogo conta a história.

X passa o diálogo
Fada: Que cavalinho corajoso! Vou te dar um presente mágico.
Tela 3

A fada aparece

O céu fica de fim de tarde, aparecem estrelas e a fada desce brilhando com a varinha.

X passa o diálogo
Fada: Agora você voa! Leve esta bolsinha para guardar algodão-doce.
Tela 4

O presente da fada

Uma explosão de brilhos, o cavalo sai do chão e ganha a bolsinha rosa. Ele continua marrom: as cores vêm depois, com o algodão-doce.

X começa a corrida
Tela 5

Começo: voando baixinho

Ainda cavalo, ele voa baixinho pela trilha. Os doces são gigantes, maiores que ele, como no desenho da Sofia. À frente, a primeira nuvem de algodão-doce. O cenário começa simples, com poucas flores.

▲ ▼ desvia
Tela 6

Pegando algodão-doce

Já azul, ele voa alto e a fazenda ficou pequena lá embaixo. Passou perto de uma nuvem e pega um pedacinho com a pata para a bolsinha, que já tem 2. Os doces gigantes também flutuam aqui em cima.

X pega um pedacinho · ○ come
Ai! −1 ♥
Tela 7

Trombou num doce

Lilás, já voando alto. Ele tem 5 corações de vida. Cada trombada num doce tira um. Se acabarem todos, ele volta a ser cavalo e recomeça do início do jogo.

▲ ▼ desvia do próximo
FORÇA MÁXIMA!
Tela 8

Unicórnio arco-íris

Com a força toda, ele fica arco-íris e deixa um rastro colorido. Não há mais chão: só o céu e o arco-íris mais lindo do mundo.

▲ ▼ voa até as nuvens
Fada: Você conseguiu! Agora é o unicórnio mais forte do arco-íris.
Tela 9

Final

A menina, a fada e o unicórnio arco-íris de volta à fazenda, debaixo do arco-íris mais lindo do mundo, duplo e cheio de brilhos.

START joga de novo

Direção de arte

A referência é o Stardew Valley: uma fazenda colorida e aconchegante, desenhada pixel por pixel.

Como o mundo é desenhado

  • O chão é feito de quadradinhos de grama, terra e água. Casas, árvores, cercas e personagens aparecem de lado, como no Stardew Valley.
  • Perto do chão, todo personagem e objeto tem sombra, e quanto mais longe dela, mais alto o unicórnio está. Lá no alto a fazenda fica pequena, e depois só há céu, estrelas e o arco-íris.
  • Pixel art em 192×108 pontos, ampliada sem borrar. Cada personagem tem uns 14 pontos de altura.
  • As cores são de dia, claras e alegres. No fim da tarde tudo fica laranja e roxo, e a magia aparece como brilhos em forma de cruz.

Tela e letras

  • Diálogos numa caixa de pergaminho com moldura de madeira, igual às conversas do Stardew Valley.
  • Letra de pixel, grande para a Sofia ler na TV.
  • No canto, a barra de força com as 6 cores, os 5 corações de vida, a distância em metros e quantos pedacinhos há na bolsinha.
  • Doces gigantes, maiores que o unicórnio, como no desenho da Sofia, com sombra no chão como todo o resto.
  • Algodão-doce em rosa, lilás e azul claros e sempre brilhando, para ela reconhecer de longe o que pode comer.
  • A bolsinha rosa aparece no corpo dele o tempo todo, e no canto da tela um contador mostra quantos pedacinhos ela tem.

Os doces

Como no desenho da Sofia, os doces são gigantes perto do unicórnio. Pirulito, cupcake, brigadeiro e barra de chocolate são obstáculos: é preciso desviar. A nuvem de algodão-doce, no alto à direita, é a única coisa que ele pode comer: ele pega pedacinhos dela e guarda na bolsinha.

A bolsinha de algodão-doce

A fada dá ao cavalo uma bolsinha rosa, que ele carrega o jogo todo. Ele guarda pedacinhos de nuvem nela e come quando quiser.

X
1. Passou perto de uma nuvem: aperta X e ele vai sozinho até ela.
2. Pega um pedacinho com a pata e guarda na bolsinha. O contador da bolsinha sobe.
○
3. Na hora que quiser, aperta ○ e come um pedacinho: fica mais forte e mais colorido.

Do chão ao céu

Só o comecinho é perto do chão. Já na segunda ou terceira cor ele voa alto e a fazenda fica pequena lá embaixo. Na quarta cor não há mais trilha nem fazenda, só céu com nuvens, balões e passarinhos. Na quinta vêm as estrelas e, no fim, o arco-íris mais lindo do mundo.

Cavalo e rosa: perto do chão, na trilha
Lilás e azul: voando alto sobre a fazenda
Verde: só céu, nuvens e balões
Dourado: entre as estrelas
Arco-íris: o arco-íris mais lindo do mundo

As cores da força

Ele começa como cavalo e já voa baixinho. Cada pedacinho de algodão-doce comido da bolsinha sobe um nível: voa mais alto e a crina e o rabo ganham mais uma cor do arco-íris, até ficar todo arco-íris. Logo na segunda cor ele já sai de perto do chão.

Controle DS4

OPTIONSSTART: começa e pausa ▲ ▼direcional ou analógico: sobe e desce para desviar dos doces Xperto de uma nuvem: vai até ela e pega um pedacinho; também passa os diálogos ○come um pedacinho da bolsinha TecladoEnter e setas fazem o mesmo, para testar sem o controle

Como vai ser feito

  • Um arquivo index.html e JavaScript puro, desenhando num canvas. Nada para instalar nem compilar.
  • O controle DS4 por Bluetooth é lido pela Gamepad API do navegador, no Chrome do laptop-2023.
  • Pixel art em baixa resolução (192×108) ampliada para a tela, como nestes desenhos.
  • Abre direto do arquivo ou na TV pelo laptop.

Ainda para decidir