Um snippet de código para fazer com que um movieclip siga outro.
No exemplo abaixo, a instância mc2 é perseguida por mc1.
Pode ser bastante útil em joguinhos :)
mc1.x = mc1.y = 100; // posição inicial de mc1
mc2.x = mc2.y = 500; // posição inicial de mc2
stage.addEventListener (Event.ENTER_FRAME,SigaMe);
function SigaMe(evt:Event): void {
mc1.x += Speed (mc1.x, mc2.x,100);
mc1.y += Speed (mc1.y, mc2.y,100);
}
function Speed (orig:Number, dest:Number,coef:Number):
Number {
return (dest-orig)/coef;
}
betalogo
HTML 5, CSS 3 e AS3
quinta-feira, 15 de maio de 2014
terça-feira, 6 de maio de 2014
Memorial descritivo de elaboração de game
A ideia básica é documentar o processo de desenvolvimento de um game!
Alguns itens básicos que não podem faltar!
- Resumo do tema ou enredo: Do que trata o jogo? Incluir aqui também gênero e público-alvo do game
- Lista de locações/ambientes (níveis): Lista detalhada do que eles contêm (sem spoiler)
- Elenco de personagens, inclusive os controlados pelo jogador e pelo computador, o que eles fazem, como se comportam, sua aparência.
- Arte Conceitual, Rascunhos de mapas, personagens, logotipo e demais elementos visuais do game.
- Trilha sonora: Creditar autor(es), nome e site.
quarta-feira, 30 de abril de 2014
Protótipo de Adventure Game
Muito legal o sistema de colisão codado pelo Mike Chambers!
Em cima dele dá pra montar um game estilo Adventure!!
// MAZE GAME ENGINE
// Mod of Mike Chambers code
// www.mikechambers.com/blog/2009/06/24/using-bitmapdata-hittest-for-collision-detection/
stop();
var colide:Boolean = false;
stage.focus = stage;
// POSICAO INICIAL JOGADOR
player.x = 130;
player.y = 70;
// MAPEIA COLISOES MAPA
function game(){
var playerRect:Rectangle = player.getBounds(this);
var playerOffset:Matrix = player.transform.matrix;
playerOffset.tx = player.x - playerRect.x;
playerOffset.ty = player.y - playerRect.y;
var playerBmpData = new BitmapData(playerRect.width, playerRect.height, true, 0);
playerBmpData.draw(player, playerOffset);
var mazeRect:Rectangle = maze.getBounds(this);
var mazeBmpData = new BitmapData(mazeRect.width, mazeRect.height, true, 0);
var mazeOffset:Matrix = maze.transform.matrix;
mazeOffset.tx = maze.x - mazeRect.x;
mazeOffset.ty = maze.y - mazeRect.y;
mazeBmpData.draw(maze, mazeOffset);
var rLoc:Point = new Point(mazeRect.x, mazeRect.y);
var bLoc:Point = new Point(playerRect.x, playerRect.y);
// COLISAO
if(mazeBmpData.hitTest(rLoc, 255, playerBmpData, bLoc, 255)) {
colide = true;
}
else {
colide = false;
}
playerBmpData.dispose();
mazeBmpData.dispose();
}
// MOVIMENTAÇÃO
var upPressed:Boolean = false;
var downPressed:Boolean = false;
var leftPressed:Boolean = false;
var rightPressed:Boolean = false;
player.addEventListener(Event.ENTER_FRAME, Iniciar);
stage.addEventListener(KeyboardEvent.KEY_DOWN, SetKeyPressed);
stage.addEventListener(KeyboardEvent.KEY_UP, UnsetKeyPressed);
function Iniciar (event:Event){
// FILTROS
maze.filters = [new BevelFilter()];
chave.filters = [new DropShadowFilter()];
coin.filters = [new DropShadowFilter()];
//player.filters = [new DropShadowFilter()];
// COLISOES NPC
// CHAVE
if (player.hitTestObject(chave)){
trace ("PEGOU A CHAVE!!!");
chave.gotoAndStop(2);
}
// MOEDA
if (player.hitTestObject(coin)){
trace ("PEGOU A MOEDA!!");
coin.gotoAndStop(2);
}
// ENEMY
function game_over(){
stage.removeEventListener(Event.ENTER_FRAME, Iniciar);
player.removeEventListener(Event.ENTER_FRAME, Iniciar);
stage.removeEventListener(KeyboardEvent.KEY_DOWN, SetKeyPressed);
stage.removeEventListener(KeyboardEvent.KEY_UP, UnsetKeyPressed);
nextScene();
}
if (player.hitTestObject(enemy_mc)){
trace ("YOU DIE");
game_over();
}
// PORTAL 01
if (player.hitTestObject(portal)){
trace ("MUDANDO DE SALA!");
portal.gotoAndStop(2); // play sound
gotoAndStop(2);
player.x = 68; // POSICAO NOVA JOGADOR
player.y = 535;
}
// SETA PRA CIMA
if (upPressed) {
player.y -= 5;
game();
if (colide){
player.y += 10;
}
}
// SETA PRA BAIXO
if (downPressed) {
player.y += 5;
game();
if (colide){
player.y -= 10;
}
}
// SETA ESQUERDA
if (leftPressed) {
player.x -= 5;
game();
if (colide){
player.x += 10;
}
}
// SETA DIREITA
if (rightPressed) {
player.x += 5;
game();
if (colide){
player.x -= 10;
}
}
}
function SetKeyPressed(event:KeyboardEvent):void{
switch (event.keyCode) {
case Keyboard.UP: {
upPressed = true;
break; }
case Keyboard.DOWN: {
downPressed = true;
break; }
case Keyboard.LEFT: {
leftPressed = true;
break; }
case Keyboard.RIGHT: {
rightPressed = true;
break; }
}
}
function UnsetKeyPressed(event:KeyboardEvent):void{
switch (event.keyCode) {
case Keyboard.UP: {
upPressed = false;
break; }
case Keyboard.DOWN: {
downPressed = false;
break; }
case Keyboard.LEFT: {
leftPressed = false;
break; }
case Keyboard.RIGHT: {
rightPressed = false;
break; }
}
}
Em cima dele dá pra montar um game estilo Adventure!!
// MAZE GAME ENGINE
// Mod of Mike Chambers code
// www.mikechambers.com/blog/2009/06/24/using-bitmapdata-hittest-for-collision-detection/
stop();
var colide:Boolean = false;
stage.focus = stage;
// POSICAO INICIAL JOGADOR
player.x = 130;
player.y = 70;
// MAPEIA COLISOES MAPA
function game(){
var playerRect:Rectangle = player.getBounds(this);
var playerOffset:Matrix = player.transform.matrix;
playerOffset.tx = player.x - playerRect.x;
playerOffset.ty = player.y - playerRect.y;
var playerBmpData = new BitmapData(playerRect.width, playerRect.height, true, 0);
playerBmpData.draw(player, playerOffset);
var mazeRect:Rectangle = maze.getBounds(this);
var mazeBmpData = new BitmapData(mazeRect.width, mazeRect.height, true, 0);
var mazeOffset:Matrix = maze.transform.matrix;
mazeOffset.tx = maze.x - mazeRect.x;
mazeOffset.ty = maze.y - mazeRect.y;
mazeBmpData.draw(maze, mazeOffset);
var rLoc:Point = new Point(mazeRect.x, mazeRect.y);
var bLoc:Point = new Point(playerRect.x, playerRect.y);
// COLISAO
if(mazeBmpData.hitTest(rLoc, 255, playerBmpData, bLoc, 255)) {
colide = true;
}
else {
colide = false;
}
playerBmpData.dispose();
mazeBmpData.dispose();
}
// MOVIMENTAÇÃO
var upPressed:Boolean = false;
var downPressed:Boolean = false;
var leftPressed:Boolean = false;
var rightPressed:Boolean = false;
player.addEventListener(Event.ENTER_FRAME, Iniciar);
stage.addEventListener(KeyboardEvent.KEY_DOWN, SetKeyPressed);
stage.addEventListener(KeyboardEvent.KEY_UP, UnsetKeyPressed);
function Iniciar (event:Event){
// FILTROS
maze.filters = [new BevelFilter()];
chave.filters = [new DropShadowFilter()];
coin.filters = [new DropShadowFilter()];
//player.filters = [new DropShadowFilter()];
// COLISOES NPC
// CHAVE
if (player.hitTestObject(chave)){
trace ("PEGOU A CHAVE!!!");
chave.gotoAndStop(2);
}
// MOEDA
if (player.hitTestObject(coin)){
trace ("PEGOU A MOEDA!!");
coin.gotoAndStop(2);
}
// ENEMY
function game_over(){
stage.removeEventListener(Event.ENTER_FRAME, Iniciar);
player.removeEventListener(Event.ENTER_FRAME, Iniciar);
stage.removeEventListener(KeyboardEvent.KEY_DOWN, SetKeyPressed);
stage.removeEventListener(KeyboardEvent.KEY_UP, UnsetKeyPressed);
nextScene();
}
if (player.hitTestObject(enemy_mc)){
trace ("YOU DIE");
game_over();
}
// PORTAL 01
if (player.hitTestObject(portal)){
trace ("MUDANDO DE SALA!");
portal.gotoAndStop(2); // play sound
gotoAndStop(2);
player.x = 68; // POSICAO NOVA JOGADOR
player.y = 535;
}
// SETA PRA CIMA
if (upPressed) {
player.y -= 5;
game();
if (colide){
player.y += 10;
}
}
// SETA PRA BAIXO
if (downPressed) {
player.y += 5;
game();
if (colide){
player.y -= 10;
}
}
// SETA ESQUERDA
if (leftPressed) {
player.x -= 5;
game();
if (colide){
player.x += 10;
}
}
// SETA DIREITA
if (rightPressed) {
player.x += 5;
game();
if (colide){
player.x -= 10;
}
}
}
function SetKeyPressed(event:KeyboardEvent):void{
switch (event.keyCode) {
case Keyboard.UP: {
upPressed = true;
break; }
case Keyboard.DOWN: {
downPressed = true;
break; }
case Keyboard.LEFT: {
leftPressed = true;
break; }
case Keyboard.RIGHT: {
rightPressed = true;
break; }
}
}
function UnsetKeyPressed(event:KeyboardEvent):void{
switch (event.keyCode) {
case Keyboard.UP: {
upPressed = false;
break; }
case Keyboard.DOWN: {
downPressed = false;
break; }
case Keyboard.LEFT: {
leftPressed = false;
break; }
case Keyboard.RIGHT: {
rightPressed = false;
break; }
}
}
segunda-feira, 28 de outubro de 2013
Quiz Game Jquery Mobile
Projeto de Quiz Game usando a interface do Jquery Mobile!
Todas as questões em uma única página! Bem leve!
A função abaixo é a engine do jogo :)
// Detecta questão correta
$("#alt1").click(function() {
pontos = pontos +1;
alert("Acertou! Sua pontuação é " + pontos);
// Saída (cria conteudo da div)
var div = document.getElementById("placar");
div.textContent = "Você está com " + pontos + " pontos.";
var text = div.textContent;
})
Todas as questões em uma única página! Bem leve!
A função abaixo é a engine do jogo :)
// Detecta questão correta
$("#alt1").click(function() {
pontos = pontos +1;
alert("Acertou! Sua pontuação é " + pontos);
// Saída (cria conteudo da div)
var div = document.getElementById("placar");
div.textContent = "Você está com " + pontos + " pontos.";
var text = div.textContent;
})
quinta-feira, 23 de maio de 2013
Botão liga desliga Flash
Videoaula mostrando como criar um botão de som liga/desliga!
Este botão chaveador poderá ser adaptado para utilização em diversos projetos.
segunda-feira, 13 de maio de 2013
Jogo de dados
// JOGO DE DADOS
import flash.events.MouseEvent;
import flash.text.TextField;
// VARIAVEIS
var aposta:String = "Você apostou no número " + txt_num.text + "!";
var erro:String = "O valor escolhido não é válido";
var certo:String = "Parabéns! Você acertou!";
var errado:String = "Você errou! Tente novamente!";
var chave:Boolean = true; // controla validação de campo
var dado:int = Math.floor(Math.random () * 6) + 1; // número randômico
var resultado_dado:TextField = new TextField();
resultado_dado.text = String(dado);
// CURSOR HAND EM BOTOES
bot_ok.buttonMode = true;
bot_voltar.buttonMode = true;
// APOSTAR
bot_ok.addEventListener (MouseEvent.CLICK, apostar);
function apostar (e:MouseEvent):void {
// VALIDAR CAMPO
if (txt_num.text < "1" || txt_num.text > "6") {
gotoAndStop (3);
txt_saida.text = erro;
chave = false;
}
// EXIBE APOSTA
else if (chave) {
trace ("O dado caiu no número " + dado);
if (txt_num.text == resultado_dado.text) {
gotoAndStop (3);
txt_saida.text = certo;
}
else {
gotoAndStop (3);
txt_saida.text = errado;
}
}
// VOLTAR
bot_voltar.addEventListener (MouseEvent.CLICK, voltar);
function voltar (evt:MouseEvent):void {
gotoAndStop (2);
}
}
domingo, 22 de abril de 2012
Banner expansível
Iniciando série de tutos de flash, uma solução bem simples para fazer um banner expansível com as2!
01- Crie duas cenas (use shift+f2 para criar as cenas), na primeira cena vc desenha o banner retraído (550 x 70) e na segunda o banner com a dimensão expandida (550 x 400).
01- Crie duas cenas (use shift+f2 para criar as cenas), na primeira cena vc desenha o banner retraído (550 x 70) e na segunda o banner com a dimensão expandida (550 x 400).
02- Na cena 1, crie uma camada acima da camada do banner e crie um botão invisível, isto é um retângulo que ocupe as dimensões do banner, com alpha setado pra 0. Selecione esse botão e inclua a seguinte action:
on (rollOver) {
nextScene();
}
Não esqueça de incluir um stop(); no frame 1 da cena 1
03- Vá para a cena 2 e repita a criação da camada e do botão que ocupe a área do banner expandido, selecione o botão e inclua a seguinte action:
on (rollOut) {
PrevScene();
}
on (release){
gotoURL("endereço do site", "_blank");
}
Basicamente é isso!
Assinar:
Postagens (Atom)