সময়ের শিরোনাম স্ক্রিনের ওকারিনার মতো আমি কীভাবে 'জ্বলন্ত' প্রভাব তৈরি করতে পারি?


102

আমি নীচে দেখানো N64 গেমের শিরোনাম স্ক্রিনে লোগো থেকে পাওয়া জ্বলজ্বল প্রভাবটি পুনরায় তৈরি করতে চাই:

এখানে চিত্র বর্ণনা লিখুন

রমটিতে ব্যবহৃত টেক্সচারগুলিতে একটি তাত্ক্ষণিকভাবে নজর দেওয়া একটি একক 32x32 টেক্সচার প্রদান করে যা এফেক্টটির সাথে একই রকম লাগে তবে আমি জানি না কীভাবে সেই চিত্রটি (যেটি সঠিক এটি ধরে নিচ্ছে) লোগোটিতে প্রদর্শিত প্রভাবে রূপান্তরিত হয়।

কীভাবে অনুরূপ কিছু বাস্তবায়ন করতে পারি?


2
অনুরূপ প্রভাব কীভাবে অর্জন করা যায় তা জিজ্ঞাসা করার জন্য আমি আপনার প্রশ্নটিকে সামান্য সমন্বয় করেছি, যেহেতু অন্যান্য গেমগুলি কীভাবে নির্দিষ্ট ফলাফলকে টপিকযুক্ত তা কার্যকর করেছে তা জিজ্ঞাসা করার প্রশ্নগুলিতে আমরা বিবেচনা করি না।
জোশ

আপনি কি কোনও পদ্ধতিগত কৌশল বা সাধারণ প্রাক-তৈরি প্রভাবগুলি যথেষ্ট বলছেন?
বুলেটিন্ট

আমি সময় এবং জ্ঞান সম্পূর্ণ উত্তর লিখতে হবে না, কিন্তু হয়তো এটি মাধ্যমে করা যেতে পারে রঙ সাইক্লিং
আলেকজান্দ্রে ভেল্যানকোর্ট

@ জোশপেট্রি ধন্যবাদ, এটাই আমি
পরেছিলাম

1
আমি কৌশলটির যা মনে করি তা থেকে, শক্ত অংশটি পিক্সেলগুলি দিয়ে যথাযথ প্যালেট ব্যবহার করে চিত্র তৈরি করা থেকে আসে, প্রতি সেচের রংগুলি নয়। সাইক্লিংটি রঙের একটি উপসেটের কোডে করা হয়।
আলেকজান্দ্রে ভায়ল্যানকোর্ট

উত্তর:


248

প্রথমে আপনার লোগো / পাঠ্যের একটি সাদা-অন-কালো মাস্ক তৈরি করুন এবং এটি অস্পষ্ট করুন।

লোগোর অস্পষ্ট আকার shape

তারপরে একটি পুনরাবৃত্তি (টাইলিবল) কঠিন শব্দ টেক্সচার তৈরি করুন (এখানে ব্যবহৃত জিআইএমপি)

গোলমাল জমিন

আমাদের টেক্সচারটি পুনরাবৃত্তিযোগ্য তা নিশ্চিত করতে পরবর্তী পদক্ষেপের জন্য একটি 3x3 টাইল্ড প্যাটার্ন (উদাহরণস্বরূপ, 128x128 x 3 = 384x384) তৈরি করতে মানচিত্র-> টাইল ... ফিল্টারটি ব্যবহার করুন - আমরা কেবল কেন্দ্রের অংশটি রাখব।

পূর্ববর্তী চিত্র 3 দ্বারা 3 টাইলস

টেক্সটটিকে উপরের দিকে অস্পষ্ট করতে এবং কেবল কেন্দ্র 1/3 য় রাখতে (128x128 এ ফিরে) ব্লার-> মোশন ব্লার ... ব্যবহার করুন

গোলমাল প্লাস গতি ঝাপসা

Multiply GPU এর মাধ্যমে উভয় টেক্সচার একসাথে অস্বচ্ছতা এই ব্যবহার করুন।

শব্দের সাথে মিলিত মুখোশ

তারপরে মাস্ক টেক্সচারের উপরে প্যাটার্ন টেক্সচারটি উপরের দিকে সরিয়ে এনিমেট করুন:

চলন্ত শোরগোল সঙ্গে মিলিত মুখোশ

অ্যানিমেশন অংশের জন্য সম্পন্ন।

তারপরে আপনি এটিকে আগুনের রঙ দেওয়ার জন্য গ্রেডিয়েন্ট মানচিত্র (কালো -> লাল -> হলুদ -> সাদা) প্রয়োগ করতে পারেন :

আগুনের রঙের সাথে লোগো আকার

অন্যান্য রঙগুলি এক ভয়াবহ নীল আগুন, হালকা হলুদ ওরা ক্ষেত্র, আরও ধূমপায়ী প্রভাব তৈরি করতে ব্যবহৃত হতে পারে etc.

এখন যদি আপনি এই একত্রিত যুত আপনার লোগোর উপর এবং 3D আপনি চেয়েছিলেন এফেক্ট পেতে রেন্ডার:

পটভূমি+ লোগো+ আগুন=পটভূমিতে জ্বলন্ত লোগো

প্রভাবটি মাস্ক এবং / অথবা প্যাটার্নের উজ্জ্বলতা এবং / অথবা ভার্টেক্স রঙ এবং / অথবা গ্রেডিয়েন্ট রঙ মানচিত্রকে নকশাকৃত স্তরে সমন্বিত করে অন্ধকার করতে পারে।

এমনকি আরও জটিল আগুনের প্রভাব তৈরি করতে আপনি বিভিন্ন গতি এবং দিকনির্দেশে একসাথে দুটি টেক্সচারযুক্ত নিদর্শন (মাস্ক * ফায়ার প্যাটার্ন * ফায়ার প্যাটার্ন) ব্যবহার করতে পারেন।


টেকনিক্যালি এন 64 এ তারা টেক্সচার সম্পর্কিত N64 এর হার্ডওয়ার সীমাবদ্ধতার কারণে মাস্ক টেক্সচারের পরিবর্তে একটি ত্রিভুজ জাল এবং ভার্টেক্স রঙ ব্যবহার করে মাস্কের একটি সান্নিধ্য তৈরি করেছে তবে শেষ ফলাফলটি একই ((ভার্টেক্স রঙ * প্যাটার্ন টেক্সচার) বনাম ( মাস্ক টেক্সচার * প্যাটার্ন টেক্সচার))।

ভার্টেক্স রঙের মক আপ

আমরা এখনও ভার্টেক্স রঙ ব্যবহার করতে পারি তবে 20 বছর পরে আমরা আমাদের জীবনকে আরও সহজ করে তুলতে পারি এবং কেবল 2 টেক্সচার বা আরও বেশি ব্যবহার করতে পারি, এমনকি আজকের মোবাইল জিপিইউগুলি কোনও সমস্যা ছাড়াই একটি অতিরিক্ত 256x128 ধূসর টেক্সচার পরিচালনা করতে পারে।


3
আমি মনে করি আমাদের একজন বিজয়ী আছে - ধন্যবাদ @ স্টিফেন হকেনহুল, ঠিক ঠিক এই ধরণের কৌশলটি আমি সন্ধান
করছিলাম

7
পবিত্র গরু এটি একটি ভাল উত্তর!
জন গর্ডন 0

1
"ভয়াবহ" বা "ভুতুড়ে"?
সিজে ডেনিস

1
এটি "চেহারাতে ভয়াবহ" অর্থও রয়েছে। "এই টাইটি পরেন না; এটি হতাশাজনক"। আমি আপনার বাক্যটির ব্যাখ্যা দিয়েছিলাম "" অন্যান্য রঙগুলি সত্যই খারাপ বা ধূমপান প্রভাব দিতে পারে "। "ভুতুড়ে" দ্ব্যর্থহীন, এমনকি এটি আপনার পছন্দ মতো শক্তিশালী না হলেও।
সিজে ডেনিস

1
আমি আশা করি খুব উত্সাহী ঘোড়া অঙ্কনের জন্য আমি আপনাকে একটি দ্বিতীয় উত্সাহ দিতে পারতাম।
সনাক্তকারী

2

কয়েকটি উপায় আছে যা আপনি এটি করতে পেরেছিলেন তবে আমার মাথার উপরের অংশ থেকে,

1) শিখা + ​​লোগো সবই একটি ইমেজে থাকুন এবং মূলত স্প্রিট শিটটি এনিমেট করুন।

2) লোগোটিকে একটি ইউআই স্তরে রেন্ডার করুন এবং এটির চারপাশে কিছু ইউআই স্তর কণার প্রভাব রাখুন।

এই চিত্রটির চেহারা থেকে, দেখে মনে হচ্ছে এখানে 3 টি স্তর shাল এবং তরোয়াল, শিখা, পাঠ্য রয়েছে (পিছন থেকে সামনের দিকে অর্ডার করা হয়েছে)।

অনুরূপ প্রভাব পাওয়ার জন্য অনেকগুলি উপায় থাকবে, আপনি যে ইঞ্জিনটি বিকাশ করছেন এবং আপনি কী প্রয়োগ করতে সক্ষম হবেন তা আপনি বেছে নিয়েছেন।


0

যদি রমগুলিতে একটি ছোট শিখার টেক্সচার অন্তর্ভুক্ত থাকে তবে আমি অনুমান করব যে এটি কোনও ধরণের কণা প্রভাবের সাথে করা হচ্ছে।

শিরোনাম এবং লোগোটির জন্য প্রথমে স্ক্রিনে একটি স্প্রিট রেখে এটি করা হবে। তারপরে শিরোনাম স্প্রাইটের পিছনে একটি শিখা প্রভাব তৈরি করে এমন অনেকগুলি কণা নির্গমনকারী রাখুন। অর্থাৎ, তাদের জেড / স্ক্রিনের গভীরতা এমন যে তারা শিরোনামের পেছনে রেন্ডার করে।

গেমমেকার কণা প্রভাবগুলি শিখা তৈরি করতে ব্যবহার করার একটি উদাহরণ যা এই পদ্ধতির সম্ভাবনার উপর আপনাকে কিছু ধারণা দিতে পারে ...

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


এই পরামর্শের জন্য ধন্যবাদ - ধরে নিচ্ছেন যে টিউটোরিয়ালটি আপনি সংযুক্ত করেছেন সেগুলি টেক্সচারের মতো নয় তবে পরিবর্তে কোনও স্বচ্ছতার সাথে 32x32 স্থান পূরণ করেছেন, কণা দিয়ে এটি করার কোনও সুস্পষ্ট উপায় আছে কি?
নাথানবার্নস

মূলটির স্বচ্ছতা না থাকলে আমি কেবলমাত্র কণার জন্য আমার নিজের শিখার টেক্সচারটি তৈরি করব। এখানে আমার ধারণাটি হ'ল যদি না মূল শিরোনামটি সম্পূর্ণ অ্যানিমেটেড স্প্রাইটের (এটিতে শিখা প্রভাব অন্তর্ভুক্ত) দিয়ে না করা হয় তবে এটি পরিবর্তে সম্ভবত একটি কণা প্রভাব।
টিম হল্ট

@ টিমহোল্ট আপনি হয়ত নিন্টেন্ডো of৪ এর হার্ডওয়্যার সক্ষমতাকে অতিরিক্ত মূল্যায়ন করছেন hardware এইভাবে একটি "দৃ solid়" -প্রসূত শিখা প্রভাব তৈরি করতে সম্ভবত হার্ডওয়ারটি রেন্ডার করতে সক্ষম হওয়ার চেয়ে অনেক বেশি কণার প্রয়োজন হত।
ডাস্কউফ

1
@ ডাস্কউফ - সত্য, তবে আমি মনে করি না যে ব্যবহারকারী এটি পুরানো হার্ডওয়ারে প্রয়োগ করছেন। উত্তরটি এখনও কোনও শালীন (আধুনিক) সিস্টেমের জন্য বৈধ one
টিম হল্ট

@ ডাসকউফ প্রশ্ন এখন কীভাবে এটি প্রয়োগ করবেন is অন্যান্য গেমগুলি কীভাবে কিছু করেছিল সে সম্পর্কে প্রশ্নগুলি (এবং উত্তর) এখানে বিষয়বস্তু are N64 এর হার্ডওয়্যার ক্ষমতা এখানে অপ্রাসঙ্গিক। (জোশ
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.