Flash CS4: Tạo trò chơi bóng bàn đơn giản

Trong bài này, bạn sẽ sử dụng motion tween để tạo một trò chơi bóng bàn đơn giản. Các bước thực hành như sau:

Trong bài này cập nhật , bạn chia sẻ sẽ sử dụng motion tween chi tiết để tạo một trò chơi bóng bàn đơn giản tài khoản . Các bước thực hành an toàn như sau:

1. Chuyển về vùng làm việc mặc định.

Bạn bấm chọn vùng Essentials giá rẻ để chọn lại vùng làm việc mặc định bản quyền của Flash sửa lỗi , tiếp đến bấm chọn Reset Essentials lừa đảo để khôi phục vùng làm việc mặc định này và bắt đầu vào bài thực hành.

2. Tạo mới một flash document.

3. Lưu một flash document.

Chọn folder FLASH CS4 ONLINE tự động , sau đó lưu file này lại dữ liệu với tên 009_pingpong.fla

4. Import hình vẽ guide cập nhật để làm đường dẫn cho motion tween.

4.1 tất toán . Chọn File > Import > Import to Stage… từ menu:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

4.2 sử dụng . Trong hộp thoại Import công cụ , trỏ đến file guide.jpg và bấm nút Open: (file guide.jpg link down được đính kèm theo bài có kích cỡ 550x400 pixel sửa lỗi để sử dụng)

Flash CS4: Tạo trò chơi bóng bàn đơn giản

Bạn thu địa chỉ được hình download của các đường dẫn giúp bạn tạo motion tween cho quả bóng và hai cây vợt sau này:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

Phân tích hình vẽ:

Trong hình vẽ trên công cụ , hai đường thẳng đứng màu đỏ tượng trưng cho ranh giới di chuyển dịch vụ của quả bóng kinh nghiệm . Quả bóng chỉ nguyên nhân được chạm vào hai đường này chớ không giá rẻ được vượt qua.

Đường màu xanh thể hiện đường đi chi tiết của quả bóng ở đâu nhanh . Theo đường này vô hiệu hóa , quả bóng di chuyển từ vị trí 1 đến vị trí 2 tải về , 3 mới nhất , 4 và trở về vị trí 5 tối ưu , trong đó vị trí 1 và 5 trùng nhau giảm giá . Đường màu đen bên trái thể hiện đường đi trực tuyến của vợt trái ở đâu tốt , vợt trái di chuyển từ vị trí 1 sử dụng , đến vị trí hai ở đâu nhanh để đón quả bóng và trở về vị trí 3 an toàn , trong đó vị trí 1 và 3 trùng nhau.

Đường màu đen bên phải thể hiện đường đi qua web của vợt phải download , vợt phải di chuyển từ vị trí 1 cập nhật , đến vị trí hai download để đón quả bóng bản quyền , kế đến di chuyển tiếp đến vị trí 3 chia sẻ , quay lại vị trí 4 qua web để đón quả bóng và trở về vị trí 5 tài khoản , trong đó vị trí 1 và 5 trùng nhau.

hay nhất Như vậy tự động , quả bóng và vợt phải sử dụng 5 keyframe giá rẻ , vợt trái sử dụng 3 keyframe.


5. Tạo motion tween cho quả bóng.

5.1 tính năng . Bấm đúp vào Layer 1 ở đâu tốt để đổi tên thành Guide:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.2 lừa đảo . Bấm vào nút New LayerTimeline sử dụng để thêm một layer:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.3 dịch vụ . Flash thêm một layer mới cập nhật với tên mặc định Layer 2 nhanh nhất . Bấm đúp vào Layer 2 mật khẩu để đổi tên thành Ball:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.4 tổng hợp . Đưa chuột sang thanh công cụ tổng hợp . Bấm chuột vào Rectangle Tool và giữ chuột vài giây cho menu phụ hiện ra mật khẩu . Bấm chọn Oval Tool:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.5 Bấm chuột vào ô Stroke color giả mạo để chọn màu viền cho hình oval:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.6 tất toán . Bảng màu hiện ra miễn phí , bạn bấm chọn vào ô bên phải có dấu chéo màu đỏ chia sẻ . Ô này dùng sửa lỗi để thiết lập giá trị không màu cho đường viền tài khoản , tức là đối tượng hay nhất được vẽ kỹ thuật sẽ không có viền:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.7 Bấm chuột vào ô Fill color chia sẻ để chọn màu ruột cho hình oval:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.8 ở đâu nhanh . Bảng màu hiện ra hỗ trợ . Bạn chọn mẫu màu đỏ ở khu vực chứa màu gradient:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

Bạn thu cài đặt được kết quả nạp tiền như sau:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.10 tối ưu . Đưa chuột vào góc trên hay nhất , nơi xuất phát đường đi màu xanh khóa chặn của quả bóng quảng cáo , giữ phím Shift và kéo chuột xuống sang phải một đoạn giả mạo để vẽ hình tròn.

Flash CS4: Tạo trò chơi bóng bàn đơn giản

Nhả chuột ra bạn thu tính năng được quả bóng tròn dữ liệu với màu gradient danh sách như sau:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.11 Bấm chọn vào Selection Tool trên thanh công cụ bên phải:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.12 Bấm chuột vào quả bóng vừa vẽ tính năng . mật khẩu Khi đã khóa chặn được chọn giả mạo , quả bóng chuyển sang dạng hạt li ti dữ liệu , đồng thời phía dưới chuột xuất hiện mũi tên bốn chiều:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.13 xóa tài khoản . Bạn chọn Modify>Convert to Symbol… từ menu ( sửa lỗi hoặc bấm phím tắt F8) nơi nào để chuyển quả bóng thành symbol:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

Hộp thoại Convert to Symbol xuất hiện đăng ký vay . Bạn gỏ vào tên ball ở ô Name như thế nào , chọn TypeMovie Clip và bấm OK cập nhật để đóng hộp thoại lại tổng hợp . Quả bóng tất toán được chuyển thành Movie Clip.

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.14 Bấm phím phải chuột vào quả bóng cho xuất hiện menu ngữ cảnh và chọn Create Motion Tween:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

Flash tạo một motion tween cho quả bóng cài đặt với 24 frame (tương đương 1 giây) ở đâu tốt , đồng thời di chuyển Playhead đến frame 24 tính năng . Bạn bổ sung thêm frame qua web để thời gian hoạt động kỹ thuật của quả bóng đủ dài thanh toán để bạn quan sát lừa đảo . Bạn hay nhất sẽ bổ sung cho quả bóng hoạt động đến frame 60.

5.15 Đưa chuột đến frame 24 nạp tiền của layer Ball đến khi chuột biến thành mũi tên hai chiều:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.16 Kéo chuột đến frame 60 thì nhả chuột ra quản lý . Bạn thu sử dụng được motion tween cho quả bóng danh sách với 60 frame:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.17 Tuy nhiên frame 60 tốt nhất vẫn chưa phải là keyframe tốt nhất . Để nội dung ở đâu tốt của keyframe đầu và keyframe cuối giảm giá của quả bóng trùng nhau ở đâu tốt , bạn dùng phím mũi tên Up (mũi tên đi lên) và mũi tên Down (mũi tên đi xuống) trên bàn phím tổng hợp . Bạn bấm mũi tên Up download , quả bóng di chuyển lên trên 1 pixel mật khẩu , kế đến bạn bấm mũi tên Down kiểm tra , quả bóng di chuyển xuống dưới 1 pixel tất toán , Flash tự động bổ sung keyframe tại frame 60 kỹ thuật , đồng thời vị trí quả bóng mới nhất vẫn không thay đổi do đã mới nhất được bù trừ:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.18 Bấm chọn frame 60 mới nhất của layer Guide:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.19 Bấm phím tắt F5 ở đâu tốt để bổ sung thêm cho đủ 60 frame tối ưu để các layer khác có thể nhìn thấy đường dẫn đang nằm trên layer Guide trực tuyến để dễ thao tác:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.20 Như đã phân tích ở trên tổng hợp , quả bóng sử dụng 5 keyframe trực tuyến . Bạn bổ sung thêm các keyframe xóa tài khoản như sau: Rê chuột đến frame 15 trên Timeline:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.21 Bấm chuột tổng hợp để chuyển Playhead đến frame 15 (chú ý: bấm vào số 15 dịch vụ , không bấm vào frame trên layer):

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.22 Nắm chuột kéo quả bóng từ vị trí 1 đến vị trí 2 thì thả xuống nơi nào . Flash tự động thêm keyframe tại frame 15 trên layer Ball:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.23 Rê chuột đến frame 30 trên Timeline và bấm chuột ở đâu nhanh để chuyển Playhead đến frame 30:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.24 Kéo quả bóng đến vị trí số 3 lấy liền . Flash tự động thêm keyframe tại frame 30 trên layer Ball:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.25 Rê chuột đến frame 45 trên Timeline và bấm chuột danh sách để chuyển Playhead đến frame 45:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

5.26 Kéo quả bóng đến vị trí số 4 xóa tài khoản . Flash tự động thêm keyframe tại frame 45 trên layer Ball:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

Bạn thu như thế nào được motion tween hoàn chỉnh cho quả bóng nguyên nhân với motion path màu tím như hình minh họa:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

Còn tiếp


6 lừa đảo . Tạo motion tween cho cây vợt bên trái nguyên nhân .

6.1 Bấm vào nút New LayerTimeline đăng ký vay để thêm một layer:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

6.2 Flash thêm một layer mới tối ưu với tên mặc định Layer 3 tự động . Bấm đúp vào Layer 3 ở đâu uy tín để đổi tên thành Left paddle:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

6.3 Đưa chuột sang thanh công cụ tối ưu . Bấm chuột vào Oval Tool và giữ chuột vài giây cho menu phụ hiện ra tốt nhất . Bấm chọn Rectangle Tool:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

6.4 Bấm chuột vào ô Fill color tải về để chọn màu ruột cho hình chữ nhật:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

6.5 Bảng màu hiện ra tài khoản . Bạn chọn mẫu màu xanh:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

Bạn thu qua app được kết quả chi tiết như sau (màu viền đăng ký vay vẫn là không màu):

Flash CS4: Tạo trò chơi bóng bàn đơn giản

6.6 Đưa chuột vào Stage mật khẩu , bấm chuột vào góc trên vị trí xuất phát cài đặt của quả bóng vô hiệu hóa , kéo ngược sang trái một đoạn rồi nhả chuột ra mật khẩu để thu cập nhật được một hình chữ nhật tính năng , như hình minh họa dưới đây:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

6.7 Bấm chọn Selection Tool trên thanh công cụ:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

6.8 Bấm chọn vào hình chữ nhật vừa vẽ nhanh nhất . full crack Khi đã tài khoản được chọn trực tuyến , hình chữ nhật chuyển sang dạng hạt li ti tốc độ , đồng thời phía dưới chuột xuất hiện mũi tên bốn chiều:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

6.9 Bạn chọn Modify>Convert to Symbol…từ menu ( chi tiết hoặc bấm phím tắt F8) khóa chặn để chuyển hình chữ nhật thành symbol:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

6.10 Hộp thoại Convert to Symbol xuất hiện dữ liệu . Bạn gõ vào tên paddle ở ô Name giảm giá , chọn TypeMovie Clip và bấm OK chi tiết để đóng hộp thoại lại tải về . hình chữ nhật dữ liệu được chuyển thành Movie Clip.

Flash CS4: Tạo trò chơi bóng bàn đơn giản

6.11 Bấm phím phải chuột vào hình chữ nhật cho xuất hiện menu ngữ cảnh và chọn Create Motion Tween kỹ thuật . Flash tạo motion tween cho hình chữ nhật trên layer Left paddle full crack với 60 frame:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

6.12 Rê chuột đến frame 60 trên Timeline và bấm chuột nguyên nhân để chuyển Playhead đến frame 60:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

6.13 Frame 60 lừa đảo vẫn chưa phải là keyframe cài đặt . Bạn bấm mũi tên Up tự động , hình chữ nhật di chuyển lên trên 1 pixel sửa lỗi , kế đến bạn bấm mũi tên Down tính năng , hình chữ nhật di chuyển xuống dưới 1 pixel full crack , Flash tự động bổ sung keyframe tại frame 60 dịch vụ , đồng thời vị trí hình chữ nhật giả mạo vẫn không thay đổi do đã mẹo vặt được bù trừ:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

6.14 Rê chuột đến frame 30 trên Timeline và bấm chuột sử dụng để chuyển Playhead đến frame 30:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

6.15 Giữ phím Shift và kéo hình chữ nhật đến vị trí số 2 sửa lỗi , nơi có quả bóng nằm sẵn (phím Shift giúp bạn di chuyển theo đường thẳng đứng hướng dẫn , không bị lệch sang phải cài đặt hoặc trái):

Flash CS4: Tạo trò chơi bóng bàn đơn giản

Vậy là bạn đã hoàn thành motion tween cho cây vợt bên trái (tức hình chữ nhật).


7 như thế nào . Tạo motion tween cho cây vợt bên phải vô hiệu hóa .

7.1 6.1 Bấm vào nút New Layer ở Timeline mẹo vặt để thêm một layer:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

7.2 Flash thêm một layer mới nguyên nhân với tên mặc định Layer 4. Bấm đúp vào Layer 4 full crack để đổi tên thành Right paddle:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

7.3 Bấm chọn thẻ Library sử dụng để mở Libray Panel:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

7.4 Từ Library Panel chi tiết , bạn kéo Movie Clip paddle vào Stage hay nhất , thả vào vị trí 1 hay nhất của cây vợt phải như hình minh họa:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

7.5 Bấm phím phải chuột vào cây vợt bên phải (tức hình chữ nhật) cho xuất hiện menu ngữ cảnh và chọn Create Motion Tween.

Flash CS4: Tạo trò chơi bóng bàn đơn giản

7.6 Rê chuột đến frame 60 trên Timeline và bấm chuột hỗ trợ để chuyển Playhead đến frame 60:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

7.7 Frame 60 khóa chặn vẫn chưa phải là keyframe phải làm sao . Bạn bấm mũi tên Up quản lý , hình chữ nhật di chuyển lên trên 1 pixel ở đâu nhanh , kế đến bạn bấm mũi tên Down nạp tiền , hình chữ nhật di chuyển xuống dưới 1 pixel download , Flash tự động bổ sung keyframe tại frame 60 download , đồng thời vị trí hình chữ nhật full crack vẫn không thay đổi do đã khóa chặn được bù trừ:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

7.8 Rê chuột đến frame 15 trên Timeline và bấm chuột ứng dụng để chuyển Playhead đến frame 15:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

7.9 Giữ phím Shift và kéo cây vợt đến nơi quả bóng đang nằm ở vị trí số 2:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

7.10 Rê chuột đến frame 30 trên Timeline và bấm chuột sử dụng để chuyển Playhead đến frame 30:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

7.11 Giữ phím Shift và kéo cây vợt đến vị trí số 3 như hình minh họa:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

7.12 Rê chuột đến frame 45 trên Timeline và bấm chuột tổng hợp để chuyển Playhead đến frame 45:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

7.13 Giữ phím Shift và kéo cây vợt đến nơi có quả bóng ở vị trí số 4 như hình minh họa:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

Vậy là bạn đã hoàn thành motion tween cho cây vợt bên phải.


8 nhanh nhất . Chuyển layer Guide thành Guide Layer sửa lỗi .

Layer Guide đã hoàn thành nhiệm vụ tài khoản . Bạn có thể xóa layer này đi vô hiệu hóa . Tuy nhiên bạn có thể giữ lại trực tuyến để tham khảo bằng cách chuyển nó sang Guide Layer:

8.1 Bấm phím phải chuột vào layer Guide cho xuất hiện menu ngữ cảnh và chọn Guide:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

Flash đổi biểu tượng cập nhật của layer Guide thành cây búa sửa lỗi . Bằng cách này cập nhật , nội dung tất toán của layer Guide bản quyền sẽ không công cụ được xuất ra theo Flash Movie vô hiệu hóa , không làm tăng kích thước tác phẩm danh sách của bạn.

Flash CS4: Tạo trò chơi bóng bàn đơn giản

8.2 Chọn Control > Test Movie từ menu ( hỗ trợ hoặc phím tắt Ctrl+Enter) sử dụng để xem kết quả:

Flash mới nhất sẽ xuất thành file 009_pingpong.swf ở đâu tốt như sau:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

9 đăng ký vay . Di chuyển motion path

nguyên nhân Nếu bạn thực hiện các thao tác đúng như hướng dẫn khóa chặn , khi Test Movie bạn hay nhất sẽ thấy vợt trái chưa chạm vào quả bóng trực tuyến . Bạn quản lý sẽ di chuyển motion path danh sách của vợt trái cho vợt chạm vào quả bóng (bạn có thể lấy file mẫu đính kèm mật khẩu để thực hành bước này)

9.1 ở đâu nhanh . Rê chuột đến frame 30 trên Timeline và bấm chuột quản lý để chuyển Playhead đến frame 30:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

Bạn nhìn thấy vợt trái cách quả bóng một đoạn:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

9.2 Bấm chọn vào vợt trái cho xuất hiện motion path:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

9.3 Bấm đúp vào motion path:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

9.4 Bạn kiểm tra trên Property Inspector phải có biểu tượng Motion Tween trực tuyến để chắc rằng bạn đã chọn motion path kỹ thuật , không phải đối tượng nào khác:

Flash CS4: Tạo trò chơi bóng bàn đơn giản

9.5 Dùng phím mũi tên sang phải (Right) trên bàn phím mật khẩu để di chuyển vợt sang phải đến khi vợt chạm vào quả bóng xóa tài khoản . Mỗi lần bạn bấm phím Right ở đâu tốt , đối tượng di chuyển 1 pixel phải làm sao , bản quyền nếu bạn giữ phím Shift kèm theo thì đối tượng di chuyển 10 pixel.

Flash CS4: Tạo trò chơi bóng bàn đơn giản

Bạn có thể thực hiện cách tương tự ở đâu tốt để áp dụng cho cây vợt bên phải.

Bài tập gợi ý:

Làm lại bài trên tốt nhất với hình hướng dẫn thay đổi như minh họa dưới đây hỗ trợ . Lần này cả hai vợt đều di chuyển sửa lỗi với các vị trí keyframe ở đâu nhanh được đánh dấu trên hình minh họa lấy liền . Bạn có thể tải hình minh họa guide2.jpg và file kết quả mẫu 009_pingpong2.fla ở đâu nhanh để tham khảo.

4.9/5 (24 votes)

Ý kiến khách hàngPreNext