
English: 
In this video
I need you to choose one upcoming tutorial...
...there's four of JS Animation, please choose one
for my upcoming tutorial videos
Writes on comments below!
Which one would you choose
for my upcoming tutorial
Please watch all clip in this videos!

Indonesian: 
Di video kali ini
Aku ingin meminta bantuan para ngoding mania untuk...
memilihkan satu dari empat video animasi javascript
yang akan dijadikan video tutorial selanjutnya
Tulis komentar di bawah!
cuplikan manakah yang cocok
untuk dibuatkan tutorialnya
Tonton terus video ini sampai habis!

Indonesian: 
Terlihat dalam klip pertama
efek awan hijau yang bisa di gunakan untuk loader
atau laman depan di dalam website
Partikel kabut yang dibuat merupakan...
...hasil manipulasi elemen div HTML
di bantu fungsi filter blur dari CSS
Lingkaran hitam menyerupai blackhole ini dibuat...
...menggunakan fungsi clip-path circle at center css
Sinar hijau yang keluar dari bawah dan kabut yang mengelilingi blackhole

English: 
First one is...
Green Cloud effect, you can used it for loader
or placed on main pages
Cloud's particles was created by...
...div elements of HTML
then they were blends with CSS
Blackhole effects created by CSS...
...clip-path property (circle at center)
Green lights came out from bottom of screen and blackhole surrounding by green fog.

Indonesian: 
Masing-masing mempunyai 35 partikel yang dikeluarkan...
...satu per satu...
...oleh fungsi setInterval kepunyaannya Javascript
Klip kedua
transformasi awan menjadi teks dengan...
...latar belakang gambar yang bergerak secara perlahan
atau sering disebut cinematic
Perubahan awan menjadi teks merupakan manipulasi filter kepunyaan SVG
lalu latar belakang gambar digerakan oleh fungsi setInterval pada...
...properti background-position kepunyaan css
Klip ketiga
efek animasi javascript ini cocok menjadi klip yang ditempelkan pada video
Biasanya berisi alamat surel, socmed atau info lainnya

English: 
Each element has 35 particles...
...came out one by one...
...using setInterval function (Javascript)
Second,
Cloud transformation into text animations...
...with animated background
known as a cinematic movie
Cloud effects created by SVG filter
then animated background can be moved by using setInterval blend with...
...background-position CSS property
Third
How to makes lower third animations clip
you can filled with your social media account

English: 
This effect created by addEventListener
When you typed a correct text inside search box
animation will shown
Animations created by CSS keyframes property
mixed with setProperty function of JavaScript
Last clip
Parallax effects
When you scrolling your mouse
You can see animated background
rolling, but with delay
there is many layers on background elements
This is how parallax's works
Parallax effect created by ScrollTop function and...
...setInterval function JavaScript

Indonesian: 
Efek ini menggunakan input dari addEventListener JS
Ketika teks yang dicari di kotak pencari ditemukan
maka akan tampil animasi ini
Animasi menggunakan keyframes-nya CSS
digabungkan dengan setProperty-nya JavaScript
Klip terakhir
efek parallax berlatar belakang gambar & teks animasi
Coba perhatikan saat scroll mouse diputar
terlihat latar belakang gambar menggulung
namun tidak bersamaan
Latar belakang gambar dibuat berlapis
Sehingga tercipta efek parallax ini
Efek ini menggunakan fungsi ScrollTop dan...
...setInterval kepunyaan JavaScript

Indonesian: 
Satu dari empat video klip manakah yang akan menjadi video tutorial berikutnya?
Semuanya tergantung dari partisipasi ngoding mania
Silahkan bantu pilihkan
dengan cara mengisi komentar di bawah
Jangan lupa SUBSCRIBE
untuk menyaksikan video terbaru lainnya
like dan bagikan
Terima kasih telah menyaksikan video ini
Sampai jumpa

English: 
Which one would you choose for next tutorial?
Please choose one of four JavaScript Animations
Help me to choose the most you want by...
...writes your comment below
Dont forget to SUBSCRIBE
for more video upcoming
like and share
Thanks for watching
See yaa
