জেনারেটর আর্টের একটি ভূমিকা: এটি কী এবং আপনি কীভাবে এটি তৈরি করেন

ম্যান্ডেলব্রটের ফ্র্যাক্টাল একটি ছদ্মবেশী সহজ সমীকরণ থেকে উদ্ভূত

জেনারেটর আর্ট একটি ভয়ঙ্কর বিষয় হতে পারে - মনে হয় অনেকগুলি গণিত জড়িত রয়েছে, এবং শিল্পটি নিজের মধ্যে কৌতুকপূর্ণ!

তবে, এটি কঠিন হতে হবে না - আপনি গণিত বা আর্ট ডিগ্রি ছাড়াই কিছু দুর্দান্ত জিনিস তৈরি করতে পারেন। এই পোস্টটি জেনারেটরি আর্ট এমনকি কী এবং কীভাবে আপনি নিজের জেনারেটরি শিল্প তৈরি করতে শুরু করতে পারেন তা ভেঙে দেবে।

প্রথম, কোড আর্ট কি?

কোড আর্ট এমন কোনও শিল্প যা কোড ব্যবহার করে নির্মিত হয়। কোডপেনে অন্তহীন উদাহরণ রয়েছে - উদাহরণস্বরূপ সিএসএস আর্ট।

উত্পাদক শিল্প কি?

প্রায়শই জেনারেটর আর্ট আধুনিক শিল্প থেকে অনুপ্রেরণা আকর্ষণ করে, বিশেষত পপ আর্ট যা সুশৃঙ্খল জ্যামিতিক নিদর্শনগুলির ভারী ব্যবহার করে।

যাইহোক, এটি একটি কেন্দ্রীয় বৈশিষ্ট্যযুক্ত কোড সহ কোড তৈরি করা একটি খুব বিস্তৃত এবং সমৃদ্ধ বিভাগ। জেনারেটর আর্ট কোনও উপায়ে একটি স্ব-শাসিত বা স্বায়ত্তশাসিত ব্যবস্থা অন্তর্ভুক্ত করে।

এলোমেলোতা এক ধরণের স্বায়ত্তশাসিত সিস্টেম। কোড আর্টের একটি অংশে সুযোগকে একত্রিত করার মাধ্যমে, প্রতিবার আপনি আপনার স্ক্রিপ্টটি চালাবেন, আপনার পৃষ্ঠাটি লোড করুন বা কিছু ব্যবহারকারীর মিথস্ক্রিয়াকে প্রতিক্রিয়া জানানোর জন্য আপনি একটি আলাদা, সম্পূর্ণ অনন্য শিল্পের টুকরো পাবেন।

আরও সুশৃঙ্খল স্বায়ত্তশাসিত সিস্টেম রয়েছে। একটি উদাহরণ হ'ল ম্যান্ডেলব্রোটের ফ্র্যাক্টাল, একটি ছদ্মবেশী সহজ সমীকরণ থেকে প্রাপ্ত।

আমরা উভয় পন্থা, মিশ্রন ক্রম এবং বিশৃঙ্খলা সংহত করতে পারি!

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

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

কোডার-শিল্পী একটি প্রতিক্রিয়া লুপে জড়িত থাকে যেখানে তারা আরও আকাঙ্ক্ষিত এবং প্রায়শই অবাক করে দেওয়ার ফলাফল তৈরি করার জন্য ক্রমাগত কোনও সিস্টেমকে টুইট করে চলেছে।

এই প্রক্রিয়াটি এমনভাবে পরীক্ষা-নিরীক্ষা এবং শুভ দুর্ঘটনার সাথে আলিঙ্গন করে যা শিল্পীর ভূমিকাকে নতুন আকার দেয়। উত্পাদক শিল্পী হিসাবে, আমরা লুপস, নিয়ন্ত্রণ প্রবাহ এবং বিশেষত ফাংশনগুলির মতো কোড বেসিকগুলি ব্যবহার করি। এরপরে আমরা এগুলিকে প্রায়শই অনাকাঙ্ক্ষিত বাহিনীর সাথে মিশ্রিত করি, অন্য যে কোনও কিছুর বিপরীতে সম্পূর্ণ অনন্য ফলাফল তৈরি করতে।

উত্পাদক শিল্পের উদাহরণ

কেট কমপটনের ফুল

সেলুলার অটোমাতা এবং বিশৃঙ্খলার এজ

ফিল ন্যাশ দ্বারা বহু রঙে অ্যানিমেটেড জেনারেটরি আর্ট

মুরাসাকি উমা দ্বারা ইমপ্রেশনবাদীরা ব্লব করে

মরিয়ম ন্যাডলার তৈরি গাছ

উত্পাদক শিল্প একটি টুকরা মধ্যে কি যায়?

  • উত্পাদক শিল্প তৈরির জন্য এলোমেলোতা গুরুত্বপূর্ণ। প্রতিবার প্রজন্মের স্ক্রিপ্টটি চালানোর সময় শিল্পটি আলাদা হওয়া উচিত, তাই এলোমেলোভাবে সাধারণত এটির একটি বড় অংশ।
  • অ্যালগরিদম - দৃশ্যত একটি অ্যালগরিদম প্রয়োগ করা প্রায়শই দুর্দান্ত শিল্প তৈরি করতে পারে, উদাহরণস্বরূপ, উপরের বাইনারি গাছ।
  • জ্যামিতি - সর্বাধিক জেনারেটরি আর্ট আকৃতিগুলি অন্তর্ভুক্ত করে এবং উচ্চ বিদ্যালয়ের জ্যামিতি শ্রেণির গণিত কিছু সত্যই দুর্দান্ত প্রভাবগুলিতে সহায়তা করতে পারে।

আপনি কীভাবে জেনারেটরি আর্ট পিসের কাছে যেতে পারেন?

উত্পাদক শিল্প তৈরির জন্য দুটি মূল কৌশল রয়েছে, যদিও বেশিরভাগই দুটি কৌশলগুলির মধ্যেই পড়ে যাবে।

প্রথমটি হ'ল কোনও ফলাফল মাথায় না রেখে আপনার চারপাশে খেলতে কম্পিউটার কী উত্পন্ন করে তা দেখুন।

দ্বিতীয়টি হ'ল আপনি শিল্পটি কী দেখতে চান তার একটি খুব চূড়ান্ত ধারণা রয়েছে এবং এলোমেলোভাবে পরিণতিতে সামান্য পরিবর্তন ঘটে।

কোথায় শুরু করা উচিত?

আপনি যদি জাভাস্ক্রিপ্ট জানেন, p5.js শুরু করার জন্য দুর্দান্ত জায়গা। এর লক্ষ্য হ'ল "শিল্পী, ডিজাইনার, শিক্ষাবিদ এবং নতুনদের জন্য কোডিং অ্যাক্সেসযোগ্য।" এটি ক্যানভাস এপিআই-র একটি মোড়ক এবং এটি প্রচুর গণিতকে সহজ করে। এটি আঁকার দিকে মনোনিবেশ করে, তবে আপনি যদি শিল্পকলার এই রূপগুলিতে আগ্রহী হন তবে আপনি এটির সাথে শব্দ, ভিডিও বা ওয়েবক্যাম ইন্টারঅ্যাকশনও করতে পারেন!

পি 5 এর একটি দ্রুত ভূমিকা

প্রথমে, পি 5 সিডিএন লোড করুন। তারপরে, আপনার জাভাস্ক্রিপ্ট ফাইলে, আপনি দুটি ফাংশন যুক্ত করবেন যা ব্যবহার করা হবে বেশিরভাগ পী স্ক্রিপ্ট: সেটআপ এবং অঙ্কন। এই নামগুলি তাদের কল করার জন্য p5 এর জন্য প্রয়োজনীয়।

প্রোগ্রাম শুরু হওয়ার পরে সেটআপ বলা হয়। আপনি সম্ভবত এটি তৈরি করে ক্যানভাস ফাংশনটি ব্যবহার করার মাধ্যমে একটি ক্যানভাস তৈরি করতে পারবেন এবং আপনি সেখানে কিছু ডিফল্ট সেট করতে পারেন। এটি কেবল একবার বলা হয়!

সেটটিকে সেটআপের পরে ডাকা বলা হয় এবং আপনি যতক্ষণ না ললুপ কল করেন ততক্ষণ ক্রমাগত সম্পাদন করা হয় যা এটি আবার চলতে বাধা দেয়। আপনি ফ্রেমরেট ফাংশন সহ প্রতিটি সেকেন্ডে কতবার আঁকতে পারবেন তা নিয়ন্ত্রণ করতে পারেন।

জেনারেটর আর্ট সহ, আমি সাধারণত সেটআপ ফাংশনে নললুপ রাখি, যা অবিচ্ছিন্নতার পরিবর্তে একবার মাত্র ড্র করে।

এখানে কোডপেনে একটি পি 5 স্টার্টার টেম্পলেট রয়েছে।

যেহেতু আমরা জেনারেটরি আর্টের জন্য এলোমেলোতার গুরুত্ব সম্পর্কে এতটা কথা বলেছি, পি 5 এর আরেকটি গুরুত্বপূর্ণ কাজ এলোমেলো। এটি জাভাস্ক্রিপ্টের ম্যাথ.র্যান্ডমের সাথে একইভাবে কাজ করে তবে আপনি সংখ্যার জন্য একটি পরিসীমা সেট করতে পারেন যাতে কোনও দরকারী ফরম্যাটে নম্বর পেতে আপনাকে যত বেশি গণিত করতে হবে না।

p5 লাইন

আপনি p5.js এর মতো একটি লাইন তৈরি করতে পারেন:

রেখা (startX, startY, endX, endY)

তারপরে, আপনি এলোমেলোভাবে একগুচ্ছ রেখাগুলি তৈরি করতে পারেন এবং এর মতো একটি সাধারণ উত্পাদনমূলক শিল্প তৈরি করতে পারেন:

এমনকি সত্যিই সাধারণ স্ক্রিপ্টগুলি দুর্দান্ত কলা তৈরি করতে পারে!

p5 আকার

আপনি p5 দিয়ে আকারগুলিও তৈরি করতে পারেন - যেমন চেনাশোনা, ত্রিভুজ এবং স্কোয়ার।

এখানে p5 দিয়ে কিছু আকার তৈরির উদাহরণ রয়েছে:

// বৃত্তবৃত্তবৃক্ষ (xCoordinate, yCoordinate, প্রস্থ, উচ্চতা) 
// বর্গক্ষেত্র আয়ত (xCoordinate, yCoordinate, প্রস্থ, উচ্চতা) 
// ত্রিভুজ ত্রিভুজ (xCoordinate1, yCoordinate1, x2, y2, x3, y3)

তারপরে, আমরা আরও মজাদার কিছু তৈরি করতে আরও কিছু আকার তৈরি করতে পারি!

p5 আন্দোলন

সেটআপ ফাংশনে নলুপ ফাংশন কলটি সরিয়ে আমরা আমাদের অঙ্কনগুলিতে আন্দোলন করতে পারি - এটি দেখুন!

রঙ

আপনি এলোমেলোভাবে রং নির্বাচন করে জেনারেটরি আর্ট সহ রঙের সাথে খেলতে পারেন। আপনি আরজিবি মানগুলির মাধ্যমে এই গাণিতিকভাবে করতে পারেন, বা আপনি আপনার পছন্দসই রঙ চয়নকারীর সাথে একটি রঙ প্যালেট তৈরি করতে পারেন (আমরা এটি ব্যবহার করছি)।

আপনি রঙ ফাংশন দিয়ে ফিল রঙটি সেট করতে পারেন। এটি বিভিন্ন ফর্ম্যাটের একগুচ্ছ লাগে যেমন নামযুক্ত রঙ, আরজিবিএ এবং হেক্স কোড।

স্ট্রোক ব্যবহার করে আপনি রূপরেখার রঙও পরিবর্তন করতে পারেন। আপনি ননস্ট্রোক ব্যবহার করে সেই রূপরেখাটি সরিয়ে ফেলতে পারেন বা স্ট্রোকওয়েটের সাহায্যে এটি আলাদা প্রস্থে তৈরি করতে পারেন।

সবগুলোকে একত্রে রাখ

আমাদের কাছে সেই সমস্ত টুকরোটি একবার হয়ে গেলে আমরা কিছু দুর্দান্ত জিনিস তৈরির কৌশলগুলি একত্রিত করতে পারি।

অন্য কৌশল: টুইঙ্ক টিউটোরিয়াল

আপনি অন্য কারও কাজ গ্রহণ করে এবং এটিকে বন্ধ করে সত্যই শীতল জেনারেটরি শিল্প তৈরি করতে পারেন। উদাহরণস্বরূপ, এখানে ড্যান শিফম্যানের একটি টিউটোরিয়াল ফলাফল:

বিভিন্ন প্রভাব তৈরি করতে এখানে এটির দুটি টুইট রয়েছে:

আরও কিছু সহ এখানে একটি কোডেন সংগ্রহ!

আপনি টিউটোরিয়াল, কাঁটাচামচ কোডপেন বা গ্লাইচ প্রকল্পগুলি অনুসরণ করতে এবং নতুন এবং অনন্য কিছু তৈরি করতে পারেন। আসল শিল্পীকেও কিছু ক্রেডিট দেওয়ার বিষয়টি নিশ্চিত করুন।

Cheatsheet

এই টিউটোরিয়ালের জন্য আমরা ব্যবহার করা সমস্ত পি 5 কার্যকারিতা সহ এখানে একটি চিট শীট রয়েছে's

আরও পড়ুন

  • উত্পাদক শিল্পী
  • কোডিং ট্রেন
  • টিম হলম্যান দ্বারা কথা

যোগাযোগ রেখো

এই পোস্টটি জেমস রেচার্ডের সাথে সহ-রচিত হয়েছিল। আপনি যদি নিজের নিজস্ব শিল্প তৈরি করেন তবে তা আমাদের কাছে টুইট করতে ভুলবেন না! (আলী এবং জেমস)

মূলত dev.to. এ প্রকাশিত