http://www.javascriptbank.com/rss/game/skill/ JavaScript mới nhất: Kĩ năng vi Copyright (C) JavaScriptBank.com 60 [email protected] RSS <img src="http://www.javascriptbank.com/javascript.images/game/creative-html5-javascript-asteroid-game.jpg" width="100" height="100" align="left" style="margin: 5px;" />Hôm nay, jsB@nk muốn giới thiệu đến bạn cách thức để xây dựng một ứng dụng trò chơi đơn giản với kĩ thuật HTMl5 và JavaScript; tên ứng dụng này là Asteroid, và được jsB@nk đặt là <i>Trò chơi tránh thiên thạch</i> bởi cách chơi của nó: chỉ cần dùng các phím mũi tên để di chuyển nhân vật của mình (chiếc phi thuyền) né tránh các vật thể di chuyển ngẫu nhiên xung quanh. Điểm đặc biệt của trò chơi này là nó được xây dựng hoàn toàn dựa trên kĩ thuật HTML5 với tập lệnh <code>canvas</code> - một ví dụ mẫu JavaScript khá tốt để giúp chúng ta làm giúp chúng ta tiếp cận với kĩ thuật mới này. Hãy tìm hiểu thêm về canvas và HTML5 nếu bạn muốn thông qua các bài viết, hiệu ứng JavaScript khác trên jsB@nk: - <a href="http://www.javascriptbank.com/javascript-image-rotation-script-canvas-html5.html">JavaScript xoay ảnh với CANVAS trong HTML5</a> - <a href="http://www.javascriptbank.com/awesome-canvas-drawer-with-html5.html">Ứng dụng đồ họa tuyệt vời với HTML5</a> - <a href="http://www.javascriptbank.com/hot-new-javascript-apis-with-html5.html">Các hàm JavaScript mới trong HTML5</a> - <a href="http://www.javascriptbank.com/12-awesome-creative-javascript-games-you-should-try.html">12 trò chơi JavaScript đầy sáng tạo bạn nên chơi</a> http://www.javascriptbank.com/creative-html5-javascript-asteroid-game.html 1306474165 <img src="http://www.javascriptbank.com/javascript.images/game/cross-browser-black-snake-game.jpg" width="100" height="100" align="left" style="margin: 5px;" />Một đoạn mã JavaScript cho trò chơi <a href="/en+title=snake/">Rắn săn mồi</a> khác có thể chơi trực tiếp trên trang web. Đoạn mã này tuy đơn giản nhưng khá chuẩn do được viết theo mô hình <a href="/en+title=prototype/">prototype</a> và hướng đối tượng. http://www.javascriptbank.com/cross-browser-black-snake-game.html 1217205360 <img src="http://www.javascriptbank.com/javascript.images/game/w-sudoku-mini-index.jpg" width="100" height="100" align="left" style="margin: 5px;" />Một trò chơi trí truệ đang phổ biến. Trò chơi này có ba cấp độ. http://www.javascriptbank.com/w-sudoku-mini-index.html 1170117164 <img src="http://www.javascriptbank.com/javascript.images/game/simon-says-index.jpg" width="100" height="100" align="left" style="margin: 5px;" />Trò chơi yêu cầu bạn nhớ các bước đi của máy tính và thực hiện lại đúng như vậy. http://www.javascriptbank.com/simon-says-index.html 1170115946 <img src="http://www.javascriptbank.com/javascript.images/game/pong-index.jpg" width="100" height="100" align="left" style="margin: 5px;" />Một <a href="/javascript/">đoạn mã JavaScript</a> đơn giản khác để tạo <a href="/javascript/game/">trò chơi JavaScript</a> đánh bóng bàn có sử dụng hình ảng trên trang web của bạn. http://www.javascriptbank.com/pong-index.html 1170115943 <img src="http://www.javascriptbank.com/javascript.images/game/checkboxes.jpg" width="100" height="100" align="left" style="margin: 5px;" /><a href="/javascript/game/">Trò chơi JavaScript</a> yêu cầu bạn nhấp chuột vào các ô vuông trong thời gain 20 giây. http://www.javascriptbank.com/checkboxes.html 1170115915 <img src="http://www.javascriptbank.com/javascript.images/game/critter-thwacking.jpg" width="100" height="100" align="left" style="margin: 5px;" /><a href="/javascript/game/">Trò chơi JavaScript</a> sẽ hiển thị ngẫu nhiên hình mặt cười trong các ô vuông để bạn luyện độ tinh mắt và tốc độ nhấp chuột của mình. http://www.javascriptbank.com/critter-thwacking.html 1170115914 <img src="http://www.javascriptbank.com/javascript.images/game/typing-test.jpg" width="100" height="100" align="left" style="margin: 5px;" /><a href="/javascript/game/">Trò chơi JavaScript</a> sẽ giúp bạn lue65y tốc độ đánh máy. http://www.javascriptbank.com/typing-test.html 1170115913 <img src="http://www.javascriptbank.com/javascript.images/game/type-game.jpg" width="100" height="100" align="left" style="margin: 5px;" /><a href="/javascript/game/">Trò chơi JavaScript</a> sẽ giúp bạn luyện tập khả năng đánh máy chính xác hơn. http://www.javascriptbank.com/type-game.html 1170115912 <img src="http://www.javascriptbank.com/javascript.images/game/buzzy-the-reflex-tester.jpg" width="100" height="100" align="left" style="margin: 5px;" />Trò chơi sẽ rèn luyện kĩ năng rê và nhấp chuột cho bạn bằng cách làm ẩn hiện các ô vuông trong một khung để cho bạn nhấp vào các ô vuông này, trò chơi có giới hạn thời gian và hiển thị điểm số. http://www.javascriptbank.com/buzzy-the-reflex-tester.html 1170115886