Tài liệu Học flash chỉ trong 30'''' ppt

Giờ thứ 01: Làm quen với AS, Your First Look at AS AS ngơn ngữ lập trình xây dựng Flash AS giống ngôn ngữ khác Javascript, C++ v.v bạn không cần biết ngơn ngữ khác để học AS (nếu có dễ hơn) Bắt đâu học AS, coi thử AS gì, làm có quan hẹ với chức khác Flash Trong này, bạn tìm hiểu coi AS đời nào, xem cách viết AS làm sao, tìm hiểu AS làm sau sau xác định nơi lưu trữ AS Flash Để sát nghĩa tiện cho sau này, khơng dịch số từ ngữ tiếng việt script, movieclip v.v Script gì? AS ngơn ngữ lập trình, với lệnh sai khiến Flash movie làm việc theo viết (chỉ có viết sai computer khơng làm sai ) Phần nhiều AS làm việc mơi trường Flash, nhiên AS gửi lệnh cho browser, hệ điều hành v.v Script ngắn gọn vài chữ hay dài trăm trang Script việt gộp lại chổ hay viết rãi rác khắp nơi movie Xuất xứ AS AS rât giống ngôn ngữ C++, Java, javascript v.v dựa tiêu chuẩn ECMA (European Computer Manufactuers Association) lập gọi ECMAScript Nhiều người hiểu lầm AS dựa Javascript, thực chất dựa ECMAScript Lúc đầu viết script Flash đơn giản Flash đuợc phát triển cịn "thơ sơ" với vịng lặp điều kiện "if else" Cho tới Flash dân Flash lập trình gắn liền script với yếu tố movie Sang tới Flash MX AS trở thành ngơn ngữ lập trình tồn diện với 300 câu lệnh, hàm v.v Nhận biêt AS AS đơn giản câu lệnh viết tiếng Anh (vì lẽ mà không dịch tư tiếng Anh liên quan đến AS, phần khơng giỏi thuật ngữ computer hay tiếng việt cho lắm) phép tính dấu câu Ví dụ sau: ActionScript on (press) { gotoAndPlay ("my frame"); } Bạn giải nghĩa đoạn mã cách tìm hiểu từ Chữ "press" gới ý người dùng kích chuột vào đó, (và trường hợp nút) Chữ "gotoAndPlay" chữ "go to and play" gộp lại, gợi ý AS lệnh cho Flash tớimột điểm movie bắt đầu chơi từ điểm AS làm gì? Flash movie gồm có scence (cảnh), mổi cảnh có timeline (thời giản biểu???) timeline có frame (khung) số Thơng thường Flash chơi từ frame frame cuối scence với tốc độ cố định dừng lại hay lặp lại từ đầu theo người làm Flash Mục đích AS thay đổi thứ tự cách chơi Flash AS dùng bất frame nào, hay chạy ngườc trở lại frame trước hay nhảy vài frame chơi tiếp Nhưng khơng AS làm AS biến film hoạt hình Flash thành chương trình ứng dụng có tương tác người dùng Dưới mà AS làm: • • • • • • • • Hoạt hình: Bạn khơng cần AS để làm hoạt hình, với AS bạn tạo hoạt hình phức tạp Ví dụ, trái banh tưng xung quanh mành hình mà khơng ngừng, tn theo định luật vật lý lực hút, lực ma sát, lực phản v.v Nếu khơng có AS cần phải dùng hàng ngàn frame để làm, với AS frame đủ Navigation (hơng biết dịchlàm cho hay ): thay movie chơi frame theo thứ tự bạn dừng movie ỏ frame nào, cho phép người dùng chơi frame v.v Thu nhập thông tin từ người dùng (user input): bạn dùng AS để hỏi người dùng cầu hỏi, dùng thơng tìn movie hay gửi cho server hay làm bạn muốn Thu nhập thơng tìn từ nguồn khác: AS tương tác với server lấy thơng tin từ server hay text file Tính tốn: AS làm phép tính mà tốn học cho phép Thay đổi hình ảnh movie: AS thay đổi kích thước, màu sắc, vị trí movie clip (MC) movie flash bạn Bạn tạo thêm phiên hay xố bới phiên MC với AS Phân tích mơi trường máy tính: Với AS bạn lấy từ hệ điều hành hay địa chơi movie Flash Điểu khiển âm flash movie: AS cách tốt để điều khiển âm Flash,AS có chơi chậm, chơi nhanh, ngừng, quay vịng v.v bât kỳ âm Flash Phát triển khả AS Điều quan trọng mà AS làm cho bạn chưa nghĩ tới Với AS trí tưởng tượng óc sáng tạo bạn khơng có khơng thể xảy với AS Mục đích sách, VNFX hướng dẫn bạn hiểu biết Flash để từ bạn tự dùng để làm sản phẩm tuyệt vời mà khơng có Viết AS đâu Câu hỏi tìm hiểu AS thường hỏi "Viết AS vào đâu?" Flash có mơi trường làm multimedia phức tạp Nếu bạn dùng Flash hay đọc qua hướng dẫn kèm với Flash, bạn biết yếu tớ timeline, key frame v.v nêu bạn chưa biết khuyên bạn nên tìm hiểu trước tiêp tục Ơ mục Flash Tổng Quá, VNFX có post link để download CD hướng dẫn cho người chưa dùng Flash Viết AS time line AS viết vào key frame timeline Để làm vậy, bạn chọn key frame timeline trước bạn mở Action Panel (có thể nhấn F9) để viêt hay xem AS viết Mình khun bạn nên dùng Action Panel dạng Expert Normal, bạn học nhiều lẹ Khi viết AS vào key frame AS key frame hoạt động mà Flash chơi tới key frame Ví dụ lệnh AS stop() đặt key frame Flash chơi tới key frame dừng lại có lệnh khác cách viết gọi viết vào time line Một lý viết script vào time line bạn muốn dùng function (hàm), function cho phép tái sử dụng đoạn mã từ nhiều nơi, nhiều level khác Viêt AS nút Các phần tử Flash movie gọi symbol (biểu tượng) thường symbol hình ảnh Và có loại symbol: button (nút), graphich (hình ảnh), movie clips(đoạn phim) loại AS khơng thể viết liền với graphic, cịn button movie clip OK Nút khơng có tác dụng khơng kèm AS lên Muốn kèm AS vào nút chọn nút stage (sân khấu: diện tích flash movie), sau mở Action panel viết vào ta viết vào key frame AS viết nút hoạt động chuột bàn phím tác động lên nút mà thơi Viết AS MC MC khác với graphic chổ MC đặt tên mang vào stage, MC thường hình ành động, có AS kèm theo MC Để viết AS vào MC tương tự ta làm với nút AS kèm theo MC điểu khiển MC MC timeline hay timeline movie Bài tập Tạo movie tạo key frames Dung Flash vẽ hình khác cho frame Chạy thử movie (nhấn Control + enter) Sau trở lại timeline, viết vào keyframe đoạn mã : "stop();" Cho chạy thử movie lần Và kỳ bạn thấy Flash chơi tới frame thứ ngừng, bạn thành công việc viết AS : Giờ thứ 02: Sử dụng Action panel, Using the Script Editing Window Nếu dân đồ hoạ coi Timeline nhà dân lập trình với AS coi Action Panel nơi cư ngụ mình, dân AS thay đổi, viết tất lệnh Vì quan trọng bạn dụng quen thuộc Action Panel Flash MX sử dụng panel để giúp bạn lấy thông tin movie bạn làm cách dễ dàng Khi bạn cài đặt chay Flash lần đầu tiên, Flash hỏi bạn muốn sử dụng Flash Flash xếp đặt panel cho hợp lý Bạn thay đổi cách xếp đặt theo ý bạn Nói chung bạn nên xếp đặt panel bạn cho thuận tiện cho bạn nhất, cần có kinh nghiệm Mình dùng dual monitor, close hết panel giữ lại hình, kéo action panel property panel qua bên monitor, bên stage, cần mở panel dùng phím tắt để mở Sử dụng Action panel có cách: bình thường (normal) chuyên dụng (expert) Khi chạy máy lần đầu Action panel set dạng bình thường Ở dạng bình thường bạn khơng đánh trực tiếp câu lệnh, mà phải chọn từ menu bên tay trái panel Với setup bạn khơng phạm phải lỗi viết AS Mình bỏ phần hướng dẫn dùng normal thấy dùng normal mode không tiến được, dùng expert mode lúc đầu mệt bảo đảm bạn học mau nhớ lâu Sử dụng Action panel với expert mode bạn có nhiều tự hơn, tự đồng nghĩa với trách nhiệm nên bạn phải cẩn thật viết code Từ normal mode chuyển sang expert mode nhấn phím tắt CONTROL + SHIFT + E, chuyển ngược lại dùng CONTROL + SHIFT + N (nhớ kích chuột vào action panel trước dùng phím tắt) Bạn đổi từ Normal mode sang expert mode lúc nào, đổi ngược lại mà code bạn khơng có lỗi Action panel có popup menu (mũi tên xuống dưới, nằm góc phải action panel) có nhiều lệnh tốt cho bạn bạn dùng Action panel, Expert mode Bạn tìm thay câu nào, chữ script bạn Phím tắt cho tìm kiếm Control + F cho thay Control + H, nhấn F3 Flash tiếp tục tìm chữ, câu bạn muốn tìm Một lệnh "Goto Line" giúp bạn tìm câu bạn muốn tìm Lệnh "Check Syntax" rà sốt script bạn tìm lỗi cú pháp Lúc tập viết AS, dùng nên thường xuyên dùng Chech Syntax để check lổi sctipt Lệnh "Auto Format" "Auto Format Options" giúp cho bạn trình bày script bạn cho dễ đọc Bạn thay đổi màu sắc, font chữ v.v cho script bạn bạn dễ đọc code cách vào Edit > Preferences > ActionScript Editor Các phần lại pop-up window cho phép bạn xuất hay nhập AS dạng text file in script giấy Tuy gọi expert mode thực dùng cịn dễ normal mode Bởi expert mode thi Action panel chẳng khác chương trình "note pad" hay "text pad" Bạn việc viết bạn muốn vào Khi dùng expert mode, bạn tham khảo câu lệnh, cú pháp AS khung bên trái Action Panel Và bạn tôn thủ số quy tắt bạn sử chức "Code Hint" Action Panel, chức tạo nên khung nhỏ nhỏ có câu lệnh AS hợp quy cho bạn lựa chọn Để trở thành "cao thủ" AS bạn khơng thể không nắm vững Action panel Sau thực hành nho nhỏ, giúp bạn làm quen với Action panel expert mode Tạo movie Chọn key frame (frame số 1) layer (mình khơng dịch chữ layer = lớp dễ trùng với class= lớp) Mở Action panel (có thể dùng phím tắt hay vào phần Window > Action panel Chuyển sang expert mode (dùng phím tắt hày vào pop-up menu Action panel để đổi) Vào chổ để viết AS Viết đoạn code sau: ActionScript trace ("I am expert"); Khi bạn thử movie dịng chữ "I am expert" Output panel, đề cập đến lệnh trace() vào tới Giờ thứ 03: Học cách lập trình, Learning to program Lập trình coi khoa học nghệ thuật Vì lập trình viên giỏi cần có điều kiện kiến thức ngơn ngữ mà họ dùng tính sáng tạo, có trường hợp có cách lập trình cho đề án Trong trình viết AS, bạn tạo cho riêng phong thái viết code đặc trưng Có thể đầu bạn dùng phong cách viết code viết này, sau bạn từ từ chuyển sang phong cách riêng bạn Thường khái niệm ngơn ngữ lập trình giống nhau, bàn khái niệm lập trình áp dụng Flash Cách suy nghĩ computer Thật computer dốt chẳng biết suy nghĩ đâu, biết làm việc theo mệnh lệnh cách khơng suy nghĩ Vì computer khơng lỗi mà lỗi người viết lệnh sai khiến Cịn AS chuổi lệnh, thị cho computer, hay Flash phải làm mơi trường runtime (runtime environment) Khi viết AS bạn nên tự coi "ngu" computer, đọc lại dòng lệnh AS nghĩ tới kết việc thi hành lệnh Khi tự đặt vào vị trí computer, bạn đốn script bạn làm mơi trường runtime, bạn thấy lỗi mà bạn vô ý mắc phải Khi mà bạn trở thành diễn viên tuyệt vời vai computer bạn trở thành lập trình viên tài ba Lệnh, hàm, phép tính Lệnh (command) yếu tố AS để thị Flash làm hành động cụ thể Lệnh thi hành tuyệt đối trường hợp khả thi Ví dụ ta viết gotoAndPlay(5) Flash tới frame chơi, movie khơng có frame lệnh khơng thể làm Hàm (function, dùng từ function nhiều hàm) phần tính tốn phép tính cho (return) kết Ví dụ hàm random() cho số ngẫu nhiên đó, hay hàm sqrt() cho giá trị bình phương số mà hàm nhận truyền cho Lệnh hàm truyền cho hay nhiều thơng số (parameter, dùng từ parameter thay thơng số), thơng số giúp cho hàm lệnh cụ thể Ví dụ gotoAndPlay(5) thơng số, khơng có thơng số lệnh "gotoAndPlay" khơng biết rõ phải nói Flash đâu hàm sqrt() cần có thơng số giá trị bình phương số Sự khác biệt hàm lệnh phép tính Phép tính thường dấu +, -, *, / phép so sánh Hàm có phép tính, lệnh khơng Biến số Biến số (parameter) cần thiết ngơn ngữ lập trình lưu trử thơng tin chương trình Biến số gồm có phần: tên giá trị Đôi bạn cần lưu trử thông tin biến số thời gian ngắn, ví dụ bạn muốn Flash thi hành số lệnh 10 lần bạn cần đếm số lần mà Flash thi hành lệnh để lệnh cho Flash ngưng sau thi hành xong lệnh lần thứ 10 Nhưng có lúc bạn cần phải lưu lại thơng tin thời gian dài hay suốt trình thời gian Flash chơi Tên biến số thường nhóm từ, hay đơn giản từ, hay chữ Thông thường tên biến số nên rõ ràng dễ hiểu nói lên tính chất thơng tin mà biến số lưu trử Ví dụ bạn muốn lưu trử tên người dùng biến số bạn nên đặt tên biến số userName (mình nghĩ đặt tên tiếng Anh dễ hiểu hơn, tiếng việt khơng dấu dễ bị hiểu lầm), bạn đặt tên biền số "n" ngắn, người đọc script bạn khó hiểu, đặt name dễ trùng với biến số hay từ khố khác (_name đặc tính đối tượng MovieClip) Khi viết AS, bạn cần lưu ý viết cho dể hiểu dễ đọc Và lập trình viên quy ước tên biến số theo quy tắc sau: tên biến số viết thường chữ đầu tiên, viết hoa chữ cho chữ kế tiếp, ví dụ userName, userLastName, userMotherMaidenName v.v Lưu ý chữ số dùng để đặt tên cho biến số, bắt đâu tên chữ Có nhiều loại biến số để lưu trử nhiều loại thông tin, loại thông tin có nhiều loại khác Như số (number) loại giá trị biến số, cịn có loại khác số nguyên (integer), số không nguyên (floating, double) Bạn dùng biến số để chứa chuỗi (chuỗi gọi tắt cho chuỗi chữ cái), chuỗi có chữ cái, nhiều chữ khơng có hết, tất chuỗi sau hợp lệ: "ablsdfjksl", "a", " ", "" Khi viết chuỗi cần dùng dấu ngoặc kép ("") để bắt đầu kết thúc chuỗi Trong ngôn ngữ lập trình khác Java, C++, hay ActionScript 2.0 Flash MX 2004 bạn phải xac định trước loại thông tin bạn lưu biến số Nhưng với ActionScript (trong FlashMX) bạn khơng cần làm việc Ví dụ biến số userName lúc đầu chứa chuỗi, sau lại chứa số ngun hợp lệ Ngồi chuỗi số, cịn có nhiều loại khác đề cập tới vào sau Điều kiện Trong trường hợp nên lệnh cho Flash phải làm cho thích hợp với tình ta dùng "điều kiện" để lệnh cho Flash Ví dụ bạn lệnh cho Flash không cho người dùng coi đoạn phim Flash user 18 tuổi, user 18 tuổi chơi đoạn phim Trước tiên, Flash so sánh số tuổi user với số 18, số tuổi user thoả mãn điều kiện đặt Flash có giá trị true từ phép so sánh trên, ngược lại false Điều kiện luôn (true) hay sai (false) Một giá trị có hay sai gọi boolean Sau thực phép so sánh có kết từ phép so sánh trên, Flash chọn giải pháp đưa cho trường hợp Đôi cần có nhiều điều kiện đơn giản "true" hay "false", ví dụ bạn muốn Flash chơi đoạn phim A cho ngừơi 18 tuổi, 18 13 chơi đoạn phim B, 13 chơi đoạn phim C Vịng lặp Con người làm computer lười khơng muốn làm nhiều, mà bán cho computer Nhất phải làm làm lại việc nhàm chán Vì vịng lặp (loop) yếu tố quan trọng ngơn ngữ lập trình AS vậy, bạn dùng vịng lặp script Trong vòng lặp, "điều kiện" quan trọng Mọi vòng lặp cần có điểm bắt đầu điểm dừng điều kiện để báo hiệu điểm dừng vòng lặp Ví dụ bạn muốn cho vịng lặp chạy 10 lần có biến số dùng để đếm vòng lặp, 0, Mỗi vòng lặp chạy biến số tăng thêm Khi tới vịng lặp dừng lại Sau minh hoạ vòng lặp này: Một số lệnh trứơc vòng lặp Bắt đầu vòng lặp, set biến số counter = Làm số lệnh vòng lặp Tăng biến số counter +=1 Nếu biến số counter nhỏ 9, trở lại bước thứ Ra khỏi vịng lặp, tiếp tục chương trình Ở bắt dầu biến số counter = quy ước thơng thường ngơn ngữ lập trình bắt đầu vịng lặp Một điểm đáng lưu ý vòng lặp điều kiện đước xét trước thực lệnh vòng lặp Trong vài trường hợp, điều kiện xét sau thực lệnh vòng lặp Chúng ta ngưng vịng lặp trước điểm dừng nó, điều đề cập tới vào Làm điều không tưởng Lệnh, hàm, phép tính, biến số, thơng số, điều kiện, vịng lặp phần ngơn ngữ lặp trình, biết phối hợp lại thành chương trình hồn hảo khó Chương trình đơn giản tập hợp lệnh cho computer để giải vấn đề Vì trước viết chương trình cần phải xác định "vấn đề" cần phải giải Ví dụ thực tế ngồi đời, mẹ bạn nhờ bạn chợ mua gà Nhưng đơn giản nói chợ mua gà chưa đủ biết mua gà sống hay gà làm mua gà sống mua loại v.v Đó chưa nói tới mua gà chở nào, giá v.v Nếu bạn mẹ nói rõ chợ bến thành, mua gà mái dầu, nặng khoảng kg, với giá khoảng 10000 thật dễ dàng cho bạn phải không? Biết vấn đề mua gà tìm cách mua gà Bạn phải "lên kế hoạch", nên nhờ bạn chở hay taxi chợ bến thành Nếu taxi hãng nào, tìm số phone để gọi, v.v cịn nhờ bạn chở nhờ tên Rồi nên mặc quần áo chợ Ra đến chợ phải mặc làm sao, trả tiền mặt hay ghi sổ nợ Bạn thấy không, từ chuyện mua gà đơn giản mà tốn ngày trời để lên chương trình Viết AS, bạn cần phải lưu ý tới tất việc dù nhỏ cách Flash làm theo ý bạn tình Các chương trình có bug khơng phải người viết dỡ mà chưa nghĩ tới hết tình thơi Tóm lại, điều quan trọng lập trình khả nẳng phân tích vấn đề thành nhiều vấn đề nhỏ khơng cịn nhỏ nữa, sau xây dựng chương trình từ giải quyếy vấn đế nhỏ lên dần vấn đề Viết mã hồn chỉnh Bọ (bug) đơn giản lỗi chương trình mà bạn tạo Bug lỗi cú pháp đơn giản, lỗi phức tạp cách bạn giải vấn đề môi trường runtime Để tránh có bug script bạn bạn nên tốn nhiều vào giai đoạn phân tích, thiết kế chương trình cho script bạn Kiểm tra đoạn code nhiều lần, đóng vai "computer" cho thật giống, đừng suy nghĩ, mà thi hành lệnh script bạn Viết đoạn code nhỏ ráp lại với (vì mà lập trình theo hướng đối tượng sử dụng nhiều nhất) Nếu script bạn có bug đừng mà nản lịng, khơng có chương trình người làm mà khơng có bug Vì bạn đừng cố gắng viêt code cho tuyệt hảo khơng có lỗi Nếu có bug bạn diệt bug thơi Bạn chuẩn bị "chiến đấu" với bug cách viết code cho dễ hiểu dễ đọc, viết nhiều thích cho đoạn mã Đơi diệt bug (debug) đơn giản có kho mà biết bug đâu để diệt Flash có kèm theo vài công cụ giúp bạn debug dễ dàng hơn, nói tới cơng cụ tới Giờ thứ 04: Viêt code Flash, Writing code in Flash Khi bạn viết script, bạn dùng tất từ khóa, ký hiệu v.v Vậy trước tiên phân tích đoạn script sau Đoạn script gắn vào button ActionScript on (press) { var myVariable = 7; var myOtherVariable = "Macromedia"; for (var i=0; i