Hi, Phòng khách!
Trang chủ
Đăng nhập
Công Cụ Tìm Kiếm

Lần hoạt động

| |
Tìm kiếm

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

Bài viết được duyệt bởi PuaruVN
Đăng ngày :11.07.2017 / 18:59[TOP]
tienplaygirl
Tienplaygirl
Active Member
♥♥♥♥♥
[PlayGirl]
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 - Lại Văn Đức Blog



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.
[thank]
PHP Code:
<?php
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
?>

Và đây là HTML Code:
PHP Code:
<?php
<div class="wrap">
 <
div class="game"></div>
 
  <
div class="modal-overlay">
  <
div class="modal">
  <
h2 class="winner">Thắng Rồi</h2>
  <
button class="restart">Chơi Lại</button>
  <
class="message">Developed on <a href="http://www.laivanduc.com/">Lại Văn Đức</aChi tiết tại <a href=" http://www.laivanduc.com/chia-se-code/javascript/tu-code-mot-game-lat-hinh-giong-nhau.html">www.laivanduc.com</a></p>
  <
class="share-text">Chia sẻ chiến thắng</p>
  <
ul class="social">
  <
li><a target="_blank" class="twitter" href="http://twitter.com/share?url=http://codepen.io/laivanduc/pen/mJappx"><span class="brandico-twitter-bird"></span></a></li>
  <
li><a target="_blank" class="facebook" href="http://www.facebook.com/sharer.php?u=http://codepen.io/laivanduc/pen/mJappx"><span class="brandico-facebook"></span></a></li>
  <
li><a target="_blank" class="google" href="https://plus.google.com/share?url=http://codepen.io/laivanduc/pen/mJappx"><span class="brandico-googleplus-rect"></span></a></li>
  </
ul>
  </
div>
  </
div>
   <
footer>
  <
class="disclaimer">Tất cả các Logo được sử dụng trong Game này do sở hữu của các tổ chức tương ứng.</p>
  </
footer>
   </
div><!-- End Wrap -->
?>

Tiếp theo chúng ta sẽ cần tới đoạn Code CSS như sau:
Ấn vào đây để hiện (Ẩn/Hiện)

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

Bấn Vào để hiện code (Ẩn/Hiện)
[/thank]
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é.

Đã chỉnh sửa. tienplaygirl (11.07.2017 / 19:00) [1]
Đăng ngày :11.07.2017 / 19:07 #1
Nobitas1
Nobitas1
Active Member
♥♥
1 tuổi thơ <3
Đăng ngày :11.07.2017 / 20:48 #2
tienplaygirl
Tienplaygirl
Active Member
♥♥♥♥♥
[PlayGirl]
kaka
Đăng ngày :11.07.2017 / 20:55 #3
hoangson789
hoangson789
Active Member
dufng sao pro
Đăng ngày :11.07.2017 / 21:11 #4
giaitri_2s
giaitri_2s
Active Member
♥♥♥♥♥
[I Am Noob Bựa]
Vui lòng đăng nhập để thấy Links!
hoangson789 (11.07.2017 / 20)
dufng sao pro
Tạo 1 file.
.php paster code vào
Đăng ngày :11.07.2017 / 21:12 #5
tienplaygirl
Tienplaygirl
Active Member
♥♥♥♥♥
[PlayGirl]
như tí
Đăng ngày :11.07.2017 / 21:16 #6
giaitri_2s
giaitri_2s
Active Member
♥♥♥♥♥
[I Am Noob Bựa]
Vui lòng đăng nhập để thấy Links!
tienplaygirl (11.07.2017 / 21:12)
như tí
xin link web bác leech qua ib
Đăng ngày :11.07.2017 / 22:23 #7
Vgtran347
Vgtran347
Active Member
♥♥♥
[ZEO-V]
Đăng ngày :11.07.2017 / 22:59 #8
Vgtran347
Vgtran347
Active Member
♥♥♥
[ZEO-V]
Đăng ngày :11.07.2017 / 23:14 #9
Hello
Hello
Active Member
Vui lòng đăng nhập để thấy Links!
Bình luận bài viết
Đăng Nhập để Bình luận và sử dụng đầy đủ tính năng Diễn Đàn
  Tổng số: 13 Bình luận

Chia sẻ bài viết
Đám Mây Từ Khóa
Bài Viết Cùng chuyên mục
Lọc theo tác giả
Xem chủ để ngoại tuyến (Offline)

Trong diễn đàn

Sắp xếp theo thứ tự từ trên xuống
BigTruyen.info - Kho Truyện Tranh Online Khổng lồ
Trang chủ