00:00
Carregando...
Disponível para oportunidades e projetos reais
Desenvolvo produtos digitais que conectam ideias a usuários com experiências claras e eficientes.
Sou Ian AKiles, desenvolvedor front-end em formação que entrega sites, jogos em Canvas e aplicações 3D com foco em usabilidade, performance e segurança. Meu objetivo é transformar requisitos em projetos funcionais, visuais e fáceis de usar.
Foco
Interfaces, jogos 2D, experiências 3D e projetos autorais
Base segura
- Estrutura enxuta e fácil de auditar
- Sem bibliotecas suspeitas embutidas
- Sem coleta sensível no front-end
- Preparado para deploy com HTTPS
O que faço
Criação de interfaces, jogos e experiências web interativas
Eu ajudo clientes e equipes a materializar ideias em aplicações web claras e confiáveis. Trabalho com interfaces responsivas, jogos em Canvas, visualizações 3D e integrações simples, sempre com atenção a performance, manutenção e segurança do front-end.
Habilidades
Tecnologias e fundamentos
HTML
CSS
JavaScript
Canvas 2D
Three.js
WebGL
GitHub
UI/UX
Segurança básica web
Projetos
Soluções digitais construídas
Dimensão 2.0
Visual
Problema: conceitos de geometria 4D são difíceis de entender sem visualização. Solução: criei uma experiência interativa em Canvas que projeta hipercubos em tempo real, com controles de rotação e velocidade para tornar a matemática intuitiva.
HTMLCanvas 2DJavaScriptMatemática visual
hipercubo.netlify.app
Robotinic Chatbot
IA
Problema: muitas equipes precisam de suporte rápido para ideias e tarefas sem criar uma nova ferramenta. Solução: desenvolvi um chatbot com ChatGPT para atender perguntas, sugerir ideias e automatizar atividades criativas direto no navegador.
ChatGPTIAAutomaçãoAssistente virtual
Abrir Robotinic
Mini CS 2D
Game
Problema: jogos web podem ser lentos e confusos na interface. Solução: construí um shooter top-down em Canvas com HUD claro, troca de armas fluida e colisões precisas, mantendo controle de performance para rodar bem no navegador.
HTMLCanvas 2DJavaScriptGame Loop
shooterupdown.netlify.app
Modelador de Partículas 2.0
3D
Problema: demonstrar fenômenos físicos em 3D de forma interativa é complexo para quem não domina WebGL. Solução: desenvolvi um simulador em Three.js com controles acessíveis e visualização real-time, tornando a exploração de partículas e formas geométricas intuitiva.
Three.jsWebGLOrbitControlsVisual interativo
modeladordeparticulas.netlify.app
Visualizador de DNA
Ciência
Problema: cientistas e estudantes têm dificuldade para explorar moléculas complexas sem ferramentas visuais. Solução: criei um visualizador 3D com zoom, rotação e informações detalhadas que facilita o aprendizado de estruturas de DNA e proteínas.
Three.jsWebGLVisualização científicaUI interativa
moleculas.netlify.app
Rede Neural Quântica
Imersivo
Problema: conceitos de IA e redes neurais são abstratos para a maioria dos usuários. Solução: desenvolvi uma experiência imersiva em Three.js que transforma dados em conexões visuais, ajudando a entender a lógica de modelos neurais de forma mais atraente.
Three.jsPostprocessingShadersExperiência imersiva
quanticoalfa.netlify.app
Aprendizados
Conteúdo para quem busca desenvolvimento web
Como fiz o Hipercubo 4D
Explore a fascinante matemática das dimensões superiores: aprenda sobre projeções 4D para 2D, rotações complexas em espaços multidimensionais e como implementar tudo isso em Canvas usando JavaScript puro, com exemplos práticos e visualizações interativas.
Fato curioso: Um hipercubo 4D possui 16 vértices, 32 arestas e 8 células cúbicas. Ele é usado em física teórica para representar dimensões extras no espaço-tempo.
Ler artigo →Otimização de Performance em Canvas
Descubra técnicas essenciais para turbinar a performance do Canvas: desde o uso correto do requestAnimationFrame até estratégias avançadas como double buffering, dirty rectangles e análise de performance com Chrome DevTools, garantindo jogos e animações suaves mesmo em dispositivos móveis.
Fato curioso: Sem otimizações, jogos em Canvas podem cair para menos de 30 FPS em dispositivos móveis. Técnicas como double buffering e dirty rectangles podem melhorar a performance em até 200%.
Ler artigo →Segurança no Front-End
Mergulhe nas melhores práticas de segurança para aplicações web: proteja-se contra ataques XSS e CSRF, aprenda sobre sanitização de dados, validação client-side robusta e entenda por que a segurança nunca deve depender apenas do front-end, com exemplos reais e soluções práticas.
Fato curioso: XSS (Cross-Site Scripting) é responsável por cerca de 40% dos ataques web. Sempre sanitize inputs e implemente Content Security Policy (CSP) para mitigar riscos.
Ler artigo →Three.js Para Iniciantes
Um guia passo a passo para dominar o Three.js: da configuração básica de scene, camera e renderer até a criação de geometrias complexas, materiais realistas, sistemas de iluminação avançados e animações interativas, tudo explicado de forma clara para quem está começando no mundo 3D web.
Fato curioso: Three.js é usado por gigantes como Google, Apple e Netflix para criar experiências 3D web. Ele simplifica o WebGL, permitindo animações complexas com poucas linhas de código.
Ler artigo →Contato
Vamos conversar sobre seu próximo projeto
Toda grande solução começa com uma pequena ideia, e eu quero ajudar a transformar a sua em algo real. Como dev em formação, estou construindo minha trajetória com dedicação, criatividade e muita vontade de entregar resultado. Se você procura alguém comprometido, com sede de aprender e pronto pra tirar projetos do papel, vamos construir isso juntos.