☰

Change levelval and levelbar in Drawaria

Change levelval and levelbar on your drawaria profile!

作者
YouTubeDrawaria
日安装量
0
总安装量
42
评分
0 0 0
版本
2024-11-03
创建于
2024-12-08
更新于
2024-12-08
大小
3.6 KB
许可证
MIT
适用于

🚀 Change levelval and levelbar in Drawaria

🎯 What does this script do? / ¿Qué hace este script?

English: This script allows users to customize their level value and level bar appearance on their Drawaria profile page. It introduces a floating control panel with a slider that enables users to change their displayed level in real-time. The level bar visually updates to reflect the selected level. Additionally, a reset button is provided to revert the level and bar to their default state. This script is ideal for users who want to personalize their profile or experiment with different level appearances.

Español: Este script permite a los usuarios personalizar el valor de su nivel y la apariencia de su barra de nivel en su página de perfil de Drawaria. Introduce un panel de control flotante con un deslizador que permite a los usuarios cambiar su nivel mostrado en tiempo real. La barra de nivel se actualiza visualmente para reflejar el nivel seleccionado. Además, se proporciona un botón de reinicio para revertir el nivel y la barra a su estado predeterminado. Este script es ideal para usuarios que desean personalizar su perfil o experimentar con diferentes apariencias de nivel.

✨ Features / Características

Profile Level Customization
  • 🔧 Level Slider Control - An interactive slider to easily adjust your profile's level value.
  • ⚡ Real-time Updates - Changes to the level value are reflected instantly on the profile.
  • 🎨 Dynamic Level Bar - The level bar visually updates to match the selected level.
  • 🚀 Reset Functionality - A button to easily reset your level and level bar to default values.
  • 💡 Floating UI Panel - A convenient, non-intrusive panel for accessing controls.
  • 🔒 Compatibility - Designed to work on Drawaria profile pages.

Español:

  • 🔧 Control Deslizante de Nivel - Un deslizador interactivo para ajustar fácilmente el valor de nivel de tu perfil.
  • ⚡ Actualizaciones en Tiempo Real - Los cambios en el valor del nivel se reflejan instantáneamente en el perfil.
  • 🎨 Barra de Nivel Dinámica - La barra de nivel se actualiza visualmente para coincidir con el nivel seleccionado.
  • 🚀 Funcionalidad de Reinicio - Un botón para restablecer fácilmente tu nivel y barra de nivel a los valores predeterminados.
  • 💡 Panel de UI Flotante - Un panel conveniente y no intrusivo para acceder a los controles.
  • 🔒 Compatibilidad - Diseñado para funcionar en las páginas de perfil de Drawaria.

📥 Installation / Instalación

🇺🇸 English Instructions 🇪🇸 Instrucciones en Español
  1. Install the Tampermonkey extension (or a similar userscript manager) in your browser.
  2. Create a new userscript and paste the provided code into the editor.
  3. Save the script.
  4. Navigate to any Drawaria profile page (e.g., https://drawaria.online/profile/YourUsername).
  5. The control panel should appear at the bottom-left of the screen.
  1. Instala la extensión Tampermonkey (o un gestor de userscripts similar) en tu navegador.
  2. Crea un nuevo userscript y pega el código proporcionado en el editor.
  3. Guarda el script.
  4. Navega a cualquier página de perfil de Drawaria (ej. https://drawaria.online/profile/TuNombreDeUsuario).
  5. El panel de control debería aparecer en la parte inferior izquierda de la pantalla.

🎮 How to Use / Cómo Usar

  • 🔵 Step 1: Visit a Drawaria profile page.
    Paso 1: Visita una página de perfil de Drawaria.
  • 🟢 Step 2: Locate the control panel at the bottom-left corner.
    Paso 2: Localiza el panel de control en la esquina inferior izquierda.
  • 🟣 Step 3: Use the level slider to adjust your level. The "Level:" display will update in real-time.
    Paso 3: Usa el deslizador de nivel para ajustar tu nivel. La pantalla "Level:" se actualizará en tiempo real.
  • 🟠 Step 4: Click the "Reset" button to revert your level to 0.
    Paso 4: Haz clic en el botón "Reset" para devolver tu nivel a 0.

🛠️ Technical Details / Detalles Técnicos

Feature / Característica Details / Detalles
DOM Manipulation Uses JavaScript to find and modify existing DOM elements (`#levelval`, `#levelbar path`) and insert new UI controls.
Event Listeners Attaches event listeners for 'load', 'input', and 'click' events to manage UI interactions.
Dynamic SVG Update Calculates and updates the SVG path data for the level bar based on the input level value.
Inline Styling Applies styles directly via JavaScript for positioning, appearance, and functionality of the control panel elements.

⚠️ Important Warnings / Advertencias Importantes
  • 🚨 This script modifies the visual appearance of your profile only; it does not affect actual game progression or data.
  • 🚨 Ensure that the IDs 'levelval' and 'levelbar' remain consistent in Drawaria's profile structure. Changes by the website may break the script.
  • 🚨 Use the reset button responsibly, as it will reset the displayed level to 0.
  • 🚨 The script's visual changes are client-side and only visible to you unless the website integrates them server-side.

Español:

  • 🚨 Este script modifica solo la apariencia visual de tu perfil; no afecta la progresión real del juego ni los datos.
  • 🚨 Asegúrate de que los IDs 'levelval' y 'levelbar' se mantengan consistentes en la estructura del perfil de Drawaria. Los cambios por parte del sitio web pueden romper el script.
  • 🚨 Usa el botón de reinicio de manera responsable, ya que restablecerá el nivel mostrado a 0.
  • 🚨 Los cambios visuales del script son del lado del cliente y solo visibles para ti a menos que el sitio web los integre del lado del servidor.

🔧 Troubleshooting / Solución de Problemas

✅ The control panel appears on the profile page, and the slider and reset button function correctly.
✅ El panel de control aparece en la página de perfil y el deslizador y el botón de reinicio funcionan correctamente.
⚠️ If the panel does not appear, ensure the script is enabled in Tampermonkey and you are on a Drawaria profile page. Check the browser console for errors.
⚠️ Si el panel no aparece, asegúrate de que el script esté habilitado en Tampermonkey y de que te encuentres en una página de perfil de Drawaria. Revisa la consola del navegador en busca de errores.
❌ If the level or level bar does not update, it might be due to changes in Drawaria's website structure or dynamic content loading issues.
❌ Si el nivel o la barra de nivel no se actualizan, podría deberse a cambios en la estructura del sitio web de Drawaria o a problemas de carga de contenido dinámico.

📊 Compatibility / Compatibilidad

✅ Compatible Browsers / Navegadores Compatibles ✅ Required Extensions / Extensiones Requeridas
Chrome, Firefox, Edge, Opera
(Browsers supporting userscripts) 		Tampermonkey or similar userscript manager
(Required for script execution)

🔄 How to Disable / Cómo Desactivar

Method 1 - Script Manager:

Open your userscript manager (e.g., Tampermonkey), find "Change levelval and levelbar in Drawaria", and disable or delete it.

Método 1 - Gestor de Scripts: Abre tu gestor de userscripts (ej. Tampermonkey), busca "Change levelval and levelbar in Drawaria" y desactívalo o elimínalo.

Method 2 - Reload Page:

If you don't want to disable it permanently, simply reload the Drawaria profile page to revert to the default appearance.

Método 2 - Recargar Página: Si no quieres deshabilitarlo permanentemente, simplemente recarga la página de perfil de Drawaria para volver a la apariencia predeterminada.

💡 Pro Tips / Consejos Profesionales

  • Explore Level Bar Designs: Experiment with different SVG path calculations to create unique level bar styles.
  • Save Custom Levels: Implement a feature to save preferred level values that persist across sessions.
  • Share Profile Looks: Add functionality to share your customized profile level appearance with others.
  • Theme Integration: Adjust the control panel's styles to better match your preferred overall theme on Drawaria.
  • Random Level Button: Include a button that assigns a random level between 1 and 100.

Español:

  • Explora Diseños de Barra de Nivel: Experimenta con diferentes cálculos de rutas SVG para crear estilos únicos de barra de nivel.
  • Guarda Niveles Personalizados: Implementa una función para guardar valores de nivel preferidos que persistan en las sesiones.
  • Comparte Apariencias de Perfil: Agrega funcionalidad para compartir tu apariencia de nivel de perfil personalizada con otros.
  • Integración de Temas: Ajusta los estilos del panel de control para que coincidan mejor con tu tema general preferido en Drawaria.
  • Botón de Nivel Aleatorio: Incluye un botón que asigne un nivel aleatorio entre 1 y 100.

🎉 Ready to Use! / ¡Listo para Usar!

Personalize your Drawaria profile with custom levels and enjoy a unique look!

¡Personaliza tu perfil de Drawaria con niveles personalizados y disfruta de un aspecto único!

🎨 🚀 ✨ 💫 🌟

Author: YouTubeDrawaria | Version: 2024-11-03 | License: MIT
Support: Report issues in the comments below | Additional Info: Enables dynamic adjustment of profile level and level bar.