Projeto em React -> TS, NextJS, StoryBook Para 3D com React -> react-Three

Iniciando

Primeiro instale as dependencias do projeto:

npm install
# or
yarn

Inicie o servidor de desenvolvimnto:

npm run dev
# or
yarn dev

Abra http://localhost:3000 para ver o tudo está rodando corretamente.

Inicie o servidor do StoryBook:

npm run storybook
# or
yarn storybook

Abra http://localhost:6006 para ver o tudo está rodando corretamente.

Cubo

Em http://localhost:3000 (pages/index.tsx)

Existe os botões com os respectivos valores que rotacionam o cubo:

• W ou w: White
• Y ou y: Yellow
• R ou r: Red
• O ou o: Orange
• G ou g: Green
• B ou b: Blue

Maiusculo -> Horário

Minuscolo -> Anti-horário

Visite para ver o Resultado: https://react-magic-cube.vercel.app