Sử dụng một 3DMatrix 4x4 trong AS3 để nghiêng hình ảnh

Question

Tôi có một hình ảnh bitmap AS3 mà tôi muốn nghiêng như vậy:

tôi sẽ chỉ muốn nghiêng phần dưới cùng của hình ảnh, và rời khỏi phần trên một mình. Dựa trên nghiên cứu của tôi mà tôi đã làm cho đến nay, có vẻ như tôi muốn sử dụng lớp Matrix3D, nhưng tôi không hoàn toàn chắc chắn làm thế nào để thực hiện nó một cách hiệu quả.

Nhờ một câu trả lời dưới đây, bài viết này là một nguồn tài nguyên tuyệt vời để hiểu được lớp Matrix3D với một ma trận 3x3: http://www.senocular.com/flash/tutorials/transformmatrix/ Tuy nhiên như tuyệt vời như hướng dẫn có nghĩa là, nó không cung cấp khả năng nghiêng hình trên. Những gì tôi đang tìm kiếm là một hướng dẫn tương tự về cách sử dụng ma trận 4x4. Tất cả những gì tôi muốn biết là đặt những con số vào ma trận, và tôi sẽ có thể tìm ra mọi thứ khác.

Dưới đây là một số mã ví dụ về những gì tôi đã có như vậy vì:

var tempLoader:Loader=new Loader(); 
var tempBitmap:Bitmap; 
var fattenTheBottom:Number; 
tempLoader.load(new URLRequest("image.png")); 
tempLoader.contentLoaderInfo.addEventListener(Event.COMPLETE,castBitmap); 
function castBitmap(e:Event):void 
{ 
    tempLoader.contentLoaderInfo.removeEventListener(Event.COMPLETE,castBitmap); 
    tempBitmap = Bitmap(tempLoader.content); 
    // Make the image into a trapezoid here using fattenTheBottom 
    addChild(tempBitmap); 
} 

Lời khuyên nào sẽ được đánh giá cao tuyệt vời!

Answer 1

Nếu bạn muốn một cách nhanh chóng sử dụng Matrix3D, đây là một ví dụ về các loại giá trị mà bạn nên sử dụng:

var m3d:Matrix3D = new Matrix3D(Vector.<Number>([ 
    1, 0, 0, 0, 
    0, 1.15, 0.25, 0.00005, 
    0, 0, 1, 0, 
    0, 0, 0, 1 
])); 
tempBitmap.transform.matrix3D = m3d; 

Nhưng chẳng mấy chốc bạn sẽ nhận thấy rằng phương pháp này làm méo mó hình ảnh theo những cách bạn không muốn. Ví dụ: theo chiều ngang sẽ nén hình ảnh của bạn ở một bên (như bạn muốn), nhưng nội dung của hình ảnh sẽ được kéo dài theo chiều dọc. Khó giải thích, nhưng một khi bạn thử phương pháp trên, bạn sẽ thấy hình ảnh đang được kéo dài theo chiều dọc.

Cùng một loại hiệu ứng có thể thu được bằng cách sử dụng rotationX kết hợp với PerspectiveProjection và scaleY.

Nếu bạn muốn có giải pháp thanh lịch hơn, cả về mã và kết quả hình ảnh, hãy thử xem DistortImage. Phương pháp không có thẳng về phía trước (sử dụng một mạng lưới các ảnh con), nhưng có kết quả tuyệt vời.

Answer 2

Tôi chỉ có thể khuyên bạn nên đọc các thông tin tốt nhất duy nhất mà tôi từng được tìm thấy về vấn đề này:
Understanding the Transformation Matrix

Đọc này, tôi nghĩ rằng, bạn thực sự có thể hiểu mọi thứ về chuyển đổi ma trận. Đó là từ Flash 8 (AS2), nhưng đó là thông tin lý thuyết sẽ phục vụ cũng như sử dụng AS3.