WebAssembly sayesinde artık web'de kullanılabilen araçları gösteren bir gösterim.
WebAssembly, geliştiricilerin diğer dillerden web'e yüksek performanslı yeni işlevler getirmesini sağlar. Son birkaç yılda geliştiriciler bu olanaklardan gerçekten yararlandı. Bu yayında, kısmen WebAssembly sayesinde yararlanabileceğiniz yeni ve parlak araçlardan sadece birkaçı gösterilmektedir.
Şu anda kullanabileceğiniz araçlar ve kitaplıklar
Sözü fazla uzatmadan konuya girelim :D
SQLite
SQLite'in bu tam bağlantısı, hafif, yerleşik, ilişkisel bir veritabanı yönetim sistemi sunar. Daha fazla bilgi için bu inanılmaz bağlantı noktasını ve nasıl kullanılacağını gösteren blog yayınını okuyun.
FFmpeg.wasm
FFmpeg, video, ses ve diğer multimedya dosyalarını ve akışlarını işlemek için bir dizi kitaplık ve programdan oluşan ücretsiz ve açık kaynaklı bir yazılım projesidir. Tüm bu işlevleri doğrudan tarayıcıda yapmanıza olanak tanıyan bir wasm derlenmiş sürümü burada (github deposu) bulabilirsiniz.
Evrensel Sahne Açıklaması (ABD doları)
Evrensel Sahne Açıklaması (USD), ortak çalışmaya, bozulmamış düzenlemeye ve grafik verileri hakkında birden fazla görünüm ve görüş sunmaya odaklanan 3D bilgisayar grafik verileri için bir çerçevedir. Pixar, Autodesk, Nvidia ve daha birçok şirket tarafından desteklenen bir endüstri standardıdır. Web desteği henüz yeni kullanıma sunulmuş olsa da Autodesk, web tabanlı bir USD görüntüleyiciyi açık kaynak olarak kullanıma sundu. Bu görüntüleyiciyi buradan inceleyebilirsiniz.
CanvasKit
CanvasKit, Chrome ve Android'in doğrudan WebAssembly'e derlenmiş oluşturma motoru olan Skia'dır. Bu sayede, Skia oluşturma motorunun neredeyse tüm gücüne basit bir JavaScript API erişimi elde edersiniz. Bu işlevler arasında karmaşık oluşturma, metin şekillendirme, animasyon, mürekkepleme ve daha fazlası yer alır. npm paketine ve hızlı başlangıç kılavuzuna göz atın.
TensorFlow.js
TensorFlow.js, basit bir JavaScript API ile TensorFlow'un gücünü doğrudan tarayıcıya getirir. Arka planda, performansı en üst düzeye çıkarmak için modelleri hem GPU hem de CPU'da (SIMD optimizasyonları dahil) optimize eder. Başlangıç kılavuzunu inceleyebilir veya demolardan bazılarını doğrudan izleyebilirsiniz.
OpenCV
OpenCV, esas olarak gerçek zamanlı bilgisayar görüşü için programlama işlevleri sunan bir endüstri standardıdır. Kullanımı kolay bir npm paketi ve Emscripten kullanıcıları için tam derlemeyle ilgili ayrıntılı talimatlar da burada verilmiştir. SIMD ve iş parçacıklarının bu iş yüklerinin performansını nasıl iyileştirdiğine göz atmak için Modern WebAssembly Chrome Dev Summit konuşmasının bu bölümünü izleyebilirsiniz.
Cocos
Cocos, geliştiricilerin platformlar arası destekli oyunlar (artık web de dahil) oluşturmasını sağlayan güçlü ve popüler bir oyun motorudur. wasm aracılığıyla web dışa aktarımını etkinleştiren oyun motorlarının uzun listesine katıldı. Başlamak için Cocos düzenleyiciye gidin ve bu talimatları uygulayın.
Sonuç
Bu örneklere ek olarak, WebAssembly'nin yeni web işlevlerinin hızını değiştirme potansiyeli açısından heyecan verici birçok şey var. Chrome, geliştiricilerin tüm geliştiricilerin kullanımına açık web işlevlerini geliştirmek için çalışmalarına kaynak sağlayabilecek İleri Seviye Web Uygulamaları Fonu'nu bile oluşturdu.
Ann Marie Kennon tarafından Pexels'den alınan hero resim.