Hướng dẫn sử dụng Macromedia Flash mx

Bài 16: Vẽ sao biển

Cụ thể, bạn bấm vào sao biển trên sân khấu, mở bảng Actions và viết thêm vào chương trình của sao biển như sau:

onClipEvent(load) {

  score = 0;

  highscore = 0;

}

  if(hitTest(_root._xmouse, _root._ymouse, true)) {

    _x = _root.getRandomX();

    _y = _root.getRandomY();

    score++;

    if(score > highscore)

      highscore = score;

    trace("Điểm: " + score);

    _root.fish.step++;

  }

Trong hàm onClipEvent(load), ta tạo ra biến mới highscore với trị ban đầu là 0. Sau mỗi lần tăng điểm cho người chơi, ta đều xét xem điểm mới có cao hơn trị số của biến highscore hay không. Nếu cao hơn, ta gán điểm mới cho biến highscore. Khi biến score trở về trị số 0, biến highscore vẫn lưu giữ điểm cao nhất của người chơi. Bạn hãy đóng bảng Actions. Việc cần làm tiếp theo là hiển thị điểm cao nhất của người chơi. Với công cụ chọn  trong tay, bạn căng khung chọn bao quanh hai khung chữ hiện có (một khung chữ tĩnh có dòng chữ SCORE và một khung chữ động hiển thị trị số của biến score) và ấn Ctrl+C để sao chép. Bạn ấn Ctrl+V để dán bản sao vào sân khấu, bấm kép vào khung chữ SCORE, sửa nội dung thành HIGHSCORE. Bấm vào khung chữ động kế bên, mở bảng Properties, bạn sửa nội dung trong ô Var thành _root.star.highscore và gõ Enter (hình 1). Nhờ vậy, khung chữ động mới sẽ hiển thị trị số của biến highscore. Bạn nên chạy chương trình ngay để biết chắc khung chữ động mới hoạt động tốt như mong muốn. Bạn có thể rủ rê người khác tranh tài cùng bạn, xem ai đạt điểm highscore cao hơn trong năm phút chẳng hạn.

Khi trò chơi đã chạy tốt, bạn có thể bước qua giai đoạn chăm chút "ngoại hình". Ta bắt đầu với việc "tút lại vẻ đẹp giai" của sao biển. Bạn bấm kép vào sao biển để chuyển qua chế độ chỉnh sửa nhân vật sao biển. Muốn lấy tầm nhìn gần cho tiện việc "tân trang", bạn chọn công cụ Zoom Tool  (hoặc gõ phím Z) và bấm vào sao biển vài lần. Nếu lỡ nhìn quá gần, bạn chọn Reduce  ở hộp công cụ và bấm vào sao biển để "lui ra xa". Bạn "cầm lấy" công cụ chọn , bấm vào đâu đó bên ngoài sao biển để "thôi chọn" sao biển. Đưa con trỏ chuột vào một cạnh của sao biển, bạn thấy con trỏ chuột đổi dạng , tỏ ý sẵn sàng giúp bạn chỉnh sửa đường nét của sao biển. Bạn nắm kéo cạnh sao biển để uốn cong tùy ý (hình 2). Thật tuyệt! Cứ thế, bạn uốn cong mọi cạnh của hình sao khô cứng ban đầu để có được đường nét mềm mại.

Khi đã hài lòng về hình dạng sao biển, bạn bấm kép vào dòng chữ Layer 1 ở bảng Timeline , gõ tên Thân . Thao tác đổi tên lớp như vậy giúp bạn nhớ rằng lớp đang xét chứa thân của sao biển. Bạn bấm vào dấu chấm bên dưới hình ổ khóa  để lớp Thân được "khóa cứng", không thể chỉnh sửa.

Bạn tạo lớp mới Layer 2 bằng cách bấm vào biểu tượng Insert Layer , rồi đổi tên Layer 2 thành Mắt, ngụ ý rằng lớp mới sẽ được dùng để chứa... mắt của sao biển.

Vẽ mắt rất dễ, bạn chọn công cụ Oval Tool , bấm vào ô Fill Color , chọn màu tô là màu đen và vẽ ra một hình tròn nhỏ. Bạn bấm vào công cụ chọn , căng khung chọn bao quanh hình tròn đen vừa vẽ, ấn Ctrl+C để sao chép, rồi ấn Ctrl+V để dán bản sao vào lớp Mắt. Bạn lần lượt kéo hai hình tròn đen vào giữa sao biển, tạo nên cặp mắt.

Bạn khóa lớp Mắt, tạo lớp mới mang tên Miệng. Bạn vẽ một hình ô-van dẹt bên dưới cặp mắt của sao biển, dùng công cụ chọn để chỉnh dạng ô-van, tạo nên "miệng cười xinh" (hình 2). Xong xuôi, bạn bấm vào mục Scene 1  để thoát khỏi chế độ chỉnh sửa nhân vật sao biển, trở về với sân khấu. Bạn đừng quên ấn Ctrl+S để lưu lại "thành quả" của mình.

Bài 17: Vẽ cá nóc

Insert Layer

Bạn bấm kép vào vây cá để chuyển qua chế độ chỉnh sửa nhân vật Fin. Trong bảng thời tuyến của vây cá, bạn bấm vào khung 10, gõ phím F6. Thao tác như vậy làm cho thời tuyến của vây cá gồm 10 khung (thay vì chỉ có một khung như trước). Khung 10 trở thành khung chốt và có nội dung giống hệt khung 1 (hình 2). Bạn bấm vào khung 1, ấn Ctrl+F3 để mở bảng Properties. Trong ô Tween, bạn chọn mục Shape. Thao tác này nói với Flash rằng bạn muốn tạo ra những hình trung gian cho sự biến đổi hình dạng giữa hai khung chốt. Dấu mũi tên chạy từ khung 1 đến khung 10 xuất hiện, chứng tỏ Flash đã hiểu ý bạn. Vì vây cá ở khung 1 và khung 10 giống hệt nhau nên việc tạo ra các hình trung gian chưa thực sự có ý nghĩa. Bạn bấm vào khung 5, gõ phím F6. Khung 5 cũng trở thành khung chốt. Bạn chọn công cụ co dãn , kéo dấu vuông ở giữa cạnh trái vây cá qua phải để co hẹp vây cá . Vây cá ở khung 5 có dạng khác với vây cá ở khung 1 và khung 10. Phép biến hình của Flash trở nên có ý nghĩa: vây cá sẽ co hẹp dần từ khung 1 đến khung 5 và nở rộng dần từ khung 6 đến khung 10 (trở lại hình dạng cũ). Bạn bấm vào mục Fish  phía trên bảng thời tuyến để trở về với nhân vật Fish, sao chép vây cá hiện có để có vây thứ hai. Bạn chọn Modify > Transform > Flip Horizontal để "lật ngang" vây thứ hai. Bạn đặt hai vây ở hai bên thân cá, kéo lớp Vây xuống dưới lớp Thân để vây nằm sau thân (hình 1). Bạn ấn Ctrl+Enter, xem thử cá hoạt động ra sao nha.