Transform Image Menjadi Grayscale Menggunakan Rust

Setelah selesai melakukan setup pada modul-modul sebelumnya, sekarang kita mulai melakukan coding menggunakan Rust. Pertama kita tambahkan konfigurasi pada Cargo.toml dengan menambahkan table dependencies untuk web-sys, crate link: https://crates.io/crates/web-sys base64, crate link: https://crates.io/crates/base64 image, crate link: https://crates.io/crates/image Perhatian: pastikan gunakan versi seperti pada konfigurai dibawah, karena ada kemungkinan error bila menggunakan versi yang berbeda. Buka … Read more

Sharing is caring:

Setup Webpack, Rust dan wasm

Pada modul sebelumnya kita baru melakukan project setup untuk webpack untuk melakukan otomasi file html dan javascript. Pada modul ini kita akan mengkonfigurasi webpack agar melakukan kompilasi otomatis file Rust menjadi WebAssembly. Perhatian: tutorial ini untuk OS windows. Pastikan system terinstall Visual Studio C++ Build Tools. Agar kompilasi ototmatis yang dilakukan webpack dapat berjalan dengan … Read more

Sharing is caring:

Project Setup

Download File Starter Project Untuk kemudahan tutorial, file html dan javascript sudah disediakan. Silakan download di: https://drive.google.com/file/d/1TFSuOJQ0DVARC-1eE1i0dC4JUPPYlPVw/view?usp=sharing Extract file diatas, lalu simpan dalam project directory dalam folder public. Membuat Rust Library Project Pertama buat Rust library project dengan menggunakan perintah cargo. Masuk ke direktori project lalu jalankan perintah berikut Instalasi webpack dan Konfigurasi Instalasi webpack … Read more

Sharing is caring:

Pengenalan WebAssembly

WebAssembly adalah teknologi baru dalam dunia web development. Javascript sebagai bahasa utama dalam web programming, awalnya dikembangkan untuk mengatur UI dari aplikasi. Walaupun Javascript dapat menangani proses yang memerlukan computing resource besar, seperti sebagai web server (nodejs), namun jika digunakan untuk aplikasi yang membutuhkan akses terhadap hardware, performa aplikasi akan menjadi turun. Dengan mulai bergesernya … Read more

Sharing is caring: