Image maps sin calcular porcentajes.
Suelta una imagen, dibuja las áreas y dale un enlace a cada una. El constructor escribe las coordenadas. En la vista previa, al hacer clic en un área ves a qué jugador o página de osu! lleva antes de abrir nada.
El editor moderno de BBCode para osu! y tus userpages.
Escribe tu userpage en BBCode y mírala como la mostrará osu!, mientras escribes. Los tags rotos se detectan antes de que pegues, y los image maps y las tablas se arman solos.
Gratis y en tu navegador. Inicia sesión con osu! para guardar tus páginas en la nube.
Lo que escribes 975 caracteres de BBCode
[centre][size=200][b][color=#FF66AB]T[/color][color=#E671C2]u[/color][color=#CD7BD8]N[/color][color=#B486EF]o[/color][color=#A195FA]m[/color][color=#95AAFB]b[/color][color=#89BEFB]r[/color][color=#7DD3FC]e[/color][/b][/size]
[i]mapper, juego con tablet, despierto a las 3am[/i]
[imagemap]
https://hxovc.s-ul.eu/5xNRfhbX
15 23 18 32 https://osu.ppy.sh/users/hxovc hxovc
50 48 15 27 https://osu.ppy.sh/users/Sarichus Sarichus
65 23 16 28 https://osu.ppy.sh/users/ElMick33 ElMick33
[/imagemap]
[size=85][i]arte: [url=https://www.pixiv.net/en/artworks/144217316]ミント、ナナリ、ちぃちゃん[/url], de [url=https://www.pixiv.net/en/users/61697971]tem[/url][/i][/size]
[/centre]
[box=sobre mí]
¡hola! mapeo mapas de [b]streams[/b] y juego demasiado [color=#7dd3fc]tech[/color].
mi primer set rankeado ya casi está.
[/box]
[box=setup]
[list]
[*][b]tablet[/b] Wacom CTL-472, área completa
[*][b]teclado[/b] custom 60%
[/list]
[/box]
[notice][centre]escuchando [i]Freedom Dive[/i][/centre][/notice]
Lo que muestra osu!
Conoce el editor.
El código a la izquierda, tu perfil a la derecha, siempre sincronizados. Señala una línea y su bloque se ilumina; señala un bloque y ves sus líneas.
Editor BBCode
[centre][size=200][b]TuNombre[/b][/size]
[i]mapper, juego con tablet, despierto a las 3am[/i][/centre]
[box=sobre mí]
¡hola! mapeo mapas de [b]streams[/b] y juego demasiado [color=#7dd3fc]tech[/color].
mi primer set rankeado ya casi está.
[/box]
[box=setup]
[list]
[*][b]tablet[/b] Wacom CTL-472, área completa
[*][b]teclado[/b] custom 60%
[/list]
[/box]
[notice][centre]escuchando [i]Freedom Dive[/i][/centre][/notice]
El BBCode se rompe en silencio.
Escribe [center], olvida un [/b], y osu! muestra los tags en tu perfil como texto. Nada te avisa. Te enteras después de guardar, o cuando alguien te lo dice.
Miliastry revisa tu BBCode mientras escribes y te señala la línea antes de que llegue a tu perfil. Muchos problemas vienen con un arreglo que aplicas en un clic.
La vista previa usa los mismos nombres de clase y colores de osu!, y está probada con los ejemplos de BBCode de osu! y con userpages reales.
Editor BBCode
[center][size=150][b]TuNombre[/b][/size][/center]
[box=sobre mí]
Mapeo mapas [i]difíciles[/i] de streams y juego tech.
[url=osu.ppy.sh/beatmapsets]mis mapas[/url]
[b]escuchando: Freedom Dive
[/box]
Vista previaComo lo muestra osu!
[center]TuNombre[/center]
sobre mí
Mapeo mapas difíciles de streams y juego tech.
[url=osu.ppy.sh/beatmapsets]mis mapas[/url]
[b]escuchando: Freedom Dive
[url=osu.ppy.sh/beatmapsets]mis mapas[/url]
[b]escuchando: Freedom Dive
Problemas3
- Usa [centre] en lugar de [center]Lín. 1Cambiar [center] por [centre]
- El enlace "osu.ppy.sh/beatmapsets" no tiene protocolo: se resolverá contra el dominio de osu!Lín. 4Agregar https:// al enlace
- Falta [/b]: el tag se cerró automáticamenteLín. 5Insertar [/b]
El texto resaltado en la vista previa es BBCode que osu! no pudo leer.
Lo tedioso del BBCode, hecho con herramientas.
Image maps, tablas y secciones enteras del perfil eran un bloc de notas, una calculadora y mucho guardar. En Miliastry cada una tiene su herramienta, y todas escriben BBCode normal que puedes seguir leyendo y editando.
Empieza una sección desde un bloque.
Block Templates inserta secciones listas que solo llenas, en vez de escribirlas desde cero. Varias leen tu perfil de osu! y se llenan solas: rank, pp, top play, redes.
BBCode insertado
[centre]
[box=✧ TuNombre ✧]
[size=130][b]TuNombre[/b][/size]
[size=85][i]osu! player[/i][/size]
Escribe algo sobre ti...
[size=75]🌍 País[/size]
[/box]
[/centre]
Vista previa
✧ TuNombre ✧
TuNombre
osu! player
Escribe algo sobre ti...
🌍 País
osu! player
Tablas, en un lenguaje sin tablas.
El BBCode de osu! no tiene tag de tabla. El Table Builder alinea tus celdas dentro de un bloque de código, así las columnas quedan rectas en cualquier perfil. Edita una celda y mira cómo se realinea.
BBCode
[code]
╭──────┬──────────┬───────────╮
│ Mod │ Partidas │ Precisión │
├──────┼──────────┼───────────┤
│ HD │ 1,204 │ 98.12% │
│ HDDT │ 312 │ 96.40% │
│ HR │ 87 │ 97.05% │
╰──────┴──────────┴───────────╯
[/code]
Vista previa
╭──────┬──────────┬───────────╮
│ Mod │ Partidas │ Precisión │
├──────┼──────────┼───────────┤
│ HD │ 1,204 │ 98.12% │
│ HDDT │ 312 │ 96.40% │
│ HR │ 87 │ 97.05% │
╰──────┴──────────┴───────────╯Y el resto de la caja de herramientas.
Las cosas pequeñas que suman para no volver a abrir un bloc de notas para tu perfil.
TuNombre
Tú escribes[gradient=#ff66ab,#a78bfa,#7dd3fc]TuNombre[/gradient]
osu! recibe 192 caracteres[color=#FF66AB]T[/color][color=#E671C2]u[/color][color=#CD7BD8]N[/color][color=#B486EF]o[/color][color=#A195FA]m[/color][color=#95AAFB]b[/color][color=#89BEFB]r[/color][color=#7DD3FC]e[/color]
Texto en degradado, sin hoja de cálculo
Escribe un solo tag [gradient]. Miliastry exporta un [color] por cada letra, la única forma en que osu! puede mostrarlo. Escribe tu nombre.
Escribe una abreviatura
Ctrl+K
Cada comando a un atajo de distancia. Las abreviaturas se expanden en tags anidados mientras escribes.
Temas
osu!, Miliastry y SYNE incluidos. Llegan más como plugins.
[box=nuestra collab]
[imagemap]
https://hxovc.s-ul.eu/5xNRfhbX
15 23 18 32 https://osu.ppy.sh/users/hxovc hxovc
50 48 15 27 https://osu.ppy.sh/users/Sarichus Sarichus
65 23 16 28 https://osu.ppy.sh/users/ElMick33 ElMick33
[/imagemap]
[size=85][i]arte: [url=https://www.pixiv.net/en/artworks/144217316]ミント、ナナリ、ちぃちゃん[/url], de [url=https://www.pixiv.net/en/users/61697971]tem[/url][/i][/size]
[/box]
Editen juntos
Comparte un enlace y trabajen en la misma página al mismo tiempo.
TuNombre
sobre mí
¡hola! mapeo mapas de streams.
[centre][size=150][b]TuNombre[/b][/size][/centre]
[box=sobre mí]
¡hola! mapeo mapas de [b]streams[/b].
[/box]
Pega desde osu!
Copia tu userpage directo desde osu! y pégala. Vuelve como BBCode.
En tu bolsillo
El editor se adapta a tablets y teléfonos, así no pierdes la idea que tuviste en el bus.
Pruébalo: esto copia la página del editor de arriba.
Un clic hasta osu!
Exportar te da exactamente lo que osu! espera, y nada que vaya a mostrar como texto.
El Workshop
Publica una página o un bloque, y deja que otros le den estrella, lo comenten y empiecen desde ahí.
TuNombre
cola de modding: abierta
cola de modding: abierta
reglas de la cola
solo std, 4+ minutos, nada de openings de anime
(bueno, algunos openings de anime)
solo std, 4+ minutos, nada de openings de anime
(bueno, algunos openings de anime)
sets rankeados
- Artista - Canción [Insane]
- Artista - Otra canción [Extra]
[centre][size=150][b]TuNombre[/b][/size]
[i]cola de modding: abierta[/i]
[notice][centre][b]reglas de la cola[/b]
solo std, 4+ minutos, nada de openings de anime
(bueno, algunos openings de anime)[/centre][/notice][/centre]
[box=sets rankeados]
[list]
[*]Artista - Canción [Insane]
[*]Artista - Otra canción [Extra]
[/list]
[/box]
Modo visualExperimental
Cambia el editor de código a bloques. Selecciona, arrastra y escribe sobre la página misma, y el BBCode sigue cada cambio.
Hecho para vivir junto a osu!.
1Inicia sesión con osu!
Tu cuenta de osu! es tu cuenta de Miliastry. Sin contraseñas nuevas.
2Trae tu página actual
Copia tu userpage directo desde tu perfil de osu! y pégala en el editor. Vuelve como BBCode.
3Trabaja desde donde sea
Las páginas se guardan solas como borradores y se sincronizan con tu biblioteca, en el escritorio, una tablet o un teléfono.
4Exporta y pega
Exportar BBCode te da exactamente lo que osu! espera. Pégalo en tu perfil y guarda una sola vez.
Hecho para la gente a la que todavía le importa hacer algo raro con su perfil.
Un mapper
Un jugador de torneos
Alguien a quien solo le gustan las cajas
Páginas de ejemplo, hechas con los mismos bloques con los que empieza cualquier página nueva.
Preguntas, respondidas.
Lo que preguntan antes de su primera página: qué es Miliastry, cómo encaja con osu! y por qué a veces un tag se muestra como texto.
¿Qué es Miliastry?
Miliastry es un editor de BBCode para osu! y una herramienta para crear userpages, gratis y en tu navegador. También es un editor visual: escribe BBCode directamente, o edita la página ya renderizada y deja que Miliastry escriba los tags.
¿Cómo hago una userpage de osu! con Miliastry?
Abre el editor y empieza con una página en blanco, una plantilla de bloque o tu userpage actual pegada desde osu!. Edita en código o en el lienzo, revisa el resultado en la vista previa y exporta el BBCode para pegarlo en tu perfil de osu!.
¿Puedo crear una userpage sin escribir BBCode?
Sí. Canvas Studio edita la página ya renderizada: selecciona un bloque, arrástralo, escribe sobre él y el BBCode sigue cada cambio. El editor de código queda a un clic, así que puedes pasar de una vista a otra del mismo documento.
¿Por qué mi BBCode se muestra como texto en osu!?
osu! muestra un tag como texto cuando no lo conoce, o cuando está sin cerrar o cruzado. Uno común es
[center]: osu! espera[centre]. Miliastry revisa la página mientras escribes, señala la línea y arregla la mayoría de los hallazgos en un clic.¿Cómo agrego un image map a mi perfil de osu!?
Suelta la imagen en el constructor de Image Maps, dibuja las áreas y dale un enlace a cada una. El constructor escribe las coordenadas y el BBCode, y la vista previa te deja probar cada área antes de pegarlo en tu perfil.
¿Miliastry es gratis?
Sí. Miliastry es gratis, y puedes editar en el navegador sin instalar nada. Lo hace una sola persona y se sostiene con Ko-fi.
¿Necesito una cuenta de osu! para usarlo?
No. Puedes escribir y exportar una página sin iniciar sesión. Iniciar sesión con osu! agrega el guardado en la nube, tu biblioteca y el Workshop, y usa el OAuth de osu!, así que no hay una contraseña aparte.
¿Miliastry funciona en un teléfono o una tablet?
Sí. El editor se adapta a tablets y teléfonos, y las páginas se sincronizan con tu biblioteca, así que puedes empezar en un dispositivo y terminar en otro.
¿Mi página se verá igual en osu!?
La vista previa usa los mismos nombres de clase y colores de osu!, y está probada con los ejemplos de BBCode de osu! y con userpages reales. La exportación produce solo BBCode que osu! acepta, sin nada que vaya a mostrar como texto.
¿Miliastry es una herramienta oficial de osu!?
No. Miliastry es independiente y no está afiliado con osu! ni con ppy Pty Ltd. Inicia sesión con el OAuth de osu! y exporta BBCode para tu perfil, nada más.
¿Qué es Quasar?
Quasar es el motor de documentos BBCode que hay detrás de Miliastry: un analizador en TypeScript con árbol de sintaxis incremental, diagnósticos y exportadores. Es lo que mantiene el editor de código, el lienzo y la vista previa sobre el mismo documento.