- Primeira Tarefa – Three.js Hello World
- Segunda Tarefa – Teoria de CG
- Terceira Tarefa – Compressão
{"name":"Single___Armadillo","ground_dimensions":"1,1,1","controls":"orbit","light":"directional","ambience":"2","ambient_color":"#ffffff","cam_pos":"0,0,-3","initial_zoom":"7","allow_zoom":"true","light_pos":"0,0,-3","zoom_speed":"20","rotate_scene":"true","rotate_speed":"5","bg_color":"linear-gradient(45deg,lightblue,white)","bloom_threshold":"5","bloom_strength":"5","fog_density":"5","fog_color":"#000000","model_id":"2729","model":{"ID":"2729","post_author":"1","post_date":"2023-09-26 09:57:44","post_date_gmt":"2023-09-26 12:57:44","post_content":"","post_title":"single-armadillo","post_excerpt":"","post_status":"inherit","comment_status":"open","ping_status":"closed","post_password":"","post_name":"single-armadillo","to_ping":"","pinged":"","post_modified":"2023-09-26 09:57:44","post_modified_gmt":"2023-09-26 12:57:44","post_content_filtered":"","post_parent":"0","guid":"https:\/\/danielamaksoud.com.br\/blog\/wp-content\/uploads\/2023\/09\/single-armadillo.glb","menu_order":"0","post_type":"attachment","post_mime_type":"application\/octet-stream","comment_count":"0"}}
Para instalar o gltfpack no seu projeto, execute:
npm i gltfpack
Instale a versão para Windows do meshoptimizer.
Agora crie três versões do modelo 3D desejado:
- Unificado: O modelo 3D sem nenhuma otimização.
- Unificado + Quantizado: O modelo 3D otimizado com quantização.
- Unificado + Quantizado + Comprimido: O modelo 3D otimizado com quantização e compressão.
Pegue o seu arquivo GLTF original e siga estas instruções para criar as três versões:
Unificado (Original)
Isso é apenas uma cópia do modelo .glb original.
gltfpack -i modelo.glb -o modelo-unificado.glb -noq
Unificado + Quantizado
gltfpack -i modelo.glb -o modelo-quantizado.glb
Unificado + Quantizado + Comprimido
gltfpack -i modelo.glb -o modelo-comprimido.glb -cc -tc
Aqui estão as explicações para as opções usadas:
- -i modelo.gltf: Especifica o arquivo de entrada (seu modelo 3D original).
- -o modelo-xxx.gltf: Especifica o nome do arquivo de saída para a versão otimizada.
- -noq: Desabilita a quantização e produz arquivos .gltf e .glb maiores.
- -cc: Produz arquivos .gltf e .glb com a maior compressão disponível.
- -tc: Produz uma super compressão nos buffers binários e arquivos de textura.
Esses comandos vão gerar três versões otimizadas do modelo 3D: modelo-unificado.gltf, modelo-quantizado.gltf e modelo-comprimido.gltf.
Obs.: A otimização do modelo 3D pode resultar em perda de qualidade.
Conhecimentos Úteis
- Para rodar os projetos, execute o seguinte comando no terminal:
npm run dev