Tecnologia
Link com projetos
https://docs.google.com/document/d/1Yo8TfhrG9XJBSYbHkVXiAT9nTygLkGVbE-F1lmOD6Yg/edit?tab=t.0
Finalização e publicação
https://github.com/alura-cursos/aluraflix/tree/aula8
Pong no scratch
https://scratch.mit.edu/projects/990008009
jogo de cartas
https://scratch.mit.edu/projects/1021278041
Criando sua aventura
https://github.com/femascheti/criando-sua-aventura/commit/9c6546349b95be677682cd4fc70576b598623b78
Recomendador de filmes
let campoIdade;
let campoFantasia;
let campoAventura;
function setup() {
createCanvas(800, 400);
createElement("h2", "Recomendador de filmes");
createSpan("Sua idade:");
campoIdade = createInput("5");
campoFantasia = createCheckbox("Gosta de fantasia?");
campoAventura = createCheckbox("Gosta de aventura?");
}
function draw() {
background("white");
let idade = campoIdade.value();
let gostaDeFantasia = campoFantasia.checked();
let gostaDeAventura = campoAventura.checked();
let recomendacao = geraRecomendacao(idade, gostaDeFantasia, gostaDeAventura);
fill(color(76, 0, 115));
textAlign(CENTER, CENTER);
textSize(38);
text(recomendacao, width / 2, height / 2);
}
function geraRecomendacao(idade, gostaDeFantasia, gostaDeAventura) {
if (idade >= 10) {
if (idade >= 14) {
return "O menino que descobriu o vento";
} else {
if (idade >= 12) {
if(gostaDeFantasia || gostaDeAventura) {
return "Homem aranha: no aranhaverso";
} else{
return "Ladrões de bicicleta";
}
} else {
if (gostaDeFantasia) {
return "As aventuras de pi";
} else {
return "Depois da chuva";
}
}
}
} else {
if (gostaDeFantasia) {
return "A viagem de chihiro";
} else {
return "O feitiço do tempo";
}
}
}
Códigos para finalização do círculo
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
}
function setup() {
createCanvas(400, 400);
background(color(100, 0 , 0));
cor = color(random(0, 255), random(0, 255), random(0, 255));
posicaoHorizontal = 0;
posicaoVertical = random(height);
}
let cor;
let posicaoHorizontal; // x
let posicaoVertical; // y
let posicaoHorizontal2; // x
let posicaoVertical2; // y
function setup() {
createCanvas(400, 400);
background(color(100, 0 , 0));
cor = color(random(0, 255), random(0, 255), random(0, 255));
posicaoHorizontal = 0;
posicaoVertical = random(height);
posicaoHorizontal2 = 0;
posicaoVertical2 = random(height);
}
function draw() {
fill(cor);
circle(posicaoHorizontal, posicaoVertical, 50);
circle(posicaoHorizontal2, posicaoVertical2, 50);
posicaoHorizontal+= random(0,3);
posicaoVertical+= random(-3,3);
posicaoHorizontal2+= random(0,3);
posicaoVertical2+= random(-3,3);
if(mouseIsPressed){
cor = color(random(0, 255), random(0, 255), random(0, 255), random(0, 100));
}
}
function setup() {
createCanvas(400, 400);
background(color(100, 0 , 0));
cor = color(random(0, 255), random(0, 255), random(0, 255));
circuloX = [0, 0];
posicaoHorizontal = 0;
posicaoVertical = random(height);
posicaoHorizontal2 = 0;
posicaoVertical2 = random(height);
}
Outros recomendadores (desenvolvendo um recomendador de filmes)
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
}let campoOrcamento;
let campoPraia;
let campoCidadeGrande;
function setup() {
createCanvas(800, 400);
createElement("h2", "Recomendador de lugares para conhecer");
createSpan("Quanto você pode gastar R$");
campoOrcamento = createInput("1000");
campoPraia = createCheckbox("Gosta de Praia?");
campoCidadeGrande = createCheckbox("Gosta de cidades grandes?");
}
function draw() {
background("white");
let orcamento = parseFloat(campoOrcamento.value());
let gostaDePraia = campoPraia.checked();
let gostaDeCidadesGrandes = campoCidadeGrande.checked();
let recomendacao = geraRecomendacao(orcamento, gostaDePraia, gostaDeCidadesGrandes);
fill(color(76, 0, 115));
textAlign(CENTER, CENTER);
textSize(38);
text(recomendacao, width / 2, height / 2);
}
function geraRecomendacao(orcamento, gostaDePraia, gostaDeCidadesGrandes) {
if (orcamento >= 1000) {
if (gostaDePraia) {
return "Rio de Janeiro - ótimo para quem gosta de praias e cidade grande.";
} else if (gostaDeCidadesGrandes) {
return "São Paulo - ideal para quem gosta do agito das grandes cidades.";
} else {
return "Gramado - perfeito para quem busca um lugar tranquilo e charmoso.";
}
} else if (orcamento >= 500) {
if (gostaDePraia) {
return "Búzios - excelente para quem quer praias lindas com orçamento moderado.";
} else if (gostaDeCidadesGrandes) {
return "Curitiba - uma grande cidade com muitos parques e um custo de vida razoável.";
} else {
return "Ouro Preto - cidade histórica com muita cultura e beleza.";
}
} else {
if (gostaDePraia) {
return "Maragogi - conhecida como o Caribe brasileiro, com preços mais acessíveis.";
} else if (gostaDeCidadesGrandes) {
return "Belo Horizonte - cidade grande com muita cultura e opções de lazer econômicas.";
} else {
return "Petrópolis - cidade com clima de montanha e muita história.";
}
}
}
Compartilhando projetos
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
}let campoOrcamento;
let campoPraia;
let campoCidadeGrande;
function setup() {
createCanvas(800, 400);
createElement("h2", "Recomendador de lugares para conhecer");
createSpan("Quanto você pode gastar R$");
campoOrcamento = createInput("1000");
campoPraia = createCheckbox("Gosta de Praia?");
campoCidadeGrande = createCheckbox("Gosta de cidades grandes?");
}
function draw() {
background("white");
let orcamento = parseFloat(campoOrcamento.value());
let gostaDePraia = campoPraia.checked();
let gostaDeCidadesGrandes = campoCidadeGrande.checked();
let recomendacao = geraRecomendacao(orcamento, gostaDePraia, gostaDeCidadesGrandes);
fill(color(76, 0, 115));
textAlign(CENTER, CENTER);
textSize(38);
text(recomendacao, width / 2, height / 2);
}
function geraRecomendacao(orcamento, gostaDePraia, gostaDeCidadesGrandes) {
if (orcamento >= 1000) {
if (gostaDePraia) {
return "Rio de Janeiro - ótimo para quem gosta de praias e cidade grande.";
} else if (gostaDeCidadesGrandes) {
return "São Paulo - ideal para quem gosta do agito das grandes cidades.";
} else {
return "Gramado - perfeito para quem busca um lugar tranquilo e charmoso.";
}
} else if (orcamento >= 500) {
if (gostaDePraia) {
return "Búzios - excelente para quem quer praias lindas com orçamento moderado.";
} else if (gostaDeCidadesGrandes) {
return "Curitiba - uma grande cidade com muitos parques e um custo de vida razoável.";
} else {
return "Ouro Preto - cidade histórica com muita cultura e beleza.";
}
} else {
if (gostaDePraia) {
return "Maragogi - conhecida como o Caribe brasileiro, com preços mais acessíveis.";
} else if (gostaDeCidadesGrandes) {
return "Belo Horizonte - cidade grande com muita cultura e opções de lazer econômicas.";
} else {
return "Petrópolis - cidade com clima de montanha e muita história.";
}
}
}
Códigos do jogo PONG
//variáveis da bolinha let xBolinha = 100; let yBolinha = 200; let diametro = 22; let raio = diametro / 2; //variáveis do oponente let xRaqueteOponente = 585; let yRaqueteOponente = 150; //velocidade da bolinha let velocidadeXBolinha = 6; let velocidadeYBolinha = 6; //variáveis da raquete let xRaquete = 5; let yRaquete = 150; let raqueteComprimento = 10; let raqueteAltura = 90; //placar do jogo let meusPontos = 0; let pontosDoOponente = 0; let colidiu = false; function setup() { createCanvas(600, 400); } function draw() { background(0); mostraBolinha(); movimentaBolinha(); verificaColisaoBorda(); mostraRaquete(xRaquete, yRaquete); movimentaMinhaRaquete(); verificaColisaoRaquete(xRaquete, yRaquete); verificaColisaoRaquete(xRaqueteOponente, yRaqueteOponente); mostraRaquete(xRaqueteOponente, yRaqueteOponente); movimentaRaqueteOponente(); incluiPlacar() marcaPonto(); } function mostraBolinha() { circle(xBolinha, yBolinha, diametro); } function movimentaBolinha() { xBolinha += velocidadeXBolinha; yBolinha += velocidadeYBolinha; } function verificaColisaoBorda() { if (xBolinha + raio > width || xBolinha - raio < 0) { velocidadeXBolinha *= -1; } if (yBolinha + raio > height || yBolinha - raio < 0) { velocidadeYBolinha *= -1; } } function mostraRaquete(x,y) { rect(x, y, raqueteComprimento, raqueteAltura); } function movimentaMinhaRaquete() { if(keyIsDown(UP_ARROW)) { yRaquete -= 10; } if(keyIsDown(DOWN_ARROW)) { yRaquete += 10; } } function verificaColisaoRaquete() { if (xBolinha - raio < xRaquete + raqueteComprimento && yBolinha - raio < yRaquete + raqueteAltura && yBolinha + raio > yRaquete) { velocidadeXBolinha *= -1; } } function verificaColisaoRaquete(x, y) { colidiu = collideRectCircle(x, y, raqueteComprimento, raqueteAltura, xBolinha, yBolinha, raio); if (colidiu){ velocidadeXBolinha *= -1; } } function movimentaRaqueteOponente() { velocidadeYOponente = yBolinha - yRaqueteOponente - raqueteComprimento / 2 - 30; yRaqueteOponente += velocidadeYOponente } function incluiPlacar() { fill(255); text(meusPontos, 278, 26); text(pontosDoOponente, 321, 26); } function marcaPonto() { if (xBolinha > 580) { meusPontos += 1; } if (xBolinha < 11) { pontosDoOponente += 1; } }
Comentários
Postar um comentário