ToolBuddyToolBuddy
Yardımcı Program

Rive Animasyon Görüntüleyicisi

Animasyon oynatma, durum makinesi testi, durum zaman çizelgesi incelemesi, olay kaydı ve devredilmeye hazır düzen kontrolleri ile Rive `.riv' dosyalarını yerel olarak önizleyin.

Rive .riv Dosyasını Seçin veya Bırakın

Önizleme etkileşimli Rive çalışma zamanı, çalışma yüzeyi değiştirme, durum makinesi girişleri, olay kaydı ve aktarmaya hazır düzen kontrolleriyle yerel olarak dışa aktarılır.

Yüklenen `.riv' dosyasını, ToolBuddy sunucusuna yükleme olmadan tarayıcınızda tutar.
OffscreenCanvas ile Rive işlemeyi yalıtılmış bir çalışanın içinde çalıştırır, böylece çalışma zamanı başlatma işlemi başarısız olursa ToolBuddy kurtarılabilir.
Çalışma yüzeylerini, animasyonları, durum makinelerini, girişleri ve oynatma hızını tek bir inceleme çalışma alanında sunar.
Bir durum zaman çizelgesi ve olay kaydedici ekler, böylece çalışma zamanı davranışının QA ve aktarım sırasında açıklanması daha kolay olur.

Neden ToolBuddy?

Dosya yükleme yok

`.riv` dosyanız cihazınızda kalır.

Hızlı çalışma zamanı önizlemesi

Kanvas oluşturma, yalıtılmış bir önizleme çalışanının içinde başlıyor.

Etkileşimli hata ayıklayıcı

Çalışma yüzeylerini, durum makinelerini, girişleri, zaman çizelgesi olaylarını ve inceleme bağlamını inceleyin.

Ücretsiz, kayıt yok

Tüm araçlar sonsuza kadar ücretsizdir. Hesap gerekmez.

İş akışınızı öğrenin

Desteklenen dosyalar ve nasıl kullanılır?

Desteklenen input/output ayrıntılarını kontrol edin ve dışa aktarmadan önce araç adımlarını izleyin.

🧾

Teknik özellikler ve karar sinyalleri

Rive-animation-viewer'ı çalıştırmadan önce iş akışı uyumunu, gizlilik sınırlarını ve çıktı beklentilerini doğrulamak için bu özellikleri kullanın.

Maliyet

Temel kullanım için kayıt kapısı olmayan ücretsiz iş akışı.

Güvenlik

İşleme, sunucunun yüklemeye maruz kalmasını azaltmak için mümkün olduğunda tarayıcıda çalıştırılır.

Cihaz

Modern masaüstü ve mobil tarayıcıları destekler.

Teknik özellikler

Giriş: dışa aktarılan Rive `.riv` çalışma zamanı dosyaları. Çıktı: çalışma yüzeyi, animasyon, durum makinesi, giriş, düzen, hız, zaman çizelgesi, olay kaydedici ve yerel JSON inceleme dışa aktarma kontrollerini içeren tarayıcı içi çalışma zamanı önizlemesi.

🧭

Nasıl kullanılır?

Desteklenen input/output ayrıntılarını kontrol edin ve dışa aktarmadan önce araç adımlarını izleyin.

01

Bir `.riv` çalışma zamanı dosyasını seçin veya bırakın.

02

Yalıtılmış çalışan önizlemesi otomatik olarak başlarken imza doğrulamasını bekleyin.

03

İncelemek istediğiniz çalışma yüzeyini, animasyonu veya durum makinesini seçin.

04

Hedef düzeniniz için sığdırma, hizalama, ölçek ve tuval arka planını ayarlayın.

05

Etkileşimi doğrulamak için oynatma kontrollerini, hızı ve durum makinesi girişlerini kullanın.

06

Geri bildirimi veya entegrasyon notlarını paylaşmadan önce durum zaman çizelgesini, olay kaydediciyi ve aktarım modunu inceleyin.

Rehber

Öğrenin, karar verin, ve uygulayın.

Rive dosyalarının yerel olarak nasıl inceleneceği'in nasıl yapılacağını, tekrarlanan iş akışlarında neden önemli olduğunu ve bu aracın ne zaman güvenle kullanılacağını anlayın.

✨

Durum makinesi incelemesi ve çalışma zamanı hata ayıklaması

  • Yüklenen `.riv' dosyasını, ToolBuddy sunucusuna yükleme olmadan tarayıcınızda tutar.
  • OffscreenCanvas ile Rive işlemeyi yalıtılmış bir çalışanın içinde çalıştırır, böylece çalışma zamanı başlatma işlemi başarısız olursa ToolBuddy kurtarılabilir.
  • Çalışma yüzeylerini, animasyonları, durum makinelerini, girişleri ve oynatma hızını tek bir inceleme çalışma alanında sunar.
  • Bir durum zaman çizelgesi ve olay kaydedici ekler, böylece çalışma zamanı davranışının QA ve aktarım sırasında açıklanması daha kolay olur.
  • Yerleştirme testi için düzen, ölçek, arka plan ve denetçi katmanlarını içerir.
  • Gözden geçirenlerin kaynak dosyaları paylaşmadan yerel bir JSON oturum özetini dışa aktarmalarına olanak tanır.
🎯

Entegrasyondan önce Rive aktarımlarını test ediyor

  • Çalışma zamanı kodunu eklemeden önce etkileşimli Rive bileşenlerini test edin.
  • Rive'dan dışa aktarılan çalışma yüzeylerini, animasyonları ve durum makinelerini doğrulayın.
  • Tasarımcıdan geliştiriciye aktarım sırasında durum geçişlerini ve girdi değişikliklerini gözden geçirin.
  • Web, uygulama, oyun veya kodsuz yerleştirmeler için düzen davranışını kontrol edin.
  • Hata ayıklama veya QA takibi için yerel bir JSON inceleme oturumunu dışa aktarın.
Hakkında

Rive Animasyon Görüntüleyicisi Hakkında

Rive Görüntüleyici ÇevrimiçiRive Animasyon GörüntüleyicisiRive Durumu Makine Görüntüleyicisi

Dışa aktarılan Rive çalışma zamanı dosyalarının önizlemesi

Rive Animation Viewer, dışa aktarılan `.riv' çalışma zamanı dosyalarını doğrudan tarayıcınızda açar; böylece tasarımcılar, geliştiriciler ve QA incelemecileri gönderilecek olan çalışma zamanı varlığını tam olarak inceleyebilirler.

Araç, dosya arabelleğinin bir kopyasını yalıtılmış bir çalışan önizlemesine aktarmadan önce "RIVE" binary imzasını doğrular; bu, çalışma zamanı yüklemesi başarısız olsa bile ana sayfanın yanıt vermesini sağlar.

Çalışma yüzeylerini, animasyonları ve durum makinelerini inceleme

Dışa aktarılan çalışma yüzeyleri arasında geçiş yapın, animasyon kliplerini seçin ve birden fazla test yüzeyi arasında geçiş yapmak yerine tek bir yerel inceleme çalışma alanından durum makinelerini çalıştırın.

Önizleme, seçim bağlamını tuval üzerinde görünür tutarken denetçi katmanı, hızlı kontroller için imzayı, sayıları ve çalışma yüzeyi boyutlarını özetler.

Etkileşimli girişleri test edin ve davranışı inceleyin

Bir durum makinesi girişleri kullanıma sunduğunda, önce entegrasyon kodunu yazmanıza gerek kalmadan canlı çalışma zamanında booleanları değiştirebilir, sayıları düzenleyebilir ve tetikleyicileri tetikleyebilirsiniz.

Durum zaman çizelgesi ve olay kaydedici panelleri, seçimler, çalışma zamanı olayları ve durum değişiklikleri görünür kaldığından, QA, inceleme ve mühendis aktarımı sırasında bu etkileşimlerin açıklanmasını kolaylaştırır.

Düzeni, hızı ve arka plan davranışını kontrol edin

Sığdırma, hizalama, ölçekleme, hız ve arka plan kontrolleri, animasyonun gerçek ürün yüzeylerine nasıl oturacağını ve hissettireceğini doğrulamaya yardımcı olur.

Duyarlı tuval yeniden boyutlandırma, önizlemenin masaüstü ve mobil kontrollerde kullanışlı olmasını sağlarken, geçiş modu paneli en önemli inceleme yüzeylerine kadar indirir.

Önizlemeyi yerel tutun ve yapılandırılmış inceleme notlarını paylaşın

Yüklenen `.riv` dosyaları yerel olarak okunur ve ToolBuddy sunucularına yüklenmez. Olay kaydedici, kaynak animasyonunuzu bir arka uca kopyalamadan yerel bir JSON inceleme anlık görüntüsünü dışa aktarabilir.

Yalıtılmış çalışan, Rive CDN'sinden Rive canvas çalışma zamanını ve WASM'yi yükler; bir ".riv" Rive tarafından barındırılan varlıklara referans veriyorsa, çalışma zamanı önizlemeyi tamamlamak için bu varlıkları getirebilir.

FAQ

Yaygın sorular.

Başka sorularınız mı var? aracılığıyla ulaşın iletişim sayfamız ve 24 saat içinde cevap vereceğiz.

Rive dosyalarım bir sunucuya yükleniyor mu?

Hayır. Rive Animation Viewer, `.riv' dosyasını yerel olarak okur ve onu tarayıcınızda işler.

Hangi dosyalar desteklenir?

Araç, dışa aktarılan Rive çalışma zamanı `.riv` dosyalarını destekler. Düzenlenebilir `.rev` projesi veya yedekleme dosyaları desteklenmez.

Durum makinelerini ve girişlerini inceleyebilir miyim?

Evet. Çalışma yüzeylerini, animasyonları ve durum makinelerini değiştirebilir, ardından canlı çalışma zamanında açıkta kalan boole değerini, sayıyı ve tetikleyici girişleri test edebilirsiniz.

Bir inceleme oturumunu dışa aktarabilir miyim?

Evet. Olay kaydedici, seçimleri, çalışma zamanı olaylarını, giriş değişikliklerini ve zaman çizelgesi etkinliğini yakalayan yerel bir JSON oturum özetini indirebilir.

Kullanım durumları

Popüler iş akışları.

Bu aracın doğal olarak uyduğu gerçek iş akışlarını görün ve ardından doğrudan eşleştirme kılavuzuna geçin.

Tüm araçları görüntüle

Spine viewer

Önizleme Spine JSON, atlas ve PNG, oynatma, görünüm, hız ve hata ayıklama kontrolleriyle yerel olarak dışa aktarılır.

Açık iş akışı

sprite atlas paketleyici

Unity, Phaser, Cocos, CSS ve JSON dışa aktarma ön ayarlarıyla dağınık spriteları veya klasörleri atlas sayfalarına paketleyin.

Açık iş akışı

Sprite Sayfası Paketinden Çıkarıcı

Kukla atlas sayfalarını yapılandırma ayrıştırma, otomatik algılama ve ızgara dilimleme ile ayrı ayrı PNG kuklalara açın.

Açık iş akışı

İlgili

Daha fazlasını keşfedin aletler.

Tüm araçları görüntüle

Spine viewer

Yardımcı ProgramPopüler

Önizleme Spine JSON, atlas ve PNG, oynatma, görünüm, hız ve hata ayıklama kontrolleriyle yerel olarak dışa aktarılır.

sprite atlas paketleyici

Yardımcı Program

Unity, Phaser, Cocos, CSS ve JSON dışa aktarma ön ayarlarıyla dağınık spriteları veya klasörleri atlas sayfalarına paketleyin.

Sprite Sayfası Paketinden Çıkarıcı

Yardımcı Program

Kukla atlas sayfalarını yapılandırma ayrıştırma, otomatik algılama ve ızgara dilimleme ile ayrı ayrı PNG kuklalara açın.

Görüntü Sıkıştırıcı

ResimPopüler

JPG, PNG ve WebP dosyalarını, tarayıcınızda yerel olarak çalışan hızlı bir özel resim aracıyla sıkıştırın.