Giter Site home page Giter Site logo

fukutotojido / beatmap-viewer-web Goto Github PK

View Code? Open in Web Editor NEW
50.0 50.0 8.0 31.11 MB

Beatmap Viewer on browser.

Home Page: https://preview.tryz.id.vn

License: GNU General Public License v3.0

HTML 1.12% JavaScript 95.62% CSS 2.35% GLSL 0.39% WGSL 0.53%

beatmap-viewer-web's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

beatmap-viewer-web's Issues

Bug khi resize cửa sổ

1. Khi cửa sổ đủ điều kiện để UI nó bỏ qua border như gần cuối video, slider body sẽ bị quái thai và bị clip bởi khung hình chữ nhật khi slider ball kéo qua.

Capture

2023-04-16.22-10-41.mp4

2. Khi tạm dừng rồi resize, playfield không tự scale theo mà chờ đến khi play lại mới scale lại. Maybe intentional though.

2023-04-16.22-24-39.mp4

More beatmap provider

this is an enhancement, not an issue

Như tiêu đề, anh có nghĩ là cần thêm 1 vài beatmap mirror khác không do user (như em chẳng hạn) bị VNPT'ed và việc download beatmap cực kì lâu, nhưng các mirror khác lại bình thường (có thể do server nerinyan bị overloaded, who knows).

Hoặc là có thể cho import từ file osz, cũng là 1 cách.

uhhhhh

(chrome) restarting browser/switching renders didnt fixed it, everything fine on firefox
image
image

Ẩn title dưới playfield

Khi playfield có object đè lên trên phần tiêu đề thì nên làm mờ hoặc ẩn cái tiêu đề đi, làm sao không chắn cái object là được. Nếu cao siêu thì ông làm ẩn chỉ cái chữ đi như cái vương miệng trong teamvs multi của osu ấy, làm mờ cho đẹp càng tốt, không thì đơn giản nhất kéo cái sắp xếp trục z của thằng title thấp hơn playfield cho object đè lên trên chữ là được.
À ừ thêm lựa chọn ẩn metadata vì tại sao không :))

image
Trông sẽ na ná thế này
out

Thêm tính năng lấy luôn beatmapid và timestamp từ url query

Không biết thằng github pages có cho không, nhưng nếu được thì nên tận dụng cái query trong url. Ví dụ ?t=xxxx sẽ tua sẵn đến ms thứ xxxx, ``?b=kkkkkkkkkkk" sẽ mở luôn beatmapid kkkkkkkkkkk.

Thế thì ta có thể share map cho nhau bằng cách gửi link kiểu handsome.com/viewer?b=3694755&t=13568 để chia sẻ map có id 3694755 và tua sẵn đến mili giây thứ 13568

Thêm cả nút trong UI kiểu "Share this moment" thì càng tốt.

Add mod as search params.

Right now, If I want to preview a map with mods (ex. give links to beatmap to specific mods) you have to tell user to turn the mod on manually from settings.

So I purpose to also have search params on mods such as https://preview.tryz.id.vn/?b=4276057?m=24 means map 4276057 with mod HDHR pre-applied.

This approach may not support future lazer mod as I think they doesn't use bitwise on apiv2 now.

issues i've found

  1. sound going bonkers when u put on ht/dt. map(s) used to test:
    4047519
    3977191 (whistle noise appearing when dt)

  2. song not loading. map(s) used to test:
    2536330 (error: TypeError: Cannot read properties of undefined (reading 'x'))
    1529760 (error: RangeError: Invalid array length)
    2087153 (error: TypeError: Cannot read properties of undefined (reading 'x'))

  3. 2b. map(s) used to test:
    272317 (at roughly 11 seconds u can see a big slider, then it disappears without completing it, also if u pause u will hear slider ball noise(happens to most of the sliders on the map)).
    at roughly 26 and 32 seconds u can see objects just randomly popping on ur screen and the objects on the timeline(or whatever the thing at the top with objects is called) disappear. u can see that throughout the whole map also.)
    1013379 (same problems as above, first issue occurs roughly at 20 seconds, second issue occurs roughly at 32 seconds)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.