Dl Model

screenshot of Dl Model
vite
material-ui

Dragalia Lost Model Viewer

Overview

The Dragalia Lost Model Viewer is a web app that allows users to view and interact with 3D models from the game Dragalia Lost. This app provides a comprehensive range of features that enable users to customize and manipulate the models, including applying animations, changing body parts and textures, and even attaching fully customizable models to existing ones. With options for customizing the background, lighting, and post-processing effects, users can create dynamic and immersive viewing experiences. The app also offers functionality for downloading models, recording animations, capturing screenshots, and creating GIFs.

Features

  • Extensive Collection: View and interact with all adventurers, dragons, weapons, bosses, and more from the Dragalia Lost game.
  • Animation Control: Apply arbitrary animations to any model, chain animations together, and control the scene time.
  • Customization: Customize body parts and textures, change facial expressions, and swap face textures between adventurer models.
  • Model Manipulation: Attach fully customizable models to any joint of another model, and customize the outline, material, and aura particles.
  • FBX Upload: Upload and use animations from FBX files, allowing for easy importing of custom animations.
  • Record and Capture: Record videos of current animations or custom recordings, capture screenshots, and generate GIFs.
  • Visual Effects: Apply post-processing effects, customize the background with solid colors, images, or skybox, and control the lighting.
  • Accessibility: Supports transparent background when loaded in an iframe and can be added to the home screen for native app-like usage on mobile devices.
vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

github-pages
GitHub Pages

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading

Zustand

Zustand is a lightweight state management library for React that provides a simple and intuitive API for managing state in your application. It allows developers to easily create and manage global state, and provides a powerful set of tools for optimizing performance and improving developer productivity. Zustand is designed to be easy to use and easy to learn, making it a popular choice for developers of all skill levels.