Skip to content

DimitriCalixto/DOOM_Boy

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

👹 DOOM BOY 🍀

Um projeto pessoal de interface web desenvolvido puramente com HTML e CSS (sem dependência de JavaScript), simulando a experiência de jogar um caça-níquel temático de DOOM, um jogo clássico e renomado, em um Game Boy modificado.

Status do Projeto CSS Theme

🎮 Funcionalidades

  • Design Responsivo: Centralizado e escalável.
  • Estética Retrô: Recriação fiel do chassi do Game Boy usando apenas CSS (border-radius, box-shadow).
  • Efeito LCD: Scanlines e paleta de cores monocromática esverdeada (#8bac0f).
  • Filtros de Imagem: Uso de mix-blend-mode e grayscale para fazer imagens JPG e Emojis modernos parecerem gráficos de 1989.
  • CSS Logic: O botão de "Desligar" funciona sem JavaScript, utilizando a técnica do Checkbox Hack.

🛠️ Tecnologias Utilizadas

  • HTML5 Semântico
  • CSS3 / SCSS
    • Flexbox & Grid Layout
    • CSS Transitions & Animations
    • Advanced Selectors (:checked, ~)
  • Fontes: Press Start 2P (Google Fonts).

📂 Estrutura do Projeto

doom-boy/
├── assets/
│   ├── favicon.png
│   ├── doomFaceIcon.jpg
│   └── backgroundSpace.png
├── index.html       # Tela Inicial (Menu)
├── game.html        # Tela do Jogo (Slots)
├── style.css        # Estilização
└── README.md

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published