Pokemon3D API v0.2.1 – DEV Community

Pokémon-3D API v0.2.1: Massive Size Reduction & Performance Boost!

Hey Poké-devs!

The Pokémon-3D API has just dropped v0.2.1, and it’s a game-changer! Not only does it fix critical bugs and provide optimization documentation, but it also delivers a significant performance boost thanks to a dramatic size reduction.

Key Changes in v0.2.1:

• JSON Pathing Correction (Bug Fix):
  • Fixed a crucial bug with JSON paths, ensuring all 3D models load correctly.

• Optimization Documentation (Enhancement):

  • Added comprehensive documentation on optimizing models using gltf-transform.

• Massive Size Reduction and Performance Improvements:

  • Total Model Size: Reduced from a staggering 1.20 GB to a mere 127 MB.
  • Size on disk: Reduced from 1.20 GB to 130 MB.
  • This dramatic size reduction translates to significantly faster load times and improved performance, especially on mobile devices.
  • The JSON path now exclusively points to optimized models for faster integration.
  • You can directly observe the performance and visual differences between optimized and non-optimized models on the deployed site: Pokemon-3D

• Automated Optimization:

  • A script has been added to the GitHub Actions workflow to automate the optimization process, ensuring consistent and efficient model updates.

Impact of Size Reduction:

This size reduction has a profound impact on performance:

• Faster Load Times: Users will experience significantly faster loading times, especially on slower internet connections.
• Improved Mobile Performance: Mobile devices, which often have limited resources, will benefit greatly from the reduced file sizes. This can be verified via lighthouse reports before and after the change.
• Reduced Bandwidth Usage: Lower file sizes mean less bandwidth consumption, saving users data.

How to Leverage These Improvements:

1. Update Your Projects: If you’re using the Pokémon-3D API, update your projects to take advantage of these optimizations.
2. Explore the Documentation: Use the gltf-transform documentation to optimize your own 3D models.
3. You can directly observe the performance and visual differences between optimized and non-optimized models on the deployed site:Pokemon-3D.

Example of Optimization CLI Command (Important Sequence):

Here’s an example of the gltf-transform command used for optimization, and it’s crucial to follow this sequence:

gltf-transform resize models/glb/regular/1.glb models/opt/regular/1.glb --width 1024 --height 1024 && gltf-transform optimize models/opt/regular/1.glb models/opt/regular/1.glb --compress draco --texture-compress webp

Important Note: Resizing must be performed before optimization. Reversing the order (optimizing before resizing) either won’t significantly affect the size or could even increase it.

This command resizes the model to 1024×1024 pixels, compresses it using Draco compression, and converts textures to WebP format, in the correct order.

Community Engagement and Impact

Since the release of v0.2.1, we’ve seen a fantastic response from the community! We’ve had 51 clones of the repository, demonstrating the strong interest in integrating optimized 3D Pokémon models. This level of engagement motivates us to continue improving the Pokémon-3D API and providing valuable resources for developers.

Let’s Build Faster, Smoother Pokémon Experiences!

This update represents a major step forward for the Pokémon-3D API. We’re excited to see what you build with these performance enhancements!