We can walk through this a bit. Fir

We can walk through this a bit. First, logo.js calls the window.addEventListener method and sets up CAAT by calling the template file for some basic setup. I call the template initialization script and set a canvas size of 800
500 pixels, tell the function to attach to the canvas id on the page, pass an image file to the code to work with, and set a default function to call next (scene1).
The scene1() function tells the director to create a new scene named slide and sets the background color to black (“#000”). The logo is loaded as a sprite image and split into four rows and 16 columns, dynamically calculated by the size of the image. Each row and column is iterated through, and each part of the image is used to create a new Actor, with a position and name. A behavior for each actor is defined, as well as a time and a property that it should loop. Two behaviors are then created that create random paths for the Actors (the pieces of the logo image). These use a cubic path (a Bezier curve with four control points), and a listener for the next instructions from the Director. The points for the curve are chosen randomly (but only once for the Scene) and cached by the Actor. The behaviors for the actor are added to the Scene, and each Actor is then added. A quick note on the style here: one of the very convenient things in this library is its implementation of method chaining. Essentially this allows a developer to create an object and perform multiple operations on that object in the order they are listed; it is often referred to as a “sentence.” For the behaviors above (without the parameters), you would see something like Listing 13–4.

Kết quả (Việt) 1:

Chúng tôi có thể đi bộ qua điều này một chút. Trước tiên, logo.js gọi phương pháp window.addEventListener và thiết lập CAAT bằng cách gọi tập tin mẫu cho một số thiết lập cơ bản. Tôi gọi các tập lệnh khởi tạo mẫu và thiết lập kích thước vải 800 500 pixels, cho biết các chức năng để đính kèm ID vải trên trang, vượt qua một tập tin ảnh để mã để làm việc với, và thiết lập một chức năng mặc định để gọi tiếp theo (scene1). Chức năng scene1() cho Giám đốc để tạo ra một cảnh mới tên là trượt và bộ màu nền để đen ("#000"). Biểu tượng được nạp như một hình ảnh ma và chia thành bốn hàng và cột 16, tự động được tính toán bằng kích thước của hình ảnh. Mỗi hàng và cột iterated thông qua, và mỗi một phần của hình ảnh được sử dụng để tạo ra một diễn viên mới, với một vị trí và tên. Một hành vi cho nam diễn viên từng được xác định, cũng như một thời gian và một tài sản mà nó nên lặp. Hai hành vi sau đó được tạo ra mà tạo ra ngẫu nhiên đường dẫn cho các diễn viên (các mảnh của hình ảnh logo). Những sử dụng một đường dẫn khối (một đường cong Bezier với bốn điểm kiểm soát), và một nghe cho các hướng dẫn tiếp theo từ Giám đốc. Điểm cho các đường cong được chọn ngẫu nhiên (nhưng chỉ một lần cho cảnh) và lưu trữ bởi các diễn viên. Hành vi cho các diễn viên được thêm vào cảnh, và diễn viên từng được thêm vào sau đó. Một lưu ý nhanh chóng về phong cách ở đây: một trong những điều rất thuận tiện trong thư viện này là thực hiện của phương pháp loạt. Về cơ bản điều này cho phép một nhà phát triển để tạo ra một đối tượng và thực hiện các hoạt động nhiều trên đối tượng theo thứ tự chúng được liệt kê; nó thường được gọi là một "câu." Cho các hành vi ở trên (không có các thông số), bạn sẽ nhìn thấy một cái gì đó giống như bảng liệt kê 13-4.

Kết quả (Việt) 2:

Chúng tôi có thể đi bộ qua đây một chút. Đầu tiên, logo.js gọi phương thức window.addEventListener và thiết lập CAAT bằng cách gọi các tập tin mẫu cho một số thiết lập cơ bản. Tôi gọi script mẫu khởi tạo và thiết lập kích thước canvas của 800? 500 pixel, cho các chức năng để đính kèm vào canvas id trên trang, vượt qua một tập tin hình ảnh để mã để làm việc với, và thiết lập một chức năng mặc định để gọi tới (Scene 1).
The Scene 1 () chức năng cho giám đốc để tạo ra một cảnh mới có tên slide và đặt màu nền sang màu đen ("# 000"). Logo được nạp như một hình ảnh ma và chia thành bốn hàng và 16 cột, tự động tính toán bởi kích thước của hình ảnh. Mỗi hàng và cột được lặp thông qua, và mỗi một phần của hình ảnh được sử dụng để tạo ra một diễn viên mới, với một vị trí và tên. Một hành vi cho mỗi diễn viên được xác định, cũng như một thời điểm và một tài sản mà nó nên vòng lặp. Hai hành vi này sau đó được tạo ra để tạo ra con đường ngẫu nhiên cho các diễn viên (các mảnh của hình ảnh logo). Những sử dụng một đường dẫn khối (một đường cong Bezier với bốn điểm kiểm soát), và sự lắng nghe cho các hướng dẫn tiếp theo của Giám đốc. Các điểm cho các đường cong được chọn ngẫu nhiên (nhưng chỉ một lần cho Scene) và lưu trữ bởi các diễn viên. Các hành vi cho các diễn viên được thêm vào Scene, và mỗi diễn viên được thêm vào sau đó. Một lưu ý nhanh chóng về phong cách ở đây: một trong những điều rất thuận tiện trong thư viện này là việc thực hiện các phương pháp chaining. Về cơ bản này cho phép một nhà phát triển để tạo ra một đối tượng và thực hiện nhiều hoạt động trên đối tượng theo thứ tự chúng được liệt kê; nó thường được gọi là một "bản án". Đối với những hành vi nêu trên (không có tham số), bạn sẽ thấy một cái gì đó giống như Liệt kê 13-4.