Đang tải... (xem toàn văn)
gradient màu thay đổi theo con trỏ
Bài tập này sẽ hướng dẫn bạn tạo một hình gradient màu bằng cách di chuyển chuột, sử dụng Action Script trong Flash 8. Bước 1 Tạo một file flash mới, nhấn Ctrl + R trên bàn phím (Document Properties), thiết lập Width và Height đều bằng 200px Bước 2 Chọn frame đầu tiên, mở Action Script Pannel (F9) và đưa vào đoạn script sau: import flash.filters.GradientBevelFilter; var shapeClip:MovieClip = this.createEmptyMovieClip("shape_mc", 1); shape_mc with (shapeClip) { beginFill(0xFF0000, 100); moveTo(0, 0); lineTo(200, 0); lineTo(200, 200); lineTo(0, 200); lineTo(0, 0); endFill(); } shapeClip._x = (Stage.width - shapeClip._width) / 2; shapeClip._y = (Stage.height - shapeClip._height) / 2; var colors:Array = new Array(0xFFFFFF, 0xCCCCCC, 0x000000); var alphas:Array = new Array(1, 0, 1); var ratios:Array = new Array(0, 128, 255); var gradientBevel:GradientBevelFilter = new GradientBevelFilter(10, 45, colors, alphas, ratios, 4, 4, 5, 3); var mouseListener:Object = new Object(); mouseListener.onMouseDown = function() { gradientBevel.strength++; shapeClip.filters = [gradientBevel]; }; mouseListener.onMouseMove = function() { gradientBevel.blurX = (_xmouse / Stage.width) * 255; gradientBevel.blurY = (_ymouse / Stage.height) * 255; shapeClip.filters = [gradientBevel]; }; Mouse.addListener(mouseListener); Bước 3 Giải thích từng đoạn script Đoạn này import flash.filters.GradientBevelFilter; bao gồm các bộ lọc Đoạn này var shapeClip:MovieClip = this.createEmptyMovieClip("shape_mc", 1); để tạo Movie Clip với tên tương ứng Đoạn này shape_mc with (shapeClip) { beginFill(0xFF0000, 100); moveTo(0, 0); lineTo(200, 0); lineTo(200, 200); lineTo(0, 200); lineTo(0, 0); endFill(); } xác định kích cỡ của movie Đoạn này shapeClip._x = (Stage.width - shapeClip._width) / 2; shapeClip._y = (Stage.height - shapeClip._height) / 2; để tạo hình dạng Đoạn này var colors:Array = new Array(0xFFFFFF, 0xCCCCCC, 0x000000); thiết lập màu sắc Đoạn này var alphas:Array = new Array(1, 0, 1); thiết lập góc Đoạn này var ratios:Array = new Array(0, 128, 255); thiết lập kích thước Đoạn này var gradientBevel:GradientBevelFilter = new GradientBevelFilter(10, 45, colors, alphas, ratios, 4, 4, 5, 3); Bao gồm bộ lọc góc xiên của hình gradient và thiết lập alpha với kích cỡ. Đoạn này var mouseListener:Object = new Object(); mouseListener.onMouseDown = function() { gradientBevel.strength++; shapeClip.filters = [gradientBevel]; }; mouseListener.onMouseMove = function() Xác định hàm cho chuột di chuyển. . này var gradientBevel:GradientBevelFilter = new GradientBevelFilter(10, 45, colors, alphas, ratios, 4, 4, 5, 3); Bao gồm bộ lọc góc xiên của hình gradient. mouseListener.onMouseDown = function() { gradientBevel.strength++; shapeClip.filters = [gradientBevel]; }; mouseListener.onMouseMove = function() { gradientBevel.blurX =