Posts

Showing posts from January, 2021

Membuat Animasi Jam dinding dengan Library ProcessingJS

Image
  Bagaimana cara menampilkan jam dinding pada website kita tanpa menggunakan content flash? salah satu jawabannya adalah sebagai berikut. Kita bisa membuat jam dinding dengan menggunakan framework html5 yaitu processingjs, yang bisa diunduh di situs processingjs.org. Disini kita akan menentukan waktu saat ini yang bisa dibaca dengan fungsi second(), minute(), dan hour(). Di contoh berikut ini, nilai sin() dan cos() digunakan untuk menentukan posisi lengan jarum jam. <!DOCTYPE html> <html>   <header>     <script src="https://github.com/downloads/processing-js/processing-js/processing-1.4.1.min.js"></script>     <script type="text/processing" data-processing-target="processing-canvas">       void setup() {    size(200, 200);    stroke(255);    smooth();           PFont fontA = loadFont("Arial");     int fontSize=16;     tex...

Ngoprek JSC3D

Image
 Pengenalan : Project ini menyediakan viewer 3d object untuk mempresentasikan model 3d dan scene kecil di halaman web, JSC3D dikodekan seluruhnya dalam javascript dan membutuhkan canvas HTML untuk melakukan interaksi dan rendering. JSC3D tidak ditargetkan untuk semua kebutuhan engine 3d. Dibuat khususnya untuk sharing desain online dan pameran produk-produk. Saat ini JSC3D dibuat secara murni dengan sofware javascript dengan memberdayakan teknologi canvas 2d dan tidak bergantung pada WEBGL ataupun plugin-plugin. Didesain untuk secara luas mendukung kebanyakan browser yg support operasi HTML5 canvas. JSC3D telah dites pada browser Opera, Chrome, Firefox, IE9 dan banyak lagi. Versi modifikasi untuk Microsoft IE versi yang kurang dari 9 juga tersedia. untuk mendownload aplikasi silahkan klik link berikut ini : Link jsc3d-full-0.9.8.zip setelah di ekstrak maka akan terlihat beberapa contoh aplikasi yang terdapat pada folder "demos". Pada kesempatan kali ini, penu...

Memulai Adonis JS

Image
  AdonisJS merupakan framework web Node.js dengan sintaks yang elegan, yang menjunjung tinggi kebahagiaan dan stabilitas developer.  Begitu kalimat yang tertulis di website resminya AdonisJS atau Adonis . Sehingga sudah pasti untuk dapat menggunakan Adonis ini, perlu menyiapkan environment Node.js di perangkat yang digunakan. Saya sarankan menggunakan Node Version Manager (NVM) untuk mengelola versi Node.js, bisa cek pada link ini atau ini (bagi pengguna OS windows). Adonis sendiri terinspirasi oleh Laravel (PHP Framework). Dengan membawa konsep Dependency Injection dan Service Provider yang dimiliki Laravel ke dalam Adonis . Framework ini mengusung konsep MVC (Model View Controller), namun juga dapat digunakan hanya untuk membuat API saja. Adonis akan mengehemat waktu dalam pengembangan sebuah web, karena dilengkapi banyak fitur. Sehingga tidak perlu repot berfikir dan mencari library untuk kebutuhan pengembangan aplikasi. Fitur-fiturnya Adonis meliputi: Sist...