Mo.js - Web İçin Komple Hareketli Grafik Kütüphanesi

Web üzerinde animasyon olarak kalmak için burada JavaScript sadece daha güçlü hale geliyor ve tarayıcı desteği her geçen yıl artıyor.

Aşina olduğumuz animasyonların çoğu arayüze odaklanıyor: açılır menüler, sekmeli düğmeler ve slayt gösterileri yaygın örneklerdir.

Fakat Mo.js farklı. Bu bir Özel hareketli grafikler için hazırlanan JavaScript kitaplığı tasarımcıların basit UI / UX numaralarının ötesine geçen şaşırtıcı animasyon özellikleri oluşturmalarına yardımcı olmak için.

Mo.js ana sayfasını ziyaret ederseniz, tam dokümantasyon Yeni başlayanlar için harika bir rehber.

Bunu not al kütüphane ile çalışmak oldukça zor. Mo.js ile bağlantı kurmadan önce, temel önyüz kodlamasına aşina olmalısınız. Ancak, yalnızca canlı demoları inceleyerek ve bazı kaynak kodları kazarak alabileceğiniz çok şey var.

Hareket halindeyken bazı demolar görmek istiyorsanız ana GitHub deposuna bir göz atın.

CodePen'den tümü canlı Mo.js demolarını içeren bir bağlantı listesi bulunmaktadır. Bunlar arasında tam ekran sayfa animasyonu yükleyicileri, tıklatarak hareketlendirilen mikro etkileşimleri, ve ton şekil manipülasyonları.

Örneğin, bu kalem kullanıcı girişinden oldukça çılgın bir mikro etkileşime neden olur (görmek için kalemin herhangi bir yerine tıklayın).

Bu kalemlerin bazıları üstte hissediyor olabilirler, ancak bunlar sadece JS animasyonları değil. Gerçekten sanat eserleri gibiler.

Bu demolar kanıtlıyor tam olarak ne kadar geldik Web üzerinde animasyon ile. Herkesin sadece ön kod kullanarak bu efektleri yaratması gerçekten inanılmaz..

Mo.js'den daha fazlasını görmek istiyorsanız GitHub'daki demolara bir göz atın. Bu öğreticiyi, Mo.js kütüphanesi ile adım adım nasıl çalışacağını öğretmeyi de isteyebilirsiniz..

Her iki durumda da, bu benim favori animasyon kütüphanelerimden biri bugüne kadar. Başka hiçbir yerde bulamayacağınız kadar çok kontrol sunar. Ve mobil uygulamalardan mikro entegrasyonların web tasarımına getirilmesine yardımcı oluyor.