WebAssembly tarafından kullanıma sunulan, geliştiriciler için yeni işlevler

WebAssembly sayesinde artık web'de kullanılabilen araçlar sergisi.

Thomas Nattestad
Thomas Nattestad

WebAssembly, geliştiricilerin diğer dillerden web'e yeni yüksek performanslı işlevler getirmesini sağlar. Geçtiğimiz birkaç yılda, geliştiriciler bu olanaklardan gerçekten yararlandı. Bu gönderide, kısmen WebAssembly sayesinde yararlanabileceğiniz yepyeni araçlardan yalnızca birkaçı tanıtılmaktadır.

Artık kullanabileceğiniz araçlar ve kitaplıklar

Daha fazla vakit kaybetmeden işin iyi kısmına geçelim :D

SQLite

Bu eksiksiz SQLite bağlantı noktası, hafif, yerleşik, ilişkisel bir veritabanı yönetim sistemi sunuyor. Daha fazla bilgi edinmek için bu muhteşem bağlantı noktasını ve nasıl kullanılacağını gösteren bu blog yayınını okuyun.

FFmpeg.wasm

FFmpeg video, ses ve diğer multimedya dosyaları ile akışlarını işlemek için bir dizi kitaplık ve programdan oluşan ücretsiz ve açık kaynak bir yazılım projesidir. Tüm bu işlevleri doğrudan tarayıcıda yapabilmenizi sağlayan Wasm derlenmiş sürümünü burada (github deposu) bulabilirsiniz.

Evrensel Sahne Açıklaması (ABD doları)

Evrensel Sahne Açıklaması (USD); ortak çalışmaya, zarar vermeyen düzenlemeye ve grafik verileri hakkında birden çok görünüm ve görüşe odaklanan 3D bilgisayar grafiği verileri için kullanılan bir çerçevedir. Pixar, Autodesk, Nvidia ve daha birçok firma tarafından desteklenen bir endüstri standardıdır. Web desteği konusunda daha yolun başında olsalar bile Autodesk, web tabanlı bir ABD Doları görüntüleyicisini zaten açık kaynaklıdır. Buradan görebilirsiniz.

CanvasKit

CanvasKit, doğrudan WebAssembly'de derlenen, Chrome ve Android'in oluşturma motoru Skia'dır. Bu özellik sayesinde, Skia oluşturma motorunun neredeyse tüm gücünden basit JavaScript API erişimi elde edersiniz. Bu işlev, karmaşık oluşturma, metin biçimlendirme, animasyon, mürekkep kullanımı ve daha fazlasını içerir. npm paketi ve hızlı başlangıç kılavuzuna göz atın.

TensorFlow.js

TensorFlow.js, TensorFlow'un gücünü basit bir JavaScript API ile doğrudan tarayıcıya taşır. Gelişmiş olarak, performansı en üst düzeye çıkarmak için modelleri hem GPU hem de CPU genelinde optimize eder (SIMD optimizasyonları dahil). Başlangıç kılavuzuna göz atabilir veya doğrudan demolarından bazılarına göz atabilirsiniz.

OpenCV

OpenCV, temelde gerçek zamanlı bilgisayar görüşü için kullanılan programlama işlevlerine yönelik bir endüstri standardıdır. Kullanımı kolay bir npm paketi burada bulunmaktadır. Emscripten kullanıcıları için eksiksiz bir derleme yapmak için ayrıntılı talimatlar da bulunmaktadır. SIMD ve iş parçacıklarının bu iş yüklerinin performansını nasıl iyileştirdiğini görmek için Modern WebAssembly Chrome Geliştirici Zirvesi konuşmasının bu bölümünü izleyebilirsiniz.

Cocos

Cocos, geliştiricilerin platformlar arası destekle oyun geliştirmesine olanak tanıyan güçlü ve popüler bir oyun motorudur. Artık buna web de dahildir. Bu platform, wasm üzerinden web dışa aktarma özelliğini etkinleştiren oyun motorlarının uzun listesinde yer alıyor. Başlamak için Cocos düzenleyiciye girip bu talimatları uygulayın.

Sonuç

Bu özel örneklerin yanı sıra, WebAssembly'nin yeni web işlevlerinin hızını değiştirme potansiyeli konusunda heyecan verici pek çok şey var. Chrome, geliştiricilerin çalışmalarını finanse ederek tüm geliştiricilerin yararlanabileceği web işlevlerini geliştirebilmelerine yardımcı olmak için Advanced Web Apps Fund (Gelişmiş Web Uygulamaları Fonu) bile hazırladı.

Pexels'ten, Ann Marie Kennon'ın lokomotif resmi.