3d | Blog Patrick Espake

Posts Tagged ‘3d’

Flixel Game Engine – ActionScript 3

Postado em 05 nov 2009
Categoria(s) ActionScript, Flash, Flixel, Game, Jogo, Lab

É uma biblioteca Actionscript (Flash) livre, destinada para uma grande variedade de jogos em Flash. Inclui ganchos para gravidade e profundidade. Já possui métodos prontos para trabalhar com:

Rápida renderização (+5000 sprites em computadores modernos);
Tilemaps;
Sistema de partículas;
Controle de volume, com teclas de atalho;
Parallax scrolling (multi-direcional);
Colisão de sprites;
Renderização de textos;
Renderização retro com opções de 2x pixels, 3x pixels, etc;
Não precisa da IDE do Flash, trabalha melhor com ferramentas livres como FlashDevelop;
Organização das classes por estados do jogo;
Botões simples;
Utilitários para loop de música e tocar som;
Efeitos especiais simples.

Facilidade de uso

É bem simples de ser usada, já possui com um conjunto de classes com vários métodos que facilitam bastante o trabalho com sprites, tilemaps, colisões e sons.

Licença envolvida

Está disponível através da licença MIT.

Linguagem

Actionscript 3.

Plataformas

Roda em cima do Flash Player, dessa forma funciona em qualquer plataforma Windows, Linux, Mac OS e Web.

Performance em 2D

Possui um ótima performance para ambientes em 2D, segundo testes do autor da game engine ela consegue trabalhar com mais 5000+ objetos na tela do jogo.

Performance em 3D

Não consegue trabalhar com o ambiente 3D.

Carregamento de modelos 2D e 3D

Consegue trabalhar com imagens em 2D e fazer o seu carregamento de forma muito simples. Não trabalha com carregamento de modelos 3D.

Facilidade de instalação

Para construir os jogos em Flixel é recomendado usar a IDE FlashDevelop, para realizar a instalação e configurar o ambiente siga os passos abaixo:

Fazer o download do FlashDevelop: http://www.flashdevelop.org/downloads/releases/FlashDevelop-3.0.4-RTM.exe;
Realize a instalação do FlashDevelop;
Fazer o download do Flex 3 SDK: http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+3;
Descompacte o Flex 3 SDK em algum diretório da sua preferência;
Abra o Flash Develop;
Abra o menu Tools -> Program Settings;
No menu lateral clique na opção “AS3Context”;
No lado direito procure por “Flex SDK Location” e nesse campo coloque o caminho completo para o Flex 3 SDK;
Feche a janela de configurações;
Faça do download do Flixel: http://flixel.org/flixel_v1.25.zip;
No Flash Develop clique no menu Project -> New Project e escolha AS3 Project, clique no botão OK;
Descompacte o Flixel no diretório src do seu projeto;
É necessário instalar o FlashProjector para facilitar a visualização do jogo no FlashDevelop, acesse o endereço: http://download.macromedia.com/pub/flashplayer/updaters/10/flashplayer_10_sa_debug.exe.

Contribuição para a comunidade

Flixel possui uma comunidade bastante ativa, com vários jogos já desenvolvidos, é possível fazer parte e interagir com a comunidade no endereço: http://flixel.org/forums/.

Testes

Para realizar o teste foi seguido um tutorial de jogo disponível em: http://flixel.org/forums/index.php?topic=226.0 e o código fonte está disponível no Github no endereço: http://github.com/patrickespake/Flixel-Ninja.

Basta efetuar dois cliques no arquivo Ninja.as3proj e ele já será carregado no Flash Develop, no diretório bin do projeto existe o arquivo chamado index.html, basta abrir esse arquivo no navegador e ver o jogo rodando.

A tecla X pula, a tecla C atira estrela e os direcionais movimentam para esquerda e direita.

Tags: 2d, 3, 3d, ActionScript, apple, as3, atalho, biblioteca, botões, colisão, comunidade, engine, Flash, flashdevelop, Flixel, framework, Game, game engine, ganchos, github, gravidade, ide, instalação, licença, linguagem, Linux, livre, mac, mit, modelos, ninja, organização, parallax, partículas, plataforma, player, profundidade, renderizão, scrolling, som, sprites, teclas, testes, texto, tilemaps, tutorial, utilitários, volume, WEB, windows

Ruby-Processing Exemplo de Modelo 3D com Drag e Carregamento de Material OBJ e MTL

1 Comment

Postado em 24 ago 2009
Categoria(s) PIBIC, Processing, Ruby, Ruby-Processing

O exemplo abaixo ilustra uma aplicação no modelo 3D com drag e carregamento de material OBJ e MTL, usando Ruby-Processing.
Para trabalhar com .OBJ esse exemplo usa a biblioteca: .OBJ loader for Processing, você pode encontrar mais informações em: http://code.google.com/p/saitoobjloader/.

Para esse exemplo funcionar você deve possuir o Ruby-Processing instalado, caso não possua siga os passos: http://blog.patrickespake.com/2009/08/23/ruby-processing.

Exemplo Modelo 3D com Drag e Carregamento de Material OBJ e MTL

class Example < Processing::App
  load_library :objloader
  import "saito.objloader"
 
  def setup
    size 800, 600, P3D
    @model = OBJModel.new(self, "m1.obj")
    @rot_x = 0
    @rot_y = 0
  end
 
  def draw
     background 51
     no_stroke
     lights
     smooth
 
     push_matrix
     translate width/2, height/2, 0
     rotate_x @rot_y
     rotate_y @rot_x
     scale 3
     @model.drawMode POLYGON
     @model.draw
     pop_matrix
  end
 
  def mouse_dragged
    @rot_x += (mouse_x - pmouse_x) * 0.01;
    @rot_y -= (mouse_y - pmouse_y) * 0.01;
  end
end
 
Example.new :title => "Example 3D With .OBJ Loader"

Esse exemplo importa um modelo 3D criado no 3D Studio Max, quando você clica e faz drag o modelo 3D se movimenta.

Executando

No terminal digite:

rp5 run example.rb

Resultado

Você pode ver esse exemplo em execução no endereço: http://lab.patrickespake.com/ruby-processing-examples/example_3d_objloader/run/. Você precisa ter paciência para visualizar o modelo rodando, ele demora um certo tempo para carregar no browser.

Código fonte completo: http://github.com/patrickespake/ruby-processing-examples/tree/c80a080dd1e27a562b252fa01bc1030d924a9f47/example_3d_objloader.

Se você gostou desse texto e acha que ajudou você, me recomende: .

Tags: 3d, 3d studio max, applet, carregamento 3d, drag, draw, example, exemplo, github, import, load_library, modelo, mtl, obj, obj loader, objloader, Processing, rp5, Ruby, Ruby-Processing, saitoobjloader, setup

Ruby-Processing Exemplo de Modelo 3D com Animação

No Comments

Postado em 23 ago 2009
Categoria(s) PIBIC, Processing, Ruby, Ruby-Processing

O exemplo abaixo ilustra uma aplicação no modelo 3D com animação, usando Ruby-Processing.
Para esse exemplo funcionar você deve possuir o Ruby-Processing instalado, caso não possua siga os passos: http://blog.patrickespake.com/2009/08/23/ruby-processing.

Exemplo Modelo 3D com Animação

class Teste3d2 < Processing::App
  attr_accessor :rotx, :roty, :tex, :bg, :rate
 
  def setup
    size 800, 600, P3D
    self.bg = load_image "candy_2.jpg"
    self.tex = load_image "smile.jpg"
    texture_mode NORMALIZED
    fill 255
    stroke(color(44, 48, 32))
    self.rotx = 0
    self.roty = 0
    self.rate = 0.05
  end
 
  def draw
    background self.bg
    no_stroke
    translate width/2.0, height/2.0, -100
    rotate_x self.rotx
    rotate_y self.roty
    scale 90
    texture_cube self.tex
    position_update
  end
 
  private
 
  def position_update
    self.rotx += rate
    self.roty += rate
 
    puts "rotx: #{self.rotx}"
    puts "roty: #{self.roty}"
  end
 
  def texture_cube(tex)
    begin_shape QUADS
    texture tex
 
    # +Z "front" face
    vertex(-1, -1,  1, 0, 0)
    vertex( 1, -1,  1, 1, 0)
    vertex( 1,  1,  1, 1, 1)
    vertex(-1,  1,  1, 0, 1)
 
    # -Z "back" face
    vertex( 1, -1, -1, 0, 0)
    vertex(-1, -1, -1, 1, 0)
    vertex(-1,  1, -1, 1, 1)
    vertex( 1,  1, -1, 0, 1)
 
    # +Y "bottom" face
    vertex(-1,  1,  1, 0, 0)
    vertex( 1,  1,  1, 1, 0)
    vertex( 1,  1, -1, 1, 1)
    vertex(-1,  1, -1, 0, 1)
 
    # -Y "top" face
    vertex(-1, -1, -1, 0, 0)
    vertex( 1, -1, -1, 1, 0)
    vertex( 1, -1,  1, 1, 1)
    vertex(-1, -1,  1, 0, 1)
 
    # +X "right" face
    vertex( 1, -1,  1, 0, 0)
    vertex( 1, -1, -1, 1, 0)
    vertex( 1,  1, -1, 1, 1)
    vertex( 1,  1,  1, 0, 1)
 
    # -X "left" face
    vertex(-1, -1, -1, 0, 0)
    vertex(-1, -1,  1, 1, 0)
    vertex(-1,  1,  1, 1, 1)
    vertex(-1,  1, -1, 0, 1)
 
    end_shape
  end
end
 
Teste3d2.new :title => "Teste 3D"

Esse exemplo gera um cubo em 3D com animação.

Executando

rp5 run teste_3d_2.rb

ruby-processing-modelo-3d-animacao

Você pode ver esse exemplo em execução no endereço: http://lab.patrickespake.com/ruby-processing-examples/example_3d_animation/run/. Você precisa ter paciência para visualizar o modelo rodando, ele demora um certo tempo para carregar no browser.

Código fonte completo: http://github.com/patrickespake/ruby-processing-examples/tree/c80a080dd1e27a562b252fa01bc1030d924a9f47/example_3d_animation.

Se você gostou desse texto e acha que ajudou você, me recomende: .

Tags: 3d, animação, cubo, draw, exemplo, modelo 3d, private, Processing, rp5, Ruby, Ruby-Processing, run, setup, teste

Ruby-Processing Exemplo de Modelo 3D com Drag

No Comments

Postado em 23 ago 2009
Categoria(s) PIBIC, Processing, Ruby, Ruby-Processing

O exemplo abaixo ilustra uma aplicação no modelo 3D com drag, usando Ruby-Processing.
Para esse exemplo funcionar você deve possuir o Ruby-Processing instalado, caso não possua siga os passos: http://blog.patrickespake.com/2009/08/23/ruby-processing.

Exemplo Modelo 3D com Drag

class Teste3d < Processing::App
  attr_accessor :rotx, :roty, :tex, :bg
 
  def setup
    size 800, 600, P3D
    self.bg = load_image "candy.jpg"
    self.tex = load_image "smile.jpg"
    texture_mode NORMALIZED
    fill 255
    stroke(color(44, 48, 32))
    self.rotx = PI/4
    self.roty = PI/4
  end
 
  def draw
    background self.bg
    no_stroke
    translate width/2.0, height/2.0, -100
    rotate_x self.rotx
    rotate_y self.roty
    scale 90
    texture_cube self.tex
  end
 
  def mouse_dragged
    rate = 0.01
    self.rotx += (pmouse_y - mouse_y) * rate
    self.roty += (mouse_x - pmouse_x) * rate
  end
 
  private
 
  def texture_cube(tex)
    begin_shape QUADS
    texture tex
 
    # +Z "front" face
    vertex(-1, -1,  1, 0, 0)
    vertex( 1, -1,  1, 1, 0)
    vertex( 1,  1,  1, 1, 1)
    vertex(-1,  1,  1, 0, 1)
 
    # -Z "back" face
    vertex( 1, -1, -1, 0, 0)
    vertex(-1, -1, -1, 1, 0)
    vertex(-1,  1, -1, 1, 1)
    vertex( 1,  1, -1, 0, 1)
 
    # +Y "bottom" face
    vertex(-1,  1,  1, 0, 0)
    vertex( 1,  1,  1, 1, 0)
    vertex( 1,  1, -1, 1, 1)
    vertex(-1,  1, -1, 0, 1)
 
    # -Y "top" face
    vertex(-1, -1, -1, 0, 0)
    vertex( 1, -1, -1, 1, 0)
    vertex( 1, -1,  1, 1, 1)
    vertex(-1, -1,  1, 0, 1)
 
    # +X "right" face
    vertex( 1, -1,  1, 0, 0)
    vertex( 1, -1, -1, 1, 0)
    vertex( 1,  1, -1, 1, 1)
    vertex( 1,  1,  1, 0, 1)
 
    # -X "left" face
    vertex(-1, -1, -1, 0, 0)
    vertex(-1, -1,  1, 1, 0)
    vertex(-1,  1,  1, 1, 1)
    vertex(-1,  1, -1, 0, 1)
 
    end_shape
  end
end
 
Teste3d.new :title => "Teste 3D"

Esse exemplo gera um cubo em 3D, quando você clica e faz drag o cubo se movimenta.

Executando

No terminal digite:

rp5 run teste_3d.rb

Resultado

ruby-processing-modelo-3d-drag

Você pode ver esse exemplo em execução no endereço: http://lab.patrickespake.com/ruby-processing-examples/example_3d_drag/run/. Você precisa ter paciência para visualizar o modelo rodando, ele demora um certo tempo para carregar no browser.

Código fonte completo: http://github.com/patrickespake/ruby-processing-examples/tree/c80a080dd1e27a562b252fa01bc1030d924a9f47/example_3d_drag.

Se você gostou desse texto e acha que ajudou você, me recomende: .

Tags: 3d, aplicação, cubo, drag, draw, exemplo, modelo, mouse_dragged, p3d, Processing, rp5, Ruby, Ruby-Processing, run, setup

Vaga para Programador Junior em Ruby on Rails

1 Comment

Postado em 26 mai 2009
Categoria(s) Ruby on Rails

Pessoal,

Eu tenho uma vaga disponível para programador junior em Ruby on Rails, a vaga é para a cidade de Curitiba/PR, na empresa Go2nPlay (www.go2nplay.com).

Nós temos muitos projetos que envolvem:

Ruby on Rails
Flash
Games
3D
Realidade Aumentada
Design
Wiiflash

Interessados devem enviar currículo para: patrick@go2.com.br com pretensão salarial.

Não temos interesse em trabalho remoto.

Tags: 3d, curitiba, currículo, design, Flash, games, go2nplay, junior, pr, programador, realidade aumentada, Ruby on Rails, vaga, wiiflash

Blog Patrick Espake

Posts Tagged ‘3d’

Flixel Game Engine – ActionScript 3

Ruby-Processing Exemplo de Modelo 3D com Drag e Carregamento de Material OBJ e MTL

Ruby-Processing Exemplo de Modelo 3D com Animação

Ruby-Processing Exemplo de Modelo 3D com Drag

Vaga para Programador Junior em Ruby on Rails

Twitter

Categorias

Arquivos