Flash Nam Dinh Nguyen Van Hong Flash2004MX

Hanoi University of Technology Macromedia Flash Bài giảng Macromedia Flash Nội dung Phần I: Flash Giới thiệu phần mềm Macromedia Flash Hoạt hình Macromedia Flash Chuyển động theo đường dẫn Chuyển động quay Phép biến hình Làm việc với lớp đồ hoạ Lớp mặt nạ Thực hành Phần Lập Trình ActionScript (AS) Lệnh, hàm, phép tính AS Tạo movieclip nút điều khiển Viết AS cho timelime, nút, movie Thực hành Hanoi University of Technology Macromedia Flash Giới thiệu phần mềm Macromedia Flash  Trong công nghệ Tin học, Macromedia Flash lên chương trình đứng đầu với ưu điểm tuyệt vời việc làm movie clip động linh hoạt dung lượng nhỏ  Ứng dụng chủ yếu Macromedia Flash: Tạo hiệu ứng hoạt hình sử dụng giảng điện tử, trang web  So với phần mềm xử lý ảnh khác Macromedia Flash tương đối dễ sử dụng, phần mềm nhỏ gọn, dễ cài đặt, khơng đòi hỏi phải có phần cứng cấu hình cao Hanoi University of Technology Macromedia Flash Giao diện phần mềm khởi động Flash MX 2004 Click chuột vào để mở file Hanoi University of Technology Macromedia Flash Giao diện phần mềm khởi động Flash MX 2004 Hanoi University of Technology Macromedia Flash Hoạt hình Macromedia Flash Giao diện Macromedia Flash Hanoi University of Technology Macromedia Flash Bạn vào MF để tạo tệp Hanoi University of Technology Macromedia Flash Tạo hoạt hình chuyển động vật thể theo đường dẫn  Để tạo hoạt hình cần có lớp đồ hoạ lớp dẫn  Lớp đồ hoạ chứa vật thể chuyển động (bạn vẽ vật thể Flash copy từ nguồn khác)  Lớp dẫn chứa đường dẫn mà vật thể chuyển động  Để cho tiện tránh nhầm lẫn bạn đặt tên cho lớp (layers) theo chức (khi có nhiều layer) Để đặt tên cho layer bạn kích đúp chuột vào tên layer Kích đúp chuột phải vào gõ vào tên layer mà bạn muốn Hanoi University of Technology Macromedia Flash Mặc định có lớp đồ hoạ tạo sẵn Chúng ta vẽ vật thể lớp (ví dụ bóng) Nhấn chuột để Chọn màu sắc Chọn hình oval để vẽ bóng Hanoi University of Technology Macromedia Flash Sau bạn đánh dấu bóng cách nhấp chuột vào hình mũi tên màu đen khoanh hình chữ nhật bao quanh bóng Sau vào menu modify chọn group Hanoi University of Technology Macromedia Flash Nhấn chuột vào vị trí khoá để khoá mở lớp đồ hoạ Bạn nên mở bạn làm việc lại bạn nên khố lại để tránh thay đổi Điều quan trọng làm việc với nhiều lớp đồ hoạ Phép so sánh phép tính +, - ,*, /, , =, !=, == Điều Kiện if (a == 7) {gotoAndPlay(10);} if (a == 7) { gotoAndPlay(10); } else{ gotoAndPlay(15); } if ((a > 10) and (a < 15)) { gotoAndPlay(10); } Viết thông tin output window Tạo file Chọn frame movie, mở Action panel Chỉnh kích thứơc cho action panel đủ lớn để viết Kích chuột vào phần viết script viết câu sau: trace("hello world"); Chạy thử movie (Control + Enter) Vòng lặp for(var i=0;i 0) { // code thc hin while loop } { // code thc hin do-while loop } while (a > 0); Hàm function myFunction(num) { var newNum = num + 3; return newNum; } Dot Syntax Dot syntax phương pháp dùng lập trình hướng đối tượng (object oriented programming) var a = Math.sqrt(4); var a = myClip._x; var a = myClip.myVariable; Chú giải cho lệnh lập trình /* giải: cộng vào a cộng vào b */ a += 2; // add a to b += 2; // add to b Điều khiển luồng movie 1.Làm để dừng Movie frame Sao nhẩy từ frame đến frame tạo nút cho phép điều khiển movie to slide show đơn giản to biểu diễn đầy đủ Dừng movie Dùng câu lệnh Stop(); Ví dụ điều khiển luồng movie Mở file Tại Frame1 mở text box viết vào chữ A Nhấn chuột phải vào Frame2 chọn insert blank keyframe mở text box viết vào chữ B Tương tự frame viết chữ C, frame viết chữ D Bây bạn đặt câu lệnh stop(); vào Frame sau chạy thử để hiểu câu lệnh Nhảy từ frame đến frame  gotoAndPlay(7);  gotoAndPlay(20);  gotoAndStop(25) nextFrame prevFrame Ví dụ  Mở Flash, chọn New  Trong Layer 1, từ Frame 1đến Frame 4, bạn tạo biểu tượng hay hình ảnh, text khác để phân biệt frame  Sau bạn tạo layer mới, đặt button lên layer Tiếp theo bạn chọn Frame layer 2, bấm F6 điều đảm bảo cho button xuất tất Frame Layer Bây copy đoạn code sau vào button (nhớ vào button Frame) on (release) { nextFrame(); } Cuối chọn Frame Layer action chèn đoạn code sau: stop(); Hãy chạy thử slide show bạn để xem kết Bây bạn thực hành làm Slide show theo cách Tạo movie clip viết code cho Tạo Movie Clip Như sau: vào Insert->New Symbol Một menu mở hình bên, chọn movie clip (gõ vào tên cho movie clip, tên tuỳ bạn) cửa sổ làm việc movie mở Bạn làm thứ movie clip giống cảnh (sence), ví dụ tạo phép biến hình, chuyển động ,… cử sổ làm việc movie clip Viết AS cho movie clip Để dẽ hiểu tạo movie chứa movie clip Trong movie clip vẽ hình cầu viết AS cho hình cầu dao động sang trái phải Insert->New Symbol để tạo Movie clip, đặt tên mc1 cửa sổ làm việc mc1 vẽ hình tròn sau: Trở time line Scene 1, nhấn Ctrol +L để mở thư viện chứa mc1, kéo mc1 sổ làm việc scene Bạn chỉnh sửa kích thước cầu theo ý muốn kéo đến chỗ cửa sổ scene1 Nhấn chuột vào mũi tên màu đen cơng cụ sau kích vào cầu scene1 để chọn Mở ActionScript viết đoạn code sau vào onClipEvent (load) { r = 100; goc = 0; dgoc = 0.1; } onClipEvent (enterFrame) { goc += dgoc; this._x = r*Math.sin(goc); } Nhấn ctrol + Enter để xem kết Tóm tắt lại giảng Cho đến làm việc sau: tạo hoạt hình sử dụng phép biến hình, biến đổi vị trí, chuyển động theo đường dẫn, lớp mặt nạ tạo movie clip nút điều khiển movie, viết code cho movie clip, nút điều khiển time line ... Macromedia Flash Hoạt hình Macromedia Flash Giao diện Macromedia Flash Hanoi University of Technology Macromedia Flash Bạn vào MF để tạo tệp Hanoi University of Technology Macromedia Flash Tạo... Technology Macromedia Flash Giao diện phần mềm khởi động Flash MX 2004 Click chuột vào để mở file Hanoi University of Technology Macromedia Flash Giao diện phần mềm khởi động Flash MX 2004 Hanoi...Hanoi University of Technology Macromedia Flash Giới thiệu phần mềm Macromedia Flash  Trong công nghệ Tin học, Macromedia Flash lên chương trình đứng đầu với ưu điểm tuyệt vời việc