Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

102 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Central de Projetos Interativos

Jogos, experiências educacionais, mundos 3D, simulações e projetos autorais reunidos em um único ambiente.

GitHub Pages HTML5 CSS3 JavaScript TypeScript Three.js License: MIT

Acessar a plataforma

Sobre o projeto

A Central de Projetos Interativos é um repositório público criado e mantido por Lucas Xavier Nardelli para organizar e disponibilizar experiências digitais voltadas à educação, à experimentação visual, à narrativa e ao entretenimento.

A plataforma funciona como um portal para aplicações independentes, incluindo atividades de Química e Língua Inglesa, simulações educacionais, RPGs, jogos de ação e terror, memoriais interativos, mundos voxel, visualizadores de modelos e experiências tridimensionais.

A maior parte das aplicações é executada diretamente no navegador e publicada por meio do GitHub Pages, com interfaces adaptadas para computadores e dispositivos móveis.

Inteligência artificial no processo de criação

Os projetos deste repositório são concebidos, dirigidos, integrados e validados por Lucas Xavier Nardelli. Diferentes ferramentas de inteligência artificial podem ser utilizadas como assistência ao longo do processo de desenvolvimento.

Essa assistência pode incluir:

  • geração, revisão, documentação e refatoração de código;
  • prototipagem de mecânicas, interfaces e sistemas;
  • criação ou adaptação de modelos 3D, texturas e recursos visuais;
  • exploração de conceitos narrativos, visuais e sonoros;
  • identificação de erros, testes e otimizações;
  • apoio na organização técnica e na documentação dos projetos.

O uso de IA varia entre os projetos e não representa um processo exclusivamente automatizado. A autoria, a direção criativa, a arquitetura das experiências, a seleção dos resultados, a edição, a integração, os testes e as decisões finais permanecem sob responsabilidade humana.

Principais recursos

  • Portal centralizado para acesso aos projetos publicados.
  • Aplicações independentes construídas com HTML, CSS, JavaScript e TypeScript.
  • Experiências educacionais relacionadas a Química e Língua Inglesa.
  • Jogos narrativos, RPGs, ação, exploração, terror e ambientes voxel.
  • Missões, campanhas, progressão, conquistas e desafios curriculares.
  • Minijogos com diferentes níveis de dificuldade e sistemas de pontuação.
  • Modos para estudantes, professores e uso em sala de aula.
  • Visualização de modelos e animações 3D com Three.js, Babylon.js e WebGL.
  • Suporte a modelos nos formatos GLB, glTF e FBX.
  • Controles adaptados para mouse, teclado e telas sensíveis ao toque.
  • Recursos de acessibilidade, atributos ARIA e preferência por movimento reduzido.
  • Persistência local de progresso e configurações em diferentes aplicações.

Projetos disponíveis

Projeto Descrição
Animações Interativas Coleção de experiências educacionais sobre neutralização, cargas elétricas, geometria molecular, íons, raio atômico e soluções.
Chora Timbó Experiência autoral com modelos tridimensionais, animações, áudio e identidade visual própria.
Models and Animations Laboratório WebGL para visualização de personagens, animações, armas, pets e efeitos visuais em tempo real.
Roleta Química Atividade gamificada e responsiva para revisão e prática de conteúdos de Química.
Sobre Apresentação profissional interativa de Lucas Xavier Nardelli, com personagem 3D e acesso a trabalhos selecionados.
GPT World RPG interativo ambientado em um universo autoral inspirado em inteligência artificial, comandos, fragmentos e realidades procedurais.
Wonder World Experiência de terror e exploração ambientada em um complexo de entretenimento abandonado, com narrativa, combate e múltiplos sistemas interativos.
O Pequeno Museu da Lilith Memorial interativo apresentado como um espaço digital tridimensional, com ambientes, histórias e elementos de homenagem.
QuimiCraft Mundo voxel interativo que combina exploração, criatividade, construção e aprendizado de Química.
Lexicon Aegis Plataforma gamificada de Língua Inglesa para o 6º ao 9º ano, com missões, minijogos, progressão, acessibilidade e modo professor.
CHEMCORE: Ruptura Elemental Jogo de ação e Química para o Ensino Médio, com campanhas, missões, desafios curriculares, caderno e recursos pedagógicos.
ECHOBOUND: The Lost Language Aventura gamificada de inglês com narrativa, exploração e desafios relacionados à linguagem.
English Quest: The Lost Signal Aventura gamificada de inglês para o 6º ao 9º ano, com campanha, minijogos e ferramentas para uso em sala de aula.

Experiências educacionais

A área de animações reúne módulos independentes que apresentam conceitos científicos de forma visual e interativa:

  • Café Lab: concentração, diluição e titulação.
  • Cargas e atração: interação elétrica, indução e atrito.
  • Geometria molecular em três dimensões.
  • Hotel Alchy.
  • Visualizador tridimensional de íons.
  • Laboratório 3D de neutralização.
  • Marcha dos Cátions.
  • Laboratório interativo de neutralização.
  • RPG sobre raio atômico e iônico.
  • Visualizador comparativo de raios atômicos.

As simulações possuem finalidade didática e podem utilizar simplificações conceituais para facilitar a visualização e a aprendizagem.

Novos projetos educacionais

Lexicon Aegis

Plataforma de Língua Inglesa para o 6º ao 9º ano, organizada por conteúdos curriculares e experiências gamificadas. Inclui perfis locais, missões, progressão, minijogos, recursos de acessibilidade, relatórios e modo professor.

CHEMCORE: Ruptura Elemental

Jogo de ação e plataforma voltado ao Ensino Médio, com campanhas temáticas de Química, desafios conceituais, missões, tabela periódica, caderno de conteúdos, sandbox e ferramentas pedagógicas.

ECHOBOUND: The Lost Language

Aventura gamificada de inglês com ambientação narrativa, exploração e desafios linguísticos integrados ao fluxo do jogo.

English Quest: The Lost Signal

Experiência educacional de inglês para o 6º ao 9º ano com campanha, atividades por série, minijogos, recursos de áudio, acessibilidade, acompanhamento de desempenho e ferramentas para professores.

Tecnologias

Frontend e aplicações

  • HTML5
  • CSS3
  • JavaScript
  • TypeScript
  • Canvas API
  • Web Audio API
  • Local Storage
  • Design responsivo

Gráficos, jogos e conteúdo 3D

  • Three.js
  • Babylon.js
  • WebGL
  • GLTFLoader
  • FBXLoader
  • OrbitControls
  • Vite
  • Modelos GLB, glTF e FBX
  • Renderização procedural e ambientes voxel

Dados e persistência

  • Local Storage
  • Exportação e importação de dados em JSON
  • Relatórios locais
  • Configurações persistentes por aplicação

Publicação

  • GitHub Pages
  • GitHub

Estrutura pública do repositório

.
├── CHEMCORE-Ruptura-Elemental/       # Jogo de ação e Química para o Ensino Médio
├── Echobound the lost language/      # Aventura gamificada de inglês
├── English-Quest-The-Lost-Signal/    # Plataforma narrativa de inglês
├── GPT World/                        # RPG narrativo inspirado em inteligência artificial
├── LEXICON-AEGIS/                    # Plataforma gamificada de Língua Inglesa
├── Pequeno Museu da Lilith/          # Memorial interativo tridimensional
├── QuimiCraft/                       # Mundo voxel educacional de Química
├── RoletaQuimica/                    # Jogo educacional de Química
├── Sobre/                            # Apresentação profissional interativa
├── Wonder World/                     # Experiência narrativa de terror e exploração
├── animacoes/                        # Simulações e experiências educacionais
├── assets/                           # Arquivos compartilhados da página principal
├── choratimbo/                       # Projeto autoral com áudio e modelos 3D
├── effects/                          # Visualizador de modelos, animações e efeitos
├── index.html                        # Página inicial da Central de Projetos
├── LICENSE                           # Licença MIT
└── README.md                         # Documentação do repositório

Execução local

Por utilizar módulos JavaScript, modelos tridimensionais e requisições de arquivos, recomenda-se executar o projeto por meio de um servidor HTTP local em vez de abrir os arquivos HTML diretamente.

1. Clonar o repositório

git clone https://github.com/devilsir/devilsir.github.io.git
cd devilsir.github.io

2. Iniciar um servidor local

Com Python 3:

python -m http.server 8000

Em alguns sistemas, o comando pode ser:

python3 -m http.server 8000

3. Abrir no navegador

http://localhost:8000

Alguns projetos possuem ferramentas próprias de desenvolvimento ou build. Consulte os arquivos internos de cada diretório quando necessário.

Publicação no GitHub Pages

O repositório foi preparado para publicação direta pelo GitHub Pages.

  1. Acesse Settings no repositório.
  2. Abra a seção Pages.
  3. Em Build and deployment, selecione Deploy from a branch.
  4. Escolha a branch main e o diretório / (root).
  5. Salve a configuração.

Após a implantação, a página ficará disponível em:

https://devilsir.github.io/

Compatibilidade

As experiências são direcionadas às versões atuais dos principais navegadores:

  • Google Chrome
  • Microsoft Edge
  • Mozilla Firefox
  • Safari
  • Navegadores móveis baseados em Chromium ou WebKit

Recursos tridimensionais dependem de suporte a WebGL. O desempenho pode variar conforme o dispositivo, a memória disponível e a capacidade gráfica do navegador.

Privacidade e armazenamento

Algumas aplicações armazenam progresso, preferências, configurações e dados de jogo no localStorage do navegador. Esses dados permanecem associados ao dispositivo e ao navegador utilizados, salvo quando uma aplicação informa explicitamente outro método de armazenamento.

Contribuição

Contribuições podem ser enviadas por meio de issues ou pull requests.

Antes de propor alterações:

  1. Crie um fork do repositório.
  2. Abra uma branch específica para a modificação.
  3. Preserve a organização dos diretórios e os caminhos relativos dos assets.
  4. Teste as alterações em desktop e dispositivo móvel.
  5. Descreva claramente o objetivo e o impacto da contribuição.

Licença

Este projeto é distribuído sob a licença MIT. Consulte o arquivo LICENSE para obter os termos completos.

Autor

Lucas Xavier Nardelli

Projetos educacionais, desenvolvimento web, jogos, modelagem 3D, programação e experimentação com inteligência artificial.


Desenvolvido para transformar conteúdo, tecnologia e experimentação visual em experiências interativas acessíveis pelo navegador.