Communitygithub.com

Shellishack/3d-web-game-dev-skills

Habilidades do Codex para protótipos de jogos web 3D e ativos Three.js low-poly processuais.

O que é 3d-web-game-dev-skills?

Este skill do Codex fornece ferramentas para desenvolvedores criarem protótipos de jogos web 3D e gerarem ativos processuais low-poly usando Three.js. Ele é útil para acelerar o desenvolvimento de cenas 3D interativas, mundos de jogos e elementos visuais diretamente no ambiente de codificação do Codex. O skill suporta a criação de geometrias procedurais, texturização básica e animações simples, tudo dentro do ecossistema Three.js. Ele funciona através de prompts e funções especializadas que invocam o Three.js para construir e manipular objetos 3D, cenários de jogos e outros componentes gráficos de forma programática.

Funciona com~Claude Code✓Codex CLI~Cursor
npx skills add Shellishack/3d-web-game-dev-skills

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que 3d-web-game-dev-skills faz?

Habilidades do Codex para protótipos de jogos web 3D e ativos Three.js low-poly processuais.

Visão Geral

Este skill permite que você crie rapidamente protótipos de jogos 3D e gere ativos processuais low-poly diretamente no Codex, utilizando a biblioteca Three.js. Ele é ideal para desenvolvedores que desejam iterar rapidamente em conceitos de jogos, mundos 3D e elementos visuais, sem a necessidade de ferramentas externas de modelagem.

Funcionalidades Principais

  • Geração Processual de Ativos: Crie árvores, pedras, nuvens e outros objetos low-poly usando algoritmos de geometria procedural.
  • Prototipagem Rápida: Monte cenas completas com iluminação, sombras e controle de câmera em poucas linhas de código.
  • Integração com Three.js: Todas as funcionalidades são baseadas no Three.js, garantindo compatibilidade e extensibilidade.

Como Usar

  1. Inicialize uma Cena: Use o comando initScene() para criar uma cena básica.
  2. Adicione Ativos: Utilize funções como createTree(), createRock(), ou createCloud() para povoar o ambiente.
  3. Anime e Interaja: Aplique animações e controles de câmera para tornar a cena interativa.

Exemplo de Código

import { initScene, createTree, createRock } from '3d-web-game-dev-skills';

const { scene, camera, renderer } = initScene();
const tree = createTree({ height: 2, color: 0x228B22 });
scene.add(tree);

const rock = createRock({ radius: 0.5, color: 0x808080 });
scene.add(rock);

Contribuição

Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou pull requests no repositório Shellishack/3d-web-game-dev-skills.

Licença

Este projeto está licenciado sob a licença MIT.

Habilidades Relacionadas