Home » Chia Sẻ Code » JavaScript » Tự Code một Game lật hình giống nhau

Tự Code một Game lật hình giống nhau

Tôi tự hỏi không biết trước kia bạn đã từng chơi Game Pikachu chưa. Cái thủa mà internet không được phổ biến rộng rãi như bây giờ. Lúc đó tôi mới sắm được một PC chạy chip intel celeron. Nhà thì làm gì có mạng và Pikachu là một trong những tựa Game tôi thích nhất lúc bấy giờ. Về cơ bản thì trong máy tính của tôi lúc đó chỉ có vài Game dạng như thế  :mrgreen:

Tự Code một Game lật hình giống nhau Tự Code một Game lật hình giống nhau - Lại Văn Đức Blog
Tự Code một Game lật hình giống nhau

Và hôm nay chúng ta sẽ trở về quá khứ bằng việc tạo ra một ứng dụng web từ những dòng Code. Cụ thể, chúng ta sẽ tự code một game lật hình mà bạn có thể dễ dàng áp dụng trên website của mình để người dùng có chỗ giải trí nếu bạn muốn. Sau khi người chơi chiến thắng họ có thể chơi lại hoặc chia sẻ lên mạng xã hội.

Đầu tiên chúng ta sẽ cần những dòng Code bên dưới.

Bạn lưu ý thẻ viewport được sử dụng bên trên là để gán Responsive trên các thiết bị di động.

Và bạn cũng cần gọi thư viện jquery về bằng Link sau:

Và đây là HTML Code:

Tiếp theo chúng ta sẽ cần tới đoạn Code CSS như sau:

Và cuối cùng là linh hồn của Game này bằng JavaScript:

Các bạn để ý đoạn Code bên trên gồm rất nhiều link hình ảnh được sử dụng. Các bạn có thể thay đổi hình ảnh khác của bạn nhưng hãy để kích thước vuông để hiển thị cho đẹp mắt.

Rồi, ngay bây giờ mời bạn cùng chơi Game với tôi và hãy cho mọi người biết bạn đã phải mất bao nhiêu thời gian để chiến thắng nhé.  😆

See the Pen Self Code a similar flip the Game by Lại Văn Đức (@laivanduc) on CodePen.16775

2 comments

  • Hello, guest