← Back to Projects
Interactive Anime Eye-Tracking Login Page with Dynamic Authentication States
Interactive Anime Eye-Tracking Login Page with Dynamic Authentication States

Interactive Anime Eye-Tracking Login Page with Dynamic Authentication States

Proyek ini adalah halaman login interaktif yang menggabungkan estetika desain visual bergaya anime dengan teknologi web modern. Fitur utamanya mencakup animasi mata anime yang secara real-time mengikuti arah pergerakan kursor mouse pengguna, serta perubahan ekspresi atau animasi mata yang dinamis merespons berbagai aktivitas atau status selama proses otentikasi login berlangsung.

Template Portfolio (Not for Sale)

Detail Informasi

Release Date
25 August 2026
Last Updated
03 September 2026
Client
Everyone
Role
Full-Stack Developer
Year
2026
Views
7x

Technology

html5 Html5
tailwindcss Tailwindcss
Live Demo →

Interested in This Project?

Contact me if you need a similar project or application custom-built to your requirements.

Contact via WhatsApp

Project Purpose

Meningkatkan User Engagement: Memberikan pengalaman pengguna (user experience) yang unik, interaktif, dan berkesan sejak pertama kali mengakses halaman web. Sentuhan Personalisasi Visual: Menciptakan antarmuka autentikasi yang tidak kaku, melainkan hidup dan responsif terhadap interaksi pengguna. Keamanan & Validasi Fungsional: Menyediakan sistem verifikasi kredensial login yang aman dan terstruktur di sisi backend.

Deskripsi Lengkap & Studi Kasus

Eye-Tracking Berbasis Mouse: Menggunakan JavaScript untuk mendeteksi koordinat pergerakan kursor (cursor tracking) secara real-time, lalu menggerakkan pupil mata karakter anime agar seolah-olah "menatap" arah pandangan pengguna.

Dynamic Status Animation: Mengubah animasi atau ekspresi mata berdasarkan aktivitas login—misalnya, mata akan terbuka lebar saat fokus mengetik, berkedip, atau menutup/berpaling saat kolom kata sandi (password) sedang disembunyikan demi alasan privasi estetika.

Sistem Otentikasi Aman: Memproses data kredensial (username/password) yang dimasukkan pengguna dan mencocokkannya secara aman dengan data terenkripsi di database.

Other Projects