lesson 05: document class, events and flashdevelop tool
DESCRIPTION
Nội dung hướng về những khái niệm sẽ giúp bạn thực hiện được ngay một project AS3 đơn giản.TRANSCRIPT
![Page 1: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/1.jpg)
Document Class and
Introduce Flash Develop
• Document Class là gì?• Viết mã lệnh trên Document Class thay thế cho timeline• Giới thiệu về Flash Develop
![Page 2: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/2.jpg)
Document Class là gì
![Page 3: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/3.jpg)
DocumentClass
• Document Class là nơi để hệ thống khởi chạy chương trình, những mã lệnh đầu tiên được đọc khi khởi chạy chương trình nằm trong Document Class (cụ thể là constructor của nó).
![Page 4: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/4.jpg)
DocumentClass
Viết mã lệnh trên Document Class thay thế cho timeline
![Page 5: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/5.jpg)
DocumentClass
• Lợi thế :– Kết quả tương đương với việc viết mã lệnh
trên time line nhưng dễ quản lý và kiểm soát. – Tránh được tình trạng gọi lại khi flash quay
trở lại khung hình chứa mã lệnh (bởi khi flash chạy đến khung hình nào thì toàn bộ mã lệnh trong khung hình đó sẽ bị gọi và điều này dễ dẫn đến hậu quả ngoài dự đoán).
![Page 6: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/6.jpg)
Tạo một class bằng Flash Professional
Tạo một class mới
![Page 7: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/7.jpg)
Tạo Class
• Đặt tên Class
Click ok sau khi chọn được tên phù hợp (tên ví dụ là Main)
![Page 8: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/8.jpg)
Tạo Class• Mọi mã lệnh nằm trong phần “constructor code” sẽ được gọi ngay
khi khởi chạy chương trình (nhấn tổ hợp ctrl+enter)• Lưu ý thêm dòng extends MovieClip (bắt buộc) đằng sau public
class Main
![Page 9: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/9.jpg)
Tạo Class
• Tạo mới 1 file fla type là ActionScript 3.0
![Page 10: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/10.jpg)
Tạo Class
• Trong constructor code viết dòng lệnh trace một dòng chữ bất kỳ (như “hello world”) và save lại vào một thư mục bất kỳ.
• Tạo mới một file .fla và save vào cùng thư mục với file Main.as vừa tạo
![Page 11: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/11.jpg)
Tạo Class
• Trong file .fla vừa tạo lựa chọn • Class trong property panel • Ctrl+Enter để thấy kết quả
![Page 12: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/12.jpg)
Flash Develop
Giới thiệu về Flash Develop
![Page 13: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/13.jpg)
Flash Develop là gì
• Flash develop là một công cụ hỗ trợ lập trình miễn phí và có mã nguồn mở
• Phiên bản mới nhất hiện tại là 4.0.1 (khuyên dùng)
• Ưu điểm:1. Miễn phí
2. Mã nguồn mở
3. Hỗ trợ tối ưu cho code ActionScript
![Page 14: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/14.jpg)
Lợi ích của việc sử dụng FlashDevelop
1. Hỗ trợ tối ưu trong viết code ActionScript
2. Giao diện sử dụng khá đẹp và dễ quản lý
![Page 15: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/15.jpg)
• Hỗ trợ nhiều công việc
![Page 16: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/16.jpg)
Cài đặt FlashDevelop
Lần lượt theo các bước
![Page 17: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/17.jpg)
Bỏ chọn toàn bộ các tùy chọn basic, nếu không tải lần đầu sẽ lâu và không cần thiết
![Page 18: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/18.jpg)
Chọn thư mục muốn cài đặt
![Page 19: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/19.jpg)
Sử dụng Flash Develop
• Tạo các project
![Page 20: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/20.jpg)
FlashDevelop có hỗ trợ nhiều loại project đáp ứng nhiều yêu cầu, tuy nhiên trong chương trình học chúng ta sẽ chỉ chọn 2 loại project chính, lưu ý là chọn chúng trong nhóm ActionScript 31. Flash IDE Project2. Actionscript 3.0 Project
![Page 21: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/21.jpg)
Flash IDE project AS3 project
Yêu cầu cài đặt cả FlashDevelop và Flash Professional
Chỉ cần FlashDevelop
Sử dụng Flash Professional để compile Sử dụng bộ flexSDK để compile
Các đặc điểm chính của Flash IDE project và AS3 project
![Page 22: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/22.jpg)
Tên Project
Vị trí của project
Tạo một Flash IDE Project
![Page 23: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/23.jpg)
Tại cửa sổ Project panel (panel giúp quản lý các file và dữ liệu bên trong Project
Click chuột phải tại một nơi bất kỳ trong khoảng trắng, chọn Add để thêm file mới (ở đây ta chọn New Class để tạo một lớp mới)
![Page 24: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/24.jpg)
Đổi tên class thành The First Class
![Page 25: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/25.jpg)
Màn hình Class FirstClass
Chúng ta viết một dòng trace đơn giản để kiểm tra
![Page 26: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/26.jpg)
Vậy làm thế nào để có thể giao tiếp với Flash Professional
Tạo một file .fla và save ngay tại thư mục tạo project (nếu chẳng may các bạn quên địa chỉ thư mục thì 1. Click chuột phải vào một ô trắng bất kỳ bên project panel2. Chọn Explore
![Page 27: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/27.jpg)
2. Tạo mới một thư mục .fla và đặt tên bất kỳ (hello world) chẳng hạn3. Save lại và quay về Flash develop bạn sẽ file mình vừa tạo
Bên trong file HelloWorld.fla bạn điền vào ô input document class trong property panel tên file .as (ở đây là TheFirstClass)
Ok hãy ctrl enter !!! Nếu dòng trace hiện ra thì tức là Flash Develop đã kết nối thành công
![Page 28: Lesson 05: Document Class, Events and FlashDevelop Tool](https://reader033.vdocuments.mx/reader033/viewer/2022061201/546a87b2af7959842c8b72d0/html5/thumbnails/28.jpg)
Any Question ???