Làm cách nào tôi có thể tạo hiệu ứng 'rực lửa' như trong màn hình tiêu đề của Ocarina of Time?


102

Tôi muốn tạo lại hiệu ứng rực lửa như hiệu ứng từ logo trên màn hình tiêu đề của trò chơi N64 'The Legend of Zelda: Ocarina of Time,' hiển thị bên dưới:

nhập mô tả hình ảnh ở đây

Nhìn nhanh vào kết cấu được sử dụng trong ROM cung cấp một kết cấu 32x32 duy nhất trông tương tự như hiệu ứng nhưng tôi không biết hình ảnh đó (giả sử đó là đúng) được chuyển thành hiệu ứng nhìn thấy trên logo.

Làm thế nào tôi có thể thực hiện một cái gì đó tương tự?


2
Tôi đã điều chỉnh câu hỏi của bạn một chút để hỏi làm thế nào để đạt được hiệu ứng tương tự, vì chúng tôi không xem xét các câu hỏi hỏi làm thế nào các trò chơi khác triển khai các kết quả cụ thể theo chủ đề.
Josh

Bạn đang yêu cầu một kỹ thuật thủ tục hoặc các hiệu ứng được tạo sẵn đơn giản cũng đủ?
Bálint

Tôi không có thời gian và kiến ​​thức để viết một câu trả lời hoàn chỉnh, nhưng có lẽ nó có thể được thực hiện thông qua việc đạp xe màu .
Alexandre Vaillancourt

@JoshPetrie Cảm ơn, đó là những gì tôi thực sự theo đuổi
nathanburns

1
Từ những gì tôi nhớ về kỹ thuật, phần khó đến từ việc tạo hình ảnh với các pixel bằng bảng màu thích hợp, không phải màu sắc mỗi se. Việc đi xe đạp được thực hiện bằng mã trên một tập hợp con của màu sắc.
Alexandre Vaillancourt

Câu trả lời:


248

Trước tiên, tạo mặt nạ trắng-đen của logo / văn bản của bạn và làm mờ nó.

hình dạng mờ của logo

Sau đó tạo kết cấu tiếng ồn rắn lặp lại (có thể điều chỉnh) (GIMP được sử dụng ở đây)

kết cấu tiếng ồn

Sử dụng bộ lọc Map-> Ngói ... để tạo mẫu lát gạch 3x3 (trong ví dụ này, 128x128 x 3 = 384x384) cho bước tiếp theo để đảm bảo kết cấu của chúng tôi vẫn có thể lặp lại - chúng tôi sẽ chỉ giữ phần trung tâm.

hình ảnh trước đó lát 3 3

Sử dụng Blur-> Motion Blur ... để làm mờ kết cấu lên trên và chỉ giữ trung tâm 1/3 (trở lại 128x128)

tiếng ồn cộng với chuyển động mờ

Nhân cả hai kết cấu với nhau trên GPU và sử dụng điều này cho độ mờ.

mặt nạ kết hợp với tiếng ồn

Sau đó làm động nó bằng cách di chuyển kết cấu mô hình lên trên kết cấu mặt nạ:

mặt nạ kết hợp với tiếng ồn di chuyển

Thực hiện cho phần hoạt hình.

Sau đó, bạn có thể áp dụng bản đồ độ dốc (đen -> đỏ -> vàng -> trắng) để tạo cho nó màu lửa:

hình dạng logo với màu lửa

Các màu khác có thể được sử dụng tạo ra lửa xanh ghê rợn, trường hào quang màu vàng nhạt, hiệu ứng khói nhiều hơn, v.v.

Bây giờ nếu bạn kết hợp điều này dưới dạng phụ gia trên logo của bạn và kết xuất 3D, bạn sẽ có được hiệu ứng mong muốn:

lý lịch+ Logo+ ngọn lửa, cháy=logo rực lửa trên nền

Hiệu ứng có thể bị tối đi bằng cách điều chỉnh độ sáng của mặt nạ và / hoặc độ sáng của mẫu và / hoặc màu đỉnh và / hoặc bản đồ màu gradient theo mức thiết kế.

Bạn thậm chí có thể sử dụng hai mẫu kết cấu với nhau (Mặt nạ * Mẫu lửa * Mẫu lửa) ở các tốc độ và hướng khác nhau để tạo hiệu ứng cháy phức tạp hơn.


Về mặt kỹ thuật, trên N64, họ có thể đã tạo ra một xấp xỉ mặt nạ bằng cách sử dụng lưới tam giác và màu đỉnh thay vì kết cấu mặt nạ do giới hạn phần cứng của N64 về kết cấu nhưng kết quả cuối cùng là giống nhau ((màu đỉnh * kết cấu hoa văn) so với ( kết cấu mặt nạ * kết cấu mô hình)).

Màu sắc giả lập của Vertex

Chúng ta vẫn có thể sử dụng màu đỉnh nhưng 20 năm sau chúng ta có thể làm cho cuộc sống của chúng ta dễ dàng hơn và chỉ cần sử dụng 2 kết cấu trở lên, ngay cả các GPU di động ngày nay có thể xử lý thêm một kết cấu màu xám 256x128 mà không gặp vấn đề gì.


3
Tôi nghĩ chúng ta có một người chiến thắng - cảm ơn @StephaneHockenhull, đây chính xác là loại kỹ thuật tôi đang tìm kiếm
nathanburns

7
Holy cow đây là một câu trả lời tốt!
John Gordon

1
"Khủng khiếp" hay "ma quái"?
CJ Dennis

1
Nó cũng có nghĩa là "khủng khiếp về ngoại hình". "Đừng đeo cà vạt đó; thật kinh khủng". Tôi giải thích câu của bạn là "Màu sắc khác có thể tạo ra hiệu ứng khói hoặc khói thực sự". "Ghostly" không rõ ràng, ngay cả khi nó không mạnh như bạn muốn.
CJ Dennis

1
Tôi ước tôi có thể cung cấp cho bạn một upvote thứ hai cho bản vẽ ngựa rất nghiêm túc.
nhận dạng

2

Có một vài cách bạn có thể làm nhưng ngoài đỉnh đầu tôi,

1) Có ngọn lửa + logo tất cả trong một hình ảnh và về cơ bản là tấm sprite hoạt hình.

2) Kết xuất logo trong lớp UI và đặt một số hiệu ứng hạt lớp UI xung quanh nó.

Từ vẻ ngoài của hình ảnh đó, có vẻ như có 3 lớp khiên & kiếm, lửa, văn bản (được sắp xếp từ sau ra trước).

Sẽ có nhiều cách để có được hiệu ứng tương tự, mà bạn đã chọn sẽ tùy thuộc vào công cụ bạn đang phát triển và những gì bạn có thể thực hiện.


0

Nếu các ROM bao gồm một kết cấu ngọn lửa nhỏ, thì tôi đoán nó đang được thực hiện với một số loại hiệu ứng hạt.

Điều này sẽ được thực hiện bằng cách trước tiên đặt một sprite trên màn hình cho tiêu đề và logo. Sau đó, đặt một số bộ phát hạt tạo ra hiệu ứng ngọn lửa đằng sau tiêu đề sprite. Đó là, độ sâu màn hình Z / của chúng sao cho chúng hiển thị phía sau tiêu đề.

Đây là một ví dụ về việc sử dụng các hiệu ứng hạt GameMaker để tạo ra ngọn lửa có thể cho bạn một vài suy nghĩ về tiềm năng của phương pháp này ...

http://martincrownover.com/gamemaker-examples-tutorials/particles-fire/


Cảm ơn lời đề nghị - giả sử kết cấu không giống như kết cấu trong hướng dẫn bạn đã liên kết nhưng thay vào đó lấp đầy không gian 32x32 không có độ trong suốt, có cách nào rõ ràng để làm điều này với các hạt không?
nathanburns

Tôi chỉ cần tạo kết cấu ngọn lửa của riêng mình cho hạt nếu bản gốc không có độ trong suốt. Giả định của tôi ở đây là trừ khi tiêu đề ban đầu được thực hiện với một sprite hoạt hình hoàn chỉnh (bao gồm hiệu ứng ngọn lửa), thì đó có lẽ là hiệu ứng hạt thay thế.
Tim Holt

@TimHolt Bạn có thể đánh giá quá cao khả năng phần cứng của Nintendo 64. Tạo hiệu ứng ngọn lửa trông "rắn" theo cách này có thể sẽ đòi hỏi nhiều hạt hơn so với phần cứng có thể hiển thị.
duskwuff

1
@duskwuff - đúng, nhưng tôi không nghĩ người dùng đang thực hiện điều này trên phần cứng cũ. Câu trả lời vẫn là một giá trị cho bất kỳ hệ thống phong nha (hiện đại) nào.
Tim Holt

@duskwuff câu hỏi là làm thế nào để thực hiện nó bây giờ. Các câu hỏi (và câu trả lời) về cách các trò chơi khác đã làm một cái gì đó lạc đề ở đây. Khả năng phần cứng của N64 không liên quan ở đây. (Xem bình luận của Josh Petries cho câu hỏi)
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.