Tự học Animate CC

  [Animate CC] - Hướng dẫn làm game chém hoa quả trên HTML5 Canvas tags:  AnimateCC ,  HTML5 Canvas Chào các bạn, hôm nay chúng ta sẽ cùng học cách làm game chém hoa quả - ninja fruit trên Animate CC nhé! Game chém hoa quả là một game khá phổ biến từng có thời gian gây bão khi điện thoại thông minh với màn hình touchscreen lớn ra đời. Nhiệm vụ của các bạn là chém các quả được “bắn” lên từ dưới màn hình trước khi chúng kịp rơi xuống. Nếu chém trúng thì quả sẽ bị bổ đôi và bắn nước tung tóe thích mắt. Cùng bắt tay vào làm thôi nào! Trước tiên hãy đổi tên ‘Layer1’ thành một cái tên dễ hiểu hơn nhé, chẳng hạn như ‘container’ (vì nó chứa cả màn chơi mà). Sau đó ta sẽ vẽ một hình chữ nhật bao cả màn chơi, đặt nó tại (0,0) và export nó thành symbol với tên là ‘container’ luôn nhé! Nhưng mục đích chính của mình là tạo nên 1 container ở vị trí (0,0) thôi, nên hãy vào trong symbol và xóa cái khối vừa tạo đi nhé! Ok, giờ chúng ta hãy tạo một khối vuông tượng trưng cho một trái quả (fruit) sẽ bay

  [Animate CC] - Hướng dẫn làm game mê cung trên HTML5 Canvas tags:  AnimateCC ,  HTML5 Canvas Chào các bạn, hôm nay chúng ta sẽ học làm game mê cung trên Animate CC HTML5 Canvas nhé! Game mê cung là game mà chúng ta sẽ di chuyển chuột đi tới đích làm sao mà không bị chạm vào tường. Trước tiên, chúng ta hãy tạo nên màn chơi trước. Đổi tên layer hiện tại thành ‘maze’ và vẽ một mê cung có 1 lối vào và 1 đích đến. Không nhất thiết phải vẽ giống tut của mình đâu, mọi người cứ tha hồ sáng tạo nhé! Ta export mê cung vừa vẽ thành movieclip và đặt tên là ‘maze’. Đặt tên instance trên scene cũng là ‘maze’ luôn. Tiếp đến, ta tạo cần tạo 2 khu vực bắt đầu và đích đến. Vẽ một hình chữ nhật ở mỗi khu vực và export lần lượt là ‘start’ và ‘end’ nhé! Tên instance mình cũng sẽ đặt là ‘start’, ‘end’ cho tiện. Vậy là chúng ta hoàn thành việc tạo màn chơi rồi đấy. Giờ ta tạo một layer mới, đặt tên là ‘code’ và nhấn F9 để bắt đầu thiết lập cho trò chơi nào. Vì đây là trò chơi sử dụng chuột di trên màn hình