Ilusão Interativa Avançada em 3D do Triângulo de Reutersvärd

Este projeto demonstra uma ilusão interativa em 3D do Triângulo de Reutersvärd usando p5.js. Os usuários podem ajustar a rotação do triângulo e a posição da luz para explorar diferentes perspectivas e efeitos visuais.

Variáveis Globais

rotationX: Armazena o ângulo de rotação no eixo X. rotationY: Armazena o ângulo de rotação no eixo Y. rotationZ: Armazena o ângulo de rotação no eixo Z. lightX: Define a posição da luz no eixo X. lightY: Define a posição da luz no eixo Y. lightZ: Define a posição da luz no eixo Z.

Estrutura do Projeto

index.html: Arquivo HTML principal contendo a estrutura da página. css/style.css: Arquivo CSS para os estilos da página. js/sketch.js: Arquivo JavaScript com o código p5.js para renderizar a ilusão e controlar a interatividade.

Pré-requisitos

Para executar este projeto, você precisará de: Um navegador web moderno (Chrome, Firefox, Edge, etc.). Um servidor HTTP simples, como o VSCode Live Server (opcional, mas recomendado).

Instalação

Clone este repositório: sh Copiar código git clone https://github.com/tatyquebralayout/3D-of-the-Reutersv-rd-Triangle.git cd 3D-of-the-Reutersv-rd-Triangle

Como Executar

Abra o arquivo index.html em seu navegador: Navegue até o diretório do projeto clonado. Abra o arquivo index.html diretamente no seu navegador preferido.

Estrutura de Arquivos

├── index.html ├── css │ └── style.css └── js └── sketch.js

Uso

Comandos Nenhum comando específico é necessário para este projeto. Basta abrir o arquivo index.html em um navegador.

Testes

Nenhum teste automatizado está configurado para este projeto.

Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para enviar issues e pull requests.

Autora

Tatiana Barros

Projeto Link: https://github.com/tatyquebralayout/3D-of-the-Reutersv-rd-Triangle