DEV Community

Cover image for Pokemon3D API v0.2.0
Sudhanshu Ambastha
Sudhanshu Ambastha

Posted on • Edited on

Pokemon3D API v0.2.0

Introducing Automated JSX Model Components for Seamless React Integration!

Hey Pokémon Developers!

We're thrilled to announce the release of Pokemon3D API v0.2.0, a major update that significantly enhances how you can integrate 3D Pokémon models into your React and Next.js projects!

What's New in v0.2.0?

This release is all about streamlining your development workflow and making it easier than ever to bring your favorite Pokémon to life in 3D. Here's what you can expect:

Effortless 3D Pokémon Integration for React/Next.js
Say goodbye to manual .glb handling and complex Three.js setups! We've automated the process with our GitHub Actions workflow, leveraging gltfjsx to transform 3D models into optimized JSX components. This allows you to directly import and render Pokémon models as native React components, drastically simplifying your workflow and letting you focus on creating engaging experiences.

Improved Project Structure: We've reorganized our model files into separate glb and gltfjsx directories, making it easier to navigate and manage your project.

Pathing and JSON Updates:
We've addressed pathing issues and updated our JSON data to ensure accurate component naming and smooth integration.

Why This Matters to You:

  • Faster Development: Direct component imports let you focus on building your application, not wrestling with 3D model loading.
  • Enhanced Compatibility: Seamless integration with React and Next.js makes it easier to create stunning 3D experiences.
  • Simplified Workflow: Automated generation and an organized project structure streamline your development process.

How to Get Started:

  • Explore the API: Visit our GitHub repository to explore the updated API and postman documentation.
  • Check the JSON: Please make sure you are using the correct component name from the JSON file.
  • Start coding: Start importing the JSX components directly into your react projects. Important Notes:

While we've automated JSX component generation, not all models are currently available in this format. We're actively working to expand the library.

The GLB files are still hosted on githubusercontent.
The GitHub Actions will automatically convert any new GLB files that are added.

What's Next?

We're committed to continuously improving the Pokemon3D API.

Here's what we have planned for the future:

  • Expanding the library of available JSX model components.
  • Further optimizing the model-loading pipeline for enhanced performance.
  • Improving documentation and examples.
  • Adding more Pokémon models.
  • Optimizing the Pokémon models for faster load time on sites and improved performance.

Join the Community!

We encourage you to explore the new features, provide feedback, and contribute to the project. Let's work together to create amazing 3D Pokémon experiences!

Happy Coding!

Top comments (0)