Giter Club home page Giter Club logo

projeto-final-lop's Introduction

Projeto final da disciplina Lógica de Programação (LoP) UFRN 2018.1

O objetivo deste trabalho é a implementação de um jogo eletrônico usando elementos gráficos em duas dimensões. Nele os alunos vão desenvolver suas competências no uso de estruturas de repetição, vetores, entrada e saída de dados e programação estruturada como um todo.

CONFIGURAÇES DO DESENVOLVIMENTO

Sistema operacional

Ubuntu 18.4 Long Term Support (LTS) (Bionic Beaver).

Editor e plugins utilizados

Para esse projeto, foi utlizado o editor de texto Atom (1.26.1 x64) com seguintes pacotes:

  • atom-beautify
  • emmet
  • file-icons
  • highlight-selected
  • pigments
  • minimap-pigments
  • minimap

Navegador padrão

Google Chrome 67.0.3396.87.

Rodando Servidor HTTP Local

Algumas funcionalidades implementadas no projeto, tais como o carregamento de imagens e fontes customizadas, são esperadas a serem carregadas via SSH ou FTP. A Execução de um Servidor local pode reseolver esse problema.

Execute o seguinte comando via terminal dentro da pasta do projeto para criar um servidor HTTP para requisições do navegador.

$ sudo python -m SimpleHTTPServer

Para visualizar o projeto, abra seu navegador e acesse o endereço:

127.0.0.1:8000 ou localhost:8000

A não execução do Servidor local na pasta do jogo, poderá ocorrer um erro de origem cruzada. Visite a documentação do oficial em P5.js Local Server.

ESTRUTURA DO PROJETO

Após o download do arquivo no repositório, descompacte e entre na pasta descompactada.

Na pasta irá conter os arquivo index, README e a pasta assets, a qual possui todos os arquivos necessários para o carregamento completo do jogo.

Há três seções no arquivo index.

  • Etapas concluídas:
    • lista as etapas do projeto concluídas. Da etapa 1 a 10.
  • Sketchs de estudos:
    • são sketchs utilizadas para o estudo da P5.js. Foram trabalhados conceitos básicos como a criação de formas primitivas de círculos e retângulos a trabalho com imagens e funções disponíveis na biblioteca.
  • Canvas com a última etapa implementada:
    • espaço utilizado para o "desenho" do código implementado.

SOBRE O JOGO

Nome

JACK Attacks

Personagem principal

Jack Cabeça de Lanterna.

Demais personagens

Frankenstein, Ghosts e BigGhost (Boss).

Níveis de dificuldade

  1. matar um fantasma;
  2. chegar ao final do cenário e tocar na placa sem sofrer nenhum hit;
  3. destruir o obstaculo no caminho até o amigo;
  4. resgatar o Frankenstein;
  5. matar o BigGhost.

Controles

  • mover o jogador para esquerda (←);
  • mover jogador para direita (→);
  • atirar - mouse esquerdo (◧).

Screenshots

Referências

P5.jsd P5.Play

projeto-final-lop's People

Contributors

j41l80n avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Forkers

kanzaky

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.