Um sistema operacional fictício rodando direto no navegador, construído com HTML, CSS e JavaScript puro.
Glossows XP é uma simulação de desktop estilo Windows feita inteiramente no front-end, sem nenhum framework ou back-end. O projeto conta com janelas arrastáveis, barra de tarefas, tela de bloqueio, menu Iniciar, múltiplos papéis de parede e um sistema completo de conquistas com XP.
glossows-xp/
├── index.html # Estrutura principal do sistema
├── style.css # Estilos do sistema (skeuomorfismo, janelas, wallpapers)
├── script.js # Lógica do sistema, apps, eventos e conquistas
├── README.md # Informações e documentação do projeto
│
├── img/ # Imagens do sistema
│
├── audio/ # Sons do sistema (Player de Música)
│
└── fonts/ # Fontes usadas na interface
| App | Descrição |
|---|---|
| 📁 Arquivos | Gerenciador de arquivos fictício |
| 📝 Bloco de Notas | Editor de texto simples |
| 🎯 Doogly | Mecanismo de busca interno (com jogos secretos!) |
| 🔢 Calculadora | Calculadora funcional |
| 🎨 Paint | Editor de desenho com canvas |
| 💻 CMD | Terminal com comandos fictícios |
| 🐍 Cobrinha | Jogo clássico Snake |
| ✖️ Jogo da Velha | Tic-Tac-Toe contra a IA |
| 🐦 Glossy Bird | Clone do Flappy Bird |
| 💩 Lou | Personagem interativo surpresa |
| ⚙️ Configurações | Painel de configurações do sistema |
| 💣 Campo Minado | Minesweeper clássico |
| 🎵 Player de Música | Player com skins customizáveis |
| 🟦 Tetris | Tetris completo com pontuação |
| 🖥️ Glossows Hub | Central de conquistas e XP |
| 🏓 Breakout | Jogo de Breakout com fases |
| 🎞️ GlossPlay | Video Player com animações do Renanzinho |
Acesse o Doogly e pesquise para desbloquear:
| Pesquisa | Jogo |
|---|---|
glossyware |
GlossyWare — microjogos caóticos |
dorfight |
DORFight — jogo de luta |
wackender |
Wackender — shooter espacial |
fire |
LCD Fire — mini-game simples |
O Glossows XP possui 40+ conquistas divididas em 5 raridades, cada uma concedendo XP ao jogador. O progresso é salvo automaticamente via localStorage.
| Raridade | Cor |
|---|---|
| ⚪ Common | Cinza |
| 🟢 Uncommon | Verde |
| 🔵 Rare | Azul |
| 🟣 Epic | Roxo |
| 🟡 Legendary | Dourado |
Cinco wallpapers disponíveis, todos feitos 100% em CSS puro (sem imagens externas):
- Holo — gradiente escuro com bokeh holográfico
- Vista — recriação do clássico "Bliss" do Windows XP/Vista
- Dark — tema escuro com linhas vetoriais tecnológicas
- Ubuntu — paleta quente inspirada no Ubuntu
- Binbows 7 — estilo Aero com esfera colorida do Windows 7
- Tela de loading com barra de progresso animada
- Tela de bloqueio com suporte a arraste (mouse e touch)
- Menu Iniciar com seletor de wallpaper e opção de desligar
- Janelas arrastáveis com z-index dinâmico (foco ao clicar)
- Barra de tarefas com relógio em tempo real
- Animação de desligamento com tela de fade out
- Persistência de XP, conquistas e wallpaper via
localStorage
- HTML5 — estrutura e canvas
- CSS3 — animações, efeitos skeuomórficos e wallpapers em CSS puro
- JavaScript (ES6+) — lógica do sistema e dos apps
- Tailwind CSS (CDN) — utilitários de layout
- Font Awesome 6 (CDN) — ícones
Nenhuma dependência instalável. Zero build step. Abre no navegador e funciona.
Projeto pessoal para fins criativos e de portfólio. Feito com 💙 por Renan Studios.