সহজতর কাজগুলি কী কী?


15

গেম বিকাশের জন্য আমি এই দুর্দান্ত ওয়েবসাইটটি পেয়েছি এবং এতে সহজকরণের ফাংশনগুলির একটি তালিকা রয়েছে:

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

যদিও তারা সাইটের জন্য রয়েছে সেটির বিবরণ সাইটটিতে রয়েছে তবে এটি আমার মাথার উপরে চলে যায়। ইজিং ফাংশনগুলি কী এবং সেগুলি কীসের জন্য ব্যবহৃত হয়?

হালনাগাদ

Phaser.io এর উত্স কোড থেকে ফাংশনগুলির একটি ভাল উদাহরণ আমি পেয়েছি । এই ফাংশনগুলি এখানে উত্তরগুলির তুলনায় অনেক সহজ। তারা কেবল একটি প্যারামিটার নেয় k,। উত্তরের অংশ হিসাবে, আমি এগুলি কীভাবে ব্যবহার করতে হয় তা জানতে চাই।


2
টিউনিং একটি গুরুত্বপূর্ণ সম্পর্কিত শব্দ। এই ভিডিওটিও দেখুন youtube.com/watch?v=Fy0aCDmgnxg যেখানে আপনি দেখতে পাচ্ছেন টিউনিং এবং ইজু ফাংশনগুলি কতটা প্রভাব ফেলছে!
রায় টি।

উত্তর:


13

ইজিং ফাংশনগুলি আন্তঃপোলেশনের জন্য ব্যবহৃত হয়, সাধারণত অ্যানিমেশন / কাইনমেটিক গতিতে (তবে প্রয়োজনীয় নয়)। লিনিয়ার ইন্টারপোলেশন (লিটার) এমন কিছু যা আপনি শুনে থাকতে পারেন। আসুন আমরা আপনাকে স্ক্রিনের এক কোণ থেকে অন্য কোণে হাসিখুশি মুখটি ছড়িয়ে দিতে বলি (আপনার চিত্র অনুসারে)। এর অর্থ স্মাইলি বিন্দু এ থেকে পয়েন্ট বিতে অবিচ্ছিন্ন গতিতে চলে যাবে আপনি যদি এটি কোনও অঙ্গ-প্রত্যঙ্গের চলাচলে প্রয়োগ করতে চান তবে এটি খুব রোবোটিক এবং অপ্রাকৃত লাগবে - রোবটগুলি যে অভিনয়বিদ / সার্ভো ব্যবহার করে, এইভাবে সম্পাদন করে। স্পষ্টতই, মানুষের অঙ্গ-প্রত্যঙ্গ একেবারে অন্যভাবে চলে move এবং বেশিরভাগ গতি যা আপনি প্রকৃতিতে দেখবেন তাতে স্থির, অপরিবর্তনীয় বেগের পরিবর্তে রৈখিক প্রদাহে দেখা মজাদার গতি বক্ররেখা থাকবে।

সরানো প্রবেশ করান। ইজিং মোশন মানে বেগটি ধ্রুবক নয় । এটি কী অর্জন করে তা আরও বাস্তববাদী দেখানো। লোকেদের দেখুন, বিভিন্ন প্রাণী দেখুন, বাতাসে বাঁকানো গাছপালা দেখুন বা কীভাবে ঝরতে থাকা বৃষ্টিপাতের বদলে দিন বদলে যায়। কোনও বলের গতিবেগটি আপনি বাতাসে ফেলে দেওয়ার সময় দেখুন এবং আবার নীচে ফিরে আসুন। গিটারের স্ট্রিংটির গতিটি আপনি যখন তা এনেছেন তা দেখুন। এই ধরণের প্রতিটি গতির গতিবেগ বর্ণনা করে আলাদা আলাদা বক্ররেখা থাকে।

আমি প্রস্তাব দিচ্ছি যে আপনি গ্রিনসকের জিএসএপি অনলাইনে খেলুন বিভিন্ন ধরণের স্বাচ্ছন্দ্য বক্ররেখার গতির ক্ষেত্রে কী উত্সাহ দেয় তার অনুভূতি পেতে। এটি সেইগুলির মধ্যে একটি যেখানে আপনি যে কল্পনা করতে চান তা নির্দিষ্ট ধরণের বাঁক মানচিত্র করতে সময় এবং অনুশীলন লাগে। তবে একবার আপনি বেসিকগুলি উপলব্ধি করে ফেললে আপনার খুব মজা হবে।

PS যেমনটি আমি বলেছি, সহজকরণ কেবল অ্যানিমেশনের জন্যই ব্যবহৃত হয় না। এটি সাউন্ড প্যানিংয়ের জন্য, লজিকাল / মডেল স্তরের কঙ্কালের গতিকে প্রভাবিত করার জন্য বা অন্য যে কোনও কিছু যা আপনি সময়ের সাথে সাথে নির্দিষ্ট মসৃণ প্রকরণের প্রয়োজন হতে পারে তার জন্য ব্যবহার করা যেতে পারে।


1
বিটিডাব্লু ইজিং গ্রিনসক লিঙ্কের দ্বিতীয় স্লাইড। বিভিন্ন সরল কার্যকারিতা পরীক্ষা করতে স্লাইডের ড্রপডাউন মেনুটি ব্যবহার করুন।
ঝকঝকে

8

একটি ইজিং ফাংশন আপনাকে একটি "ইজিং ফাংশন" নামক কিছু ব্যবহার করে প্রদত্ত বিরতিতে মানগুলি থেকে অন্য মানগুলিতে বিভক্ত করতে দেয়। এগুলি হ'ল ফাংশনগুলি যা মান গ্রহণের জন্য এবং ব্যবধানের যে কোনও নির্দিষ্ট সময়ে ডিজাইন করা হয়, সময়কে একটি নির্দিষ্ট বিন্দুতে মান আউটপুট করে।

কোড স্নিপেট দেখে একবারে এটি সর্বোত্তমভাবে ব্যাখ্যা করা যেতে পারে:

// simple linear tweening - no easing, no acceleration


Math.linearTween = function (t, b, c, d) {
    return c*t/d + b;
};

@ টি এখন সময়ের মধ্যবর্তী সময় (বা অবস্থান)। এটি সেকেন্ড বা ফ্রেম, পদক্ষেপ, সেকেন্ড, এমএস, যা কিছু হতে পারে - যতক্ষণ না ইউনিট মোট সময়ের জন্য একই হিসাবে ব্যবহৃত হয়

@ বি সম্পত্তির শুরুর মান।

@ গ হ'ল সম্পত্তির শুরু এবং গন্তব্য মানের মধ্যে পরিবর্তন।

@ ডি এই সময়ের মধ্যে মোট সময় time

ধন্যবাদ, http://upshots.org/ferencescript/jsas- বোঝার-easing

এটি লিনিয়ার ইজাইং ফাংশনের সংজ্ঞা। 'T' এর নিরিখে সময়ের সাথে এই লেখাগুলি আমরা একটি লিনিয়ার গ্রাফ পাই।

ঠিক আছে ভদ্র. আমরা তাদের কী ব্যবহার করতে পারি?

আপনার মনে যে কোনও সময় শুরু এবং সমাপ্ত হওয়া এবং সেগুলি সঞ্জীবিত করতে চাইলে আপনি একটি "টিউন" বা "ইজিং ফাংশন" ব্যবহার করতে পারেন।

উদাহরণস্বরূপ, একটি জিআইএফ এখানে আমি স্রেফ অ্যাংরি পাখি নিয়েছি:

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

মেনুটি স্ক্রিনের বিন্দুতে সরে যেতে লক্ষ্য করুন, তবে এটি আস্তে আস্তে থামছে? এটি জায়গায় স্থান স্বাচ্ছন্দ্যজনক একটি ফাংশনের কারণে। আপনি সমস্ত ওয়েব জুড়ে দেখতে পারেন। এটি যদি একটি লিনিয়ার আরামদায়ক হয় তবে এটি জুড়ে একই হবে।

গান?

নিশ্চিত! যদি আমরা আমাদের বর্তমান সাউন্ডট্র্যাকের মানটি ধরে নিই এবং এটি 1 টি বলার মোট t এর চেয়ে 0 এবং এটির মধ্যে বিভক্ত হয়ে যাই তবে আমাদের ভলিউম আস্তে আস্তে এক সেকেন্ড সময়কালে বিবর্ণ হয়ে যায়।

বাউন্ডিং অবজেক্টস

এখানে এমন ফাংশন রয়েছে যা বাউন্স করার অনুমতি দেয় (দেখুন: http://easings.net/#easeOutBounce ) যা কোনও পদার্থবিজ্ঞান সিস্টেম ছাড়াই স্প্রাইটে এর মতো প্রভাব ফেলতে পারে:

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

টিউনিংয়ের জন্য অনুসন্ধান করে আপনি ওয়েবে আরও তথ্য পেতে পারেন।


@TeTYT আমি আপনার জন্য একটি ব্যাখ্যা যুক্ত করেছি। আপনি কোন ধরণের ব্যবহারের সন্ধান করছেন?
ভন হিলস

আমার আপডেট দেখুন। আপনি যদি kপ্যারামিটার হিসাবে গ্রহণ করে এমন ফাংশনগুলি কীভাবে ব্যবহার করবেন তা আপনি যদি ব্যাখ্যা করতে পারেন তবে আমি এই উত্তরটি গ্রহণ করব। ধন্যবাদ
ড্যানিয়েল কাপলান

এই ফাংশনগুলি কেবল কে নেয় না। প্রারম্ভিক ক্রিয়াকলাপগুলি এগুলি ব্যবহার করে যা পরে আরও জটিলগুলিতে চলে যায়। আপনি কি কেবল ফেজার্সের প্রয়োগে আগ্রহী?
ভান হিলস

দেখে মনে হচ্ছে তারা সবাই kআমার কাছে নিয়েছে। অন্যথায় কোথায় দেখছেন?
ড্যানিয়েল ক্যাপলান

সমস্ত ইজিং ফাংশন (সম্ভবত 'শেক' স্টাইলের টুইটগুলি বাদে) সর্বনিম্ন তিনটি পরামিতি প্রয়োজন require সময় (সাধারণত 0 এবং 1 এর মধ্যে একটি অনুপাত), একটি শুরুর মান এবং একটি শেষ মানের। কখনও কখনও সময়টি বর্তমান সময়ের মতো দুটি প্যারামিটারে বিভক্ত হয় এবং সময়কাল সহজেই হয়। যদি শুরু এবং শেষের মানগুলি ইতিমধ্যে সংজ্ঞায়িত করা হয় (আপনার ইজিজিং সিস্টেম / লাইব্রেরির উপর নির্ভর করে), আপনার কেবলমাত্র সময় পার হতে পারে, তবে আমি নিজের সাথে পরিচিত নই। উদাহরণস্বরূপ, আমি যদি 75% (4 সেকেন্ডের স্বাচ্ছন্দ্যে 3 সেকেন্ড) এর মধ্যে 10 এবং 30 এর মধ্যে মানটি চেয়েছিলাম তবে আমার 10 এবং 30 এবং এছাড়াও 75% (সময় / দুর) পাস করতে হবে।
ডগ .এমসিফারলেন

2

ইজিং ফাংশন একটি সময়কালের মধ্যে একটি মান পরিবর্তন করে, একটি শুরু নম্বর থেকে শেষ সংখ্যায় পরিণত করে।

আপনি এই মানটি আপনার গেমের কোনও অবজেক্টের সম্পত্তি যেমন অ্যানিমেটেড করার জন্য ব্যবহার করেন যেমন পজিশন, রোটেশন, স্কেল, রঙ পরিবর্তন করা এবং মান ব্যবহার করে এমন অন্যান্য বৈশিষ্ট্য।

বিভিন্ন সহজকরণের ক্রিয়াগুলি অ্যানিমেশনের "অনুভূতি" বা সময়ের সাথে মান কীভাবে পরিবর্তিত হয় তা নির্ধারণ করে।

আপনার পোস্ট করা ওয়েবসাইটে, গ্রাফটি শুরু থেকে শেষ অবধি সময়ের সাথে সাথে মানটির পরিবর্তন দেখায়, সুতরাং এর অর্থ এই নয় যে আপনি যে জিনিসটি অ্যানিমেট করছেন সেটি গ্রাফের বলের পথ অনুসরণ করবে।


ওহ, তাই এখন আপনি আমার প্রতিফলন আপনার উত্তর পরিবর্তন! আপনি শিখছেন তা দেখে খুব ভাল লাগছে।
প্রকৌশলী

এই উত্তর টিউটোরিয়াল চেয়ে রেফারেন্স মত মনে হয়। আরও ভাল বোঝার জন্য আমার উদাহরণগুলি দরকার
ড্যানিয়েল কাপলান

@ নিক উইগগিল নং, আমি এখন পর্যন্ত আপনার উত্তরটি দেখতে পাইনি।
ইনো
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.