บทนำ
หากทีมของคุณจัดส่ง Interactive Motion ที่สร้างใน Rive คุณต้องมีวิธีที่เชื่อถือได้ในการตรวจสอบไฟล์รันไทม์ที่ส่งออกก่อนที่จะถึงโค้ดที่ใช้งานจริง นั่นหมายถึงการมองข้ามการแสดงตัวอย่างด้วยภาพธรรมดา และตรวจสอบว่าอาร์ตบอร์ด แอนิเมชั่น สเตทแมชชีน และอินพุตทำงานอย่างไรร่วมกัน
ตัวแสดงภาพเคลื่อนไหว Rive ของ ToolBuddy มอบพื้นที่ทำงานบนเบราว์เซอร์สำหรับงานนั้นๆ โดยจะเปิดไฟล์ `.riv` ที่ส่งออกในเครื่อง เรียกใช้การแสดงตัวอย่างในตัวทำงานรันไทม์ที่แยกออกมา และทำให้พื้นที่การตรวจสอบมุ่งเน้นไปที่พฤติกรรมรันไทม์แทนการแก้ไขคุณสมบัติ
คู่มือนี้จะอธิบายขั้นตอนการตรวจสอบทั่วไป เพื่อให้คุณสามารถย้ายจากการโหลดไฟล์ไปเป็นการทดสอบและแฮนด์ออฟของเครื่องโดยไม่ต้องตั้งค่าที่ไม่จำเป็น
เริ่มต้นด้วยไฟล์รันไทม์ `.riv` ที่ส่งออก
เริ่มต้นด้วยไฟล์รันไทม์ Rive ที่ส่งออกซึ่งทีมของคุณวางแผนจะจัดส่งหรือตรวจสอบ วิวเวอร์ได้รับการออกแบบสำหรับเอาต์พุต `.riv` ซึ่งไม่สามารถแก้ไขไฟล์โปรเจ็กต์ต้นฉบับ `.rev` หรือการสำรองข้อมูลภายในได้
วางไฟล์ `.riv` ลงในเครื่องมือหรือเลือกจากตัวเลือกไฟล์ วิวเวอร์ตรวจสอบความถูกต้องของลายเซ็น RIVE binary ก่อน จากนั้นจึงเริ่มการแสดงตัวอย่างรันไทม์ภายใน Canvas Worker ที่แยกออกมา เพื่อให้เพจหลักยังคงตอบสนองในระหว่างการเริ่มต้นระบบ
- ใช้ไฟล์รันไทม์ `.riv` ที่ส่งออก
- โหลดด้วยการลากและวางหรือตัวเลือกไฟล์
- รอการเริ่มต้นรันไทม์และดูตัวอย่างการเริ่มต้น
เลือกอาร์ตบอร์ด แอนิเมชั่น หรือสเตทแมชชีนที่คุณต้องการตรวจสอบ
เมื่อไฟล์โหลดแล้ว ให้ใช้ส่วนควบคุมด้านล่างเพื่อสลับอาร์ตบอร์ด แอนิเมชัน หรือสเตทแมชชีนที่ใช้งานอยู่ สิ่งนี้มีประโยชน์เมื่อการส่งออกเดียวกันมีสถานะ UI, รูปแบบอักขระ หรือระบบการเคลื่อนไหวหลายรายการ
สำหรับการตรวจสอบตามไทม์ไลน์โดยเฉพาะ ให้เน้นที่ภาพเคลื่อนไหวที่เฉพาะเจาะจง สำหรับการตรวจสอบการโต้ตอบ ให้ย้ายไปยังเครื่องสถานะที่เกี่ยวข้องและแสดงแผงบริบทรันไทม์เพื่อให้ผู้ตรวจสอบทราบได้อย่างแน่ชัดว่าการเลือกใดทำงานอยู่
- เลือกอาร์ตบอร์ดที่เหมาะสมสำหรับพื้นผิวที่คุณกำลังรีวิว
- สลับภาพเคลื่อนไหวเมื่อคุณต้องการตรวจสอบเวลาระดับคลิป
- เปลี่ยนเครื่องสถานะเมื่อคุณต้องการลักษณะการทำงานและการตรวจสอบอินพุต
ใช้การควบคุมการเล่น ความเร็ว และเค้าโครงเพื่อตรวจสอบการนำเสนอ
ส่วนควบคุมการเล่นช่วยให้คุณตรวจสอบจังหวะการเคลื่อนไหว การหยุดชั่วคราว และการเปลี่ยนสถานะซ้ำๆ เมื่อการเลือกแสดงไทม์ไลน์ของภาพเคลื่อนไหว ความคิดเห็นเกี่ยวกับความคืบหน้าจะยังคงซิงค์กับคลิปที่ใช้งานอยู่ เพื่อให้คุณสามารถตรวจสอบเวลาได้แม่นยำยิ่งขึ้น
การตั้งค่าเลย์เอาต์ เช่น ความพอดี การจัดตำแหน่ง ขนาด ความเร็ว และพื้นหลังแคนวาส ช่วยให้จำลองตำแหน่งที่ภาพเคลื่อนไหวจะปรากฏภายในผลิตภัณฑ์ได้ง่ายขึ้น การควบคุมเหล่านี้มีประโยชน์อย่างยิ่งสำหรับการตรวจสอบ UI แบบฝัง การตรวจสอบตำแหน่งที่ปรับเปลี่ยนตามอุปกรณ์ และ QA ข้ามอุปกรณ์
- ปรับความเร็วให้ช้าลงหรือเร่งการทบทวน
- เปลี่ยนความพอดี การจัดตำแหน่ง และขนาดเพื่อให้ตรงกับพื้นผิวเป้าหมาย
- ตั้งค่าพื้นหลังแคนวาสที่สะท้อนบริบท UI จริง
ทดสอบอินพุตของเครื่องสถานะและตรวจสอบพฤติกรรมรันไทม์แบบสด
การแสดงตัวอย่างแบบโต้ตอบจะมีประโยชน์เมื่อคุณสามารถจัดการอินพุตเดียวกันกับที่รันไทม์ที่ใช้งานจริงจะได้รับ หากเครื่องสถานะโหลดเปิดเผยบูลีน ตัวเลข หรือทริกเกอร์ ให้ใช้โดยตรงในแผงควบคุมเพื่อทดสอบการเปลี่ยนภาพและตัวพิมพ์ Edge
ขณะที่คุณโต้ตอบ วิวเวอร์สามารถแสดงสถานะการเปลี่ยนแปลงไทม์ไลน์และเหตุการณ์รันไทม์ได้ ซึ่งช่วยให้เข้าใจได้ง่ายขึ้นว่าสถานะปัจจุบันเปลี่ยนแปลงตามที่คาดไว้ หรือข้อมูลเข้าสร้างเส้นทางการเปลี่ยนแปลงที่น่าประหลาดใจหรือไม่
- สลับบูลีนเพื่อตรวจสอบสถานะตามเงื่อนไข
- แก้ไขตัวเลขเพื่อทดสอบพฤติกรรมเกณฑ์หรือช่วง
- Fire triggers เพื่อตรวจสอบการเปลี่ยนแปลงที่ขับเคลื่อนด้วยเหตุการณ์
ใช้โหมดแฮนด์ออฟและเครื่องบันทึกเหตุการณ์สำหรับเอาต์พุตที่พร้อมสำหรับการตรวจสอบ
เมื่อคุณต้องการนำเสนอตัวอย่างอย่างชัดเจนแก่ผู้ตรวจสอบรายอื่น ให้เปิดใช้งานโหมดแฮนด์ออฟ ซึ่งช่วยให้มองเห็นบริบทรันไทม์ที่มีประโยชน์ที่สุดได้ ในขณะเดียวกันก็ลดการควบคุมสัญญาณที่ต่ำกว่าซึ่งมีความเกี่ยวข้องน้อยลงในระหว่างเซสชันคำติชม
ตัวบันทึกเหตุการณ์เป็นขั้นตอนสุดท้ายสำหรับการตรวจสอบแบบมีโครงสร้าง ใช้เพื่อบันทึกสิ่งที่เกิดขึ้นระหว่างเซสชัน จากนั้นส่งออกข้อมูลสรุป เจสัน ในเครื่องสำหรับการติดตามผลทางวิศวกรรม บันทึก QA หรือเอกสารประกอบการตรวจสอบการออกแบบ