Show HN: เครื่องมือสร้างภาพการจ่ายบอลที่สร้างด้วย Three.js

 (statsbomb-3d-viz.vercel.app)
1 คะแนน โดย GN⁺ 2024-07-30 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • ยังไม่ได้เลือกอีเวนต์
  • ใช้ตัวกรอง
  • ล้างตัวกรอง
  • รีเซ็ตกล้อง
  • เครื่องมือแสดงผล 3D ของ StatsBomb
  • วาง URL ของไฟล์ข้อมูลอีเวนต์ StatsBomb
  • โหลดข้อมูล
  • โหลดตัวอย่าง
  • ตัวอย่าง: @c_mnzs / gh: @carlos-menezes

สรุปโดย GN⁺

  • เครื่องมือนี้มีความสามารถในการแสดงผลข้อมูลอีเวนต์ของ StatsBomb แบบ 3D
  • ผู้ใช้สามารถป้อน URL ของไฟล์ข้อมูลอีเวนต์เพื่อโหลดข้อมูลได้
  • สามารถเลือกข้อมูลที่ต้องการได้ด้วยการใช้หรือล้างตัวกรอง
  • สามารถรีเซ็ตกล้องเพื่อทำให้ข้อมูลที่แสดงผลกลับสู่สถานะเริ่มต้นได้
  • เครื่องมือนี้อาจเป็นประโยชน์สำหรับผู้ที่สนใจการวิเคราะห์และการแสดงผลข้อมูล

บทความที่เกี่ยวข้อง

1 ความคิดเห็น

 
GN⁺ 2024-07-30
ความคิดเห็นบน Hacker News

  • สนุกเสมอที่ได้เห็นโปรเจ็กต์เจ๋ง ๆ ที่ใช้ข้อมูลฟรี

    • มีข้อมูลการแข่งขันฟุตบอลฟรีหลายพันนัดอยู่บน GitHub
    • กำลังรวบรวมข้อมูลการแข่งขันของ Lionel Messi และ Tom Brady ด้วย

  • ชอบงานภาพข้อมูลแบบ 2D

    • เคยสร้างเครื่องมือวิเคราะห์ PUBG มาก่อน
    • สงสัยว่าทีมฟุตบอลอาชีพก็ใช้เครื่องมือคล้าย ๆ กันหรือไม่

  • กำลังเรียนรู้ three.js ผ่านโปรเจ็กต์นี้

    • deck.gl หรือ kepler.gl ก็น่าพิจารณาเช่นกัน
    • ให้การทำภาพข้อมูลระดับสูงกว่าและการปรับแต่งประสิทธิภาพที่ดีกว่า
    • ทำต้นแบบได้รวดเร็ว

  • อินเทอร์เฟซยอดเยี่ยม

    • สามารถค้นหาและแก้ไข raw json ได้โดยตรง
    • ยังไม่ชัดเจนว่าทำไมต้องใช้ three.js
    • เส้นทางการจ่ายบอลของ whoscored เข้าใจได้ตรงกว่า

  • น่าสนใจว่าตำแหน่งของผู้เล่นสะท้อนออกมาในเกมอย่างไร

    • ยกตัวอย่างคู่ Bayer Leverkusen vs. Werder Bremen ได้ดี

  • โปรเจ็กต์เจ๋งมาก

    • อยากให้เพิ่มแอนิเมชันตามเวลา
    • การสำรวจข้อมูลคือก้าวแรก

  • สงสัยว่าความหมายของสีคืออะไร

    • มีข้อเสนอให้แสดงทิศทางและความเร็วของการจ่ายบอล
    • ถ้ามีสรุปสถิติของผู้เล่นแต่ละคนและของทีมด้วยก็น่าจะดี

  • ถ้าสามารถเล่นการจ่ายบอลตามลำดับเวลาได้ก็คงดี

  • ฟีเจอร์ "Load Example" มีประโยชน์มาก

    • ถ้านำไปรวมกับกล้องถ่ายทอดสดของเกมก็น่าจะทรงพลังมาก

  • โหลดไฟล์ไม่สำเร็จ

    • ลองใช้ URL หลายรูปแบบแล้วแต่ไม่ทำงาน
    • ควรปรับปรุงรูปแบบตัวอย่างหรือข้อความแสดงข้อผิดพลาด
    • หลังจากเอนจินหลักเสร็จสมบูรณ์แล้ว ถ้ามีตัวกรองเพิ่มขึ้นอีกก็น่าจะดี