Demonstração construída com Vue.js e Nuxt.js, para exibição de exemplos com VueGL, criada como material de apoio para talk na trilha JavaScript do The Developer's Conference São Paulo 2020.
Antes de prosseguir e se aprofundar direto no código, caso desejado, também é possível baixar os slides em PPSX utilizados durante a talk, para revisar as explicações teóricas.
Quer apenas ver a aplicação rodando? Basta acessar a demonstração agora mesmo!
Sempre vale lembrar: tenha o Node instalado e pronto para execução em seu ambiente antes de começar. Então, após clonar este repositório, execute em um terminal no diretório raiz do projeto:
# instalar dependências
$ npm install
# servir com hot-reload em localhost:3000
$ npm run dev
# construir para produção e iniciar servidor
$ npm run build
$ npm start
Este projeto é automaticamente publicado através da Netlify quando novidades chegam ao branch master
.
Para explicações detalhadas sobre como as coisas funcionam, dê uma olhada na documentação do Nuxt.js, na documentação do Three.js e na documentação do VueGL.
Ainda está com alguma dúvida? Participe das comunidades Vue.js Brasil e procupre pelo autor desta talk ou outros experientes apoiadores do Vue.js em nosso país.
Todas as texturas e modelos 3D utilizados nos exemplos foram extraídos diretamente da página de exemplos do Three.js. Portanto, os créditos vão para seus respectivos autores, conforme lá mencionados.
Copyright © 2020.
Licenciado nos termos da licença MIT.