ตัวแสดงภาพเคลื่อนไหว Rive

ดูตัวอย่างไฟล์ `.riv` ของ Rive ในเครื่องพร้อมการเล่นแอนิเมชั่น การทดสอบเครื่องสถานะ การตรวจสอบไทม์ไลน์สถานะ การบันทึกเหตุการณ์ และการควบคุมเค้าโครงที่พร้อมสำหรับแฮนด์ออฟ

เลือกหรือวางไฟล์ Rive .riv

ดูตัวอย่างการส่งออกรันไทม์ Rive แบบโต้ตอบภายในเครื่องด้วยการสลับอาร์ตบอร์ด อินพุตเครื่องสถานะ การบันทึกเหตุการณ์ และการควบคุมเค้าโครงที่พร้อมสำหรับแฮนด์ออฟ

เก็บไฟล์ `.riv` ที่อัปโหลดไว้ในเบราว์เซอร์ของคุณ โดยไม่มีการอัปโหลดเซิร์ฟเวอร์ ToolBuddy
รันการเรนเดอร์ Rive ภายในตัวทำงานที่แยกออกมาด้วย OffscreenCanvas เพื่อให้ ToolBuddy สามารถกู้คืนได้หากการเริ่มต้นรันไทม์ล้มเหลว
เปิดเผยอาร์ตบอร์ด ภาพเคลื่อนไหว สถานะเครื่อง อินพุต และความเร็วในการเล่นในพื้นที่ทำงานการตรวจสอบที่เดียว
เพิ่มสถานะไทม์ไลน์และเครื่องบันทึกเหตุการณ์ เพื่อให้อธิบายพฤติกรรมรันไทม์ระหว่าง QA และแฮนด์ออฟได้ง่ายขึ้น

ทำไมต้อง ToolBuddy?

ไม่มีการอัพโหลดไฟล์

ไฟล์ `.riv` ของคุณยังคงอยู่ในอุปกรณ์ของคุณ

การแสดงตัวอย่างรันไทม์ที่รวดเร็ว

การเรนเดอร์ Canvas เริ่มต้นภายในตัวแสดงตัวอย่างที่แยกออกมา

ดีบักเกอร์แบบโต้ตอบ

ตรวจสอบอาร์ตบอร์ด สถานะเครื่องจักร อินพุต เหตุการณ์ไทม์ไลน์ และบริบทการตรวจสอบ

ฟรี ไม่ต้องสมัคร

เครื่องมือทั้งหมดใช้งานได้ฟรีตลอดไป ไม่จำเป็นต้องมีบัญชี

ทราบขั้นตอนการทำงานของคุณ

รองรับไฟล์และ วิธีใช้

ตรวจสอบรายละเอียด input/output ที่รองรับ และทำตามขั้นตอนเครื่องมือก่อนส่งออก

🧾

ข้อมูลจำเพาะทางเทคนิคและสัญญาณการตัดสินใจ

ใช้ข้อกำหนดเหล่านี้เพื่อตรวจสอบความเหมาะสมของเวิร์กโฟลว์ ขอบเขตความเป็นส่วนตัว และความคาดหวังเอาต์พุตก่อนที่คุณจะรัน rive-animation-viewer

ราคา

เวิร์กโฟลว์ฟรีโดยไม่มีช่องทางการลงทะเบียนสำหรับการใช้งานหลัก

ความปลอดภัย

การประมวลผลจะทำงานในเบราว์เซอร์เมื่อเป็นไปได้เพื่อลดการเปิดเผยการอัปโหลดของเซิร์ฟเวอร์

อุปกรณ์

รองรับเบราว์เซอร์เดสก์ท็อปและมือถือสมัยใหม่

ข้อมูลจำเพาะทางเทคนิค

อินพุต: ส่งออกไฟล์รันไทม์ Rive `.riv` เอาท์พุต: การแสดงตัวอย่างรันไทม์ในเบราว์เซอร์ด้วยอาร์ตบอร์ด แอนิเมชั่น สเตทแมชชีน อินพุต เลย์เอาต์ ความเร็ว ไทม์ไลน์ เครื่องบันทึกเหตุการณ์ และการควบคุมการส่งออกตรวจสอบ เจสัน ในเครื่อง

🧭

วิธีใช้

ตรวจสอบรายละเอียด input/output ที่รองรับ และทำตามขั้นตอนเครื่องมือก่อนส่งออก

01

เลือกหรือปล่อยไฟล์รันไทม์ `.riv`

02

รอการตรวจสอบความถูกต้องของลายเซ็นในขณะที่การแสดงตัวอย่างผู้ปฏิบัติงานแบบแยกเริ่มต้นโดยอัตโนมัติ

03

เลือกอาร์ตบอร์ด แอนิเมชั่น หรือสเตทแมชชีนที่คุณต้องการตรวจสอบ

04

ปรับความพอดี การวางแนว ขนาด และพื้นหลังแคนวาสสำหรับเลย์เอาต์เป้าหมายของคุณ

05

ใช้การควบคุมการเล่น ความเร็ว และอินพุตของเครื่องสถานะเพื่อตรวจสอบการโต้ตอบ

06

ตรวจสอบไทม์ไลน์สถานะ เครื่องบันทึกเหตุการณ์ และโหมดแฮนด์ออฟ ก่อนที่จะแชร์คำติชมหรือบันทึกการรวมระบบ

แนะนำ

เรียนรู้ ตัดสินใจ และสมัคร

ทำความเข้าใจวิธีการ วิธีตรวจสอบไฟล์ Rive ในเครื่อง เหตุใดจึงมีความสำคัญในขั้นตอนการทำงานซ้ำ และเมื่อใดจึงควรใช้เครื่องมือนี้อย่างมั่นใจ

การตรวจสอบสถานะเครื่องและการดีบักรันไทม์

  • เก็บไฟล์ `.riv` ที่อัปโหลดไว้ในเบราว์เซอร์ของคุณ โดยไม่มีการอัปโหลดเซิร์ฟเวอร์ ToolBuddy
  • รันการเรนเดอร์ Rive ภายในตัวทำงานที่แยกออกมาด้วย OffscreenCanvas เพื่อให้ ToolBuddy สามารถกู้คืนได้หากการเริ่มต้นรันไทม์ล้มเหลว
  • เปิดเผยอาร์ตบอร์ด ภาพเคลื่อนไหว สถานะเครื่อง อินพุต และความเร็วในการเล่นในพื้นที่ทำงานการตรวจสอบที่เดียว
  • เพิ่มสถานะไทม์ไลน์และเครื่องบันทึกเหตุการณ์ เพื่อให้อธิบายพฤติกรรมรันไทม์ระหว่าง QA และแฮนด์ออฟได้ง่ายขึ้น
  • รวมถึงเค้าโครง ขนาด พื้นหลัง และโอเวอร์เลย์ตัวตรวจสอบสำหรับการทดสอบแบบฝัง
  • ให้ผู้ตรวจสอบส่งออกสรุปเซสชัน เจสัน ในเครื่องโดยไม่ต้องแชร์ไฟล์ต้นฉบับ
🎯

ทดสอบการแฮนด์ออฟของ Rive ก่อนการรวมระบบ

  • ทดสอบส่วนประกอบ Rive แบบโต้ตอบก่อนที่จะเพิ่มโค้ดรันไทม์
  • ตรวจสอบอาร์ตบอร์ด ภาพเคลื่อนไหว และสเตทแมชชีนที่ส่งออกจาก Rive
  • ตรวจสอบการเปลี่ยนสถานะและการเปลี่ยนแปลงอินพุตในระหว่างการแฮนด์ออฟระหว่างผู้ออกแบบถึงนักพัฒนา
  • ตรวจสอบลักษณะการทำงานของเลย์เอาต์สำหรับเว็บ แอป เกม หรือการฝังแบบไม่มีโค้ด
  • ส่งออกเซสชันการตรวจสอบ เจสัน ในเครื่องสำหรับการดีบักหรือการติดตามผล QA
เกี่ยวกับ

เกี่ยวกับ ตัวแสดงภาพเคลื่อนไหว Rive

Rive Viewer ออนไลน์โปรแกรมดูภาพเคลื่อนไหว Riveโปรแกรมดูเครื่อง Rive State

ดูตัวอย่างไฟล์รันไทม์ Rive ที่ส่งออก

Rive Animation Viewer เปิดไฟล์รันไทม์ `.riv` ที่ส่งออกโดยตรงในเบราว์เซอร์ของคุณ เพื่อให้นักออกแบบ นักพัฒนา และผู้ตรวจสอบ QA สามารถตรวจสอบแอสเซทรันไทม์ที่แน่นอนที่จะจัดส่งได้

เครื่องมือจะตรวจสอบความถูกต้องของลายเซ็น `RIVE` binary ก่อนที่จะส่งสำเนาของบัฟเฟอร์ไฟล์ไปยังการแสดงตัวอย่างผู้ปฏิบัติงานแบบแยก ซึ่งช่วยให้หน้าหลักตอบสนองแม้ว่าการโหลดรันไทม์จะล้มเหลวก็ตาม

ตรวจสอบอาร์ตบอร์ด แอนิเมชั่น และสเตทแมชชีน

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

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

ทดสอบอินพุตแบบโต้ตอบและทบทวนพฤติกรรม

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

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

ตรวจสอบเค้าโครง ความเร็ว และลักษณะการทำงานของพื้นหลัง

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

การปรับขนาดแคนวาสที่ตอบสนองช่วยให้การแสดงตัวอย่างมีประโยชน์ทั้งการตรวจสอบบนเดสก์ท็อปและมือถือ ในขณะที่โหมดแฮนด์ออฟจะดึงแผงลงมาจนถึงส่วนการตรวจสอบที่สำคัญที่สุด

เก็บการแสดงตัวอย่างไว้ในเครื่องและแบ่งปันบันทึกการตรวจสอบที่มีโครงสร้าง

ไฟล์ `.riv` ที่อัปโหลดจะถูกอ่านในเครื่องและไม่ได้อัปโหลดไปยังเซิร์ฟเวอร์ ToolBuddy เครื่องบันทึกเหตุการณ์สามารถส่งออกสแนปชอตการตรวจสอบ เจสัน ในเครื่องได้โดยไม่ต้องคัดลอกภาพเคลื่อนไหวต้นฉบับของคุณไปยังแบ็กเอนด์

ผู้ปฏิบัติงานแบบแยกโหลด Rive canvas runtime และ WASM จาก Rive CDN หาก `.riv` อ้างอิงถึงเนื้อหาที่โฮสต์โดย Rive รันไทม์อาจดึงเนื้อหาเหล่านั้นเพื่อทำให้การแสดงตัวอย่างเสร็จสมบูรณ์

คำถามที่พบบ่อย

ทั่วไป คำถาม.

มีคำถามเพิ่มเติมหรือไม่? ติดต่อได้ทาง หน้าการติดต่อของเรา และเราจะตอบกลับภายใน 24 ชั่วโมง

ไฟล์ Rive ของฉันอัปโหลดไปยังเซิร์ฟเวอร์หรือไม่

ไม่ใช่ Rive Animation Viewer อ่านไฟล์ `.riv` ในเครื่องและแสดงผลในเบราว์เซอร์ของคุณ

รองรับไฟล์ใดบ้าง

เครื่องมือรองรับไฟล์ `.riv` ของรันไทม์ Rive ที่ส่งออก ไม่รองรับโครงการ `.rev` หรือไฟล์สำรองที่แก้ไขได้

ฉันสามารถตรวจสอบเครื่องสถานะและอินพุตได้หรือไม่

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

ฉันสามารถส่งออกเซสชั่นการตรวจสอบได้หรือไม่

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

กรณีการใช้งาน

เป็นที่นิยม เวิร์กโฟลว์

ดูขั้นตอนการทำงานจริงที่เครื่องมือนี้เข้ากันได้อย่างลงตัว จากนั้นข้ามไปที่คำแนะนำการจับคู่

ดูเครื่องมือทั้งหมด
ที่เกี่ยวข้อง

สำรวจเพิ่มเติม เครื่องมือ

ดูเครื่องมือทั้งหมด

โปรแกรมดูสไปน์

เครื่องมืออรรถประโยชน์เป็นที่นิยม

ดูตัวอย่าง สไปน์ JSON, แอตลาส และ พีเอ็นจี ส่งออกภายในเครื่องด้วยการควบคุมการเล่น สกิน ความเร็ว และการแก้ไขข้อบกพร่อง

สไปรท์ แอตลาส Packer

เครื่องมืออรรถประโยชน์

บรรจุสไปรท์หรือโฟลเดอร์แบบหลวมๆ ลงใน แอตลาส Sheet ด้วย ยูนิตี้, เฟเซอร์, โคโคส, Style Sheet และการตั้งค่าล่วงหน้าสำหรับการส่งออกJSON CSS

เครื่องแกะแผ่นสไปรท์

เครื่องมืออรรถประโยชน์

แกะแผ่นงานแอตลาสของสไปรท์ลงในพีเอ็นจีสไปรท์แต่ละแผ่นด้วยการแยกวิเคราะห์การกำหนดค่าตรวจจับอัตโนมัติและการหั่นกริด

คอมเพรสเซอร์ภาพ

เครื่องมือรูปภาพเป็นที่นิยม

บีบอัดไฟล์ เจพีจี, พีเอ็นจี และ เว็บพี ด้วยเครื่องมือรูปภาพส่วนตัวที่รวดเร็วซึ่งทำงานภายในเบราว์เซอร์ของคุณ