جاوا اور پروسیسنگ کا استعمال کرتے ہوئے حیرت انگیز ویب کیم اثرات کیسے بنائیں۔

پروسیسنگ ایک طاقتور ٹول ہے جو کوڈ کے ذریعے آرٹ کی تخلیق کی اجازت دیتا ہے۔ یہ گرافکس کے ساتھ کام کرنے کے لیے جاوا لائبریری اور ایک مربوط ترقیاتی ماحول (IDE) کا مجموعہ ہے جو آپ کو آسانی سے کوڈ لکھنے اور چلانے کی اجازت دیتا ہے۔

بہت سے گرافکس اور اینیمیشن شروع کرنے والے منصوبے ہیں جو پروسیسنگ کا استعمال کرتے ہیں ، لیکن یہ لائیو ویڈیو کو ہیرا پھیری کرنے کی بھی صلاحیت رکھتا ہے۔

---

---

آج آپ پروسیسنگ ویڈیو لائبریری کا استعمال کرتے ہوئے ماؤس کے زیر کنٹرول مختلف اثرات کا ایک لائیو ویڈیو سلائیڈ شو بنائیں گے۔ براہ راست ویڈیو کو پلٹانے کے ساتھ ساتھ ، آپ اس کا سائز تبدیل کرنا اور رنگنا سیکھیں گے ، اور اسے ماؤس کرسر کی پیروی کرنے کا طریقہ سیکھیں گے۔

پروجیکٹ سیٹ اپ۔

شروع کرنا، ڈاؤن لوڈ پروسیسنگ اور ایک خالی خاکہ کھولیں یہ سبق ونڈوز سسٹم پر مبنی ہے ، لیکن اسے کسی بھی کمپیوٹر پر ویب کیم کے ساتھ کام کرنا چاہیے۔

آپ کو پروسیسنگ ویڈیو لائبریری انسٹال کرنے کی ضرورت پڑسکتی ہے ، جو قابل رسائی ہے۔ خاکہ> امپورٹ لائبریری> لائبریری شامل کریں۔ . کے لیے تلاش کریں۔ ویڈیو سرچ باکس میں ، اور لائبریری انسٹال کریں۔ پروسیسنگ فاؤنڈیشن .

ایک بار انسٹال ہونے کے بعد ، آپ جانے کے لیے تیار ہیں۔ اگر آپ کوڈنگ کو چھوڑنا چاہتے ہیں تو آپ کر سکتے ہیں۔ مکمل خاکہ ڈاؤن لوڈ کریں . تاہم ، اسے شروع سے خود بنانا بہت بہتر ہے!

پروسیسنگ کے ساتھ ویب کیم کا استعمال

آئیے لائبریری کو درآمد کرکے شروع کرتے ہیں ، اور ایک سیٹ اپ فنکشن خالی پروسیسنگ خاکہ میں درج ذیل درج کریں:

---

---

import processing.video.*;
Capture cam;
void setup(){
size(640,480);
cam = new Capture(this, 640, 480);
cam.start();
}


ویڈیو لائبریری درآمد کرنے کے بعد ، آپ a قبضہ مثال کہا جاتا ہے کینو ویب کیم سے ڈیٹا محفوظ کرنے کے لیے۔ میں سیٹ اپ ، سائز فنکشن سیٹ کرتا ہے a 640x480۔ پکسل سائز ونڈو جس میں کام کرنا ہے۔

اگلی لائن تفویض کرتی ہے۔ کینو کی ایک نئی مثال کے لیے۔ قبضہ ، کے لیے یہ خاکہ ، جو کہ کھڑکی کے سائز کا ہے ، اس سے پہلے کہ کیمرے کو آن کریں۔ cam.start () .

---

---

اگر آپ فی الحال اس کے ہر حصے کو نہیں سمجھتے تو پریشان نہ ہوں۔ مختصر میں ، ہم نے پروسیسنگ کو کہا ہے کہ ایک کھڑکی بنائیں ، ہمارا کیمرہ ڈھونڈیں ، اور اسے آن کریں! اسے ظاہر کرنے کے لیے ہمیں ایک کی ضرورت ہے۔ ڈرا فنکشن یہ اوپر والے کوڈ کے نیچے ، گھوبگھرالی بریکٹ کے باہر درج کریں۔

void draw(){
if (cam.available()){
cam.read();
}
image(cam,0,0);
}


کی ڈرا فنکشن کو ہر فریم کہا جاتا ہے۔ اس کا مطلب یہ ہے کہ ہر سیکنڈ میں کئی بار ، اگر کیمرے کے پاس ڈیٹا ہے۔ دستیاب تم پڑھیں اس سے ڈیٹا.

یہ ڈیٹا پھر بطور ظاہر ہوتا ہے۔ تصویر ، پوزیشن پر 0 ، 0۔ ، جو کھڑکی کے اوپر بائیں طرف ہے۔

اپنا خاکہ محفوظ کریں ، اور اسکرین کے اوپری حصے میں پلے کا بٹن دبائیں۔

کامیابی! کے ذریعے ذخیرہ کردہ ڈیٹا۔ کینو ہر فریم پر اسکرین پر صحیح طریقے سے پرنٹ کیا جا رہا ہے۔ اگر آپ کو پریشانی ہو رہی ہے تو اپنے کوڈ کو اچھی طرح چیک کریں۔ جاوا کو ہر بریکٹ اور نیم کالون کو صحیح جگہ کی ضرورت ہے! ویب کیم تک رسائی کے لیے پروسیسنگ میں چند سیکنڈ بھی درکار ہوتے ہیں ، لہذا اگر آپ کو لگتا ہے کہ یہ کام نہیں کررہا ہے تو اسکرپٹ لانچ کرنے کے بعد چند سیکنڈ انتظار کریں۔

تصویر پلٹنا۔

اب جب کہ آپ کو ایک براہ راست ویب کیم امیج مل گئی ہے آئیے اس میں ہیرا پھیری کرتے ہیں۔ ڈرا فنکشن میں ، تبدیل کریں۔ تصویر (کیمرے ، 0،0) کوڈ کی ان دو لائنوں کے ساتھ۔

scale(-1,1);
image(cam,-width,0);


خاکہ محفوظ کریں اور دوبارہ چلائیں۔ کیا آپ فرق دیکھ سکتے ہیں؟ منفی کا استعمال کرتے ہوئے۔ پیمانے قدر ، تمام ایکس اقدار (افقی پکسلز) اب الٹ ہیں۔ اس کی وجہ سے ، ہمیں ونڈو کی منفی قدر کو استعمال کرنے کی ضرورت ہے۔ چوڑائی تصویر کو صحیح طریقے سے پوزیشن میں رکھنا۔

تصویر کو الٹا پلٹانے کے لیے صرف چند چھوٹی تبدیلیاں درکار ہوتی ہیں۔

scale(-1,-1);
image(cam,-width,-height);


اس بار ، دونوں ایکس اور اور اقدار پلٹ جاتی ہیں ، براہ راست کیمرے کی تصویر کو الٹا۔ اب تک آپ نے ایک عام تصویر ، افقی طور پر پلٹی ہوئی تصویر ، اور عمودی طور پر پلٹی ہوئی تصویر کو کوڈ کیا ہے۔ آئیے ان کے درمیان سائیکل چلانے کا ایک طریقہ طے کریں۔

اسے سائیکل بنانا۔

ہر بار آپ کے کوڈ کو دوبارہ لکھنے کے بجائے ، ہم ان کے ذریعے چکر لگانے کے لیے نمبر استعمال کر سکتے ہیں۔ ایک نیا بنائیں۔ عدد آپ کے کوڈ کے اوپری حصے میں کہا جاتا ہے۔ سوئچر .

import processing.video.*;
int switcher = 0;
Capture cam;


ہم سوئچر کی قدر کا استعمال اس بات کا تعین کرنے کے لیے کر سکتے ہیں کہ کیمرے کی تصویر کے ساتھ کیا ہوتا ہے۔ جب خاکہ شروع ہوتا ہے ، آپ اسے ایک قدر دیتے ہیں۔ 0۔ . اب ہم منطق کا استعمال کرتے ہوئے تصویر کو کیا ہوتا ہے کو تبدیل کر سکتے ہیں۔ اپنا اپ ڈیٹ کریں۔ ڈرا اس طرح دیکھنے کا طریقہ:

void draw(){
if (cam.available()){
cam.read();
}
if(switcher==0){
image(cam,0,0);
}
else if(switcher == 1){
scale(-1,1);
image(cam,-width,0);
}
else if(switcher == 2){
scale(-1,-1);
image(cam,-width,-height);
}
else{
println('Switcher = 0 again');
switcher = 0;
}
}


اب ، کوڈ کی تینوں مختلف حالتیں سوئچر کی قیمت پر منحصر ہوں گی۔ اگر یہ ہمارے ایک سے مماثل نہیں ہے۔ اگر یا اور اگر بیانات ، اور شق 0 پر ری سیٹ ہو جاتی ہے۔ منطق سیکھنے کے لیے ایک اہم ابتدائی مہارت ہے ، اور آپ ایک بہترین یوٹیوب پروگرامنگ ٹیوٹوریل کے ذریعے ان کے بارے میں اور بہت کچھ جان سکتے ہیں!

ماؤس کا استعمال۔

ماؤس تک رسائی کے لیے پروسیسنگ کے بلٹ ان طریقے ہیں۔ پتہ لگانے کے لیے کہ صارف ماؤس پر کب کلک کرتا ہے ، شامل کریں ماؤس پریس اپنے اسکرپٹ کے نچلے حصے میں کام کریں۔

الیکسا کو سیمسنگ ٹی وی سے کیسے جوڑیں

void mousePressed(){
switcher++;
}


پروسیسنگ کسی بھی ماؤس کے کلکس کو سنتا ہے اور پروگرام کو اس طریقہ کار کو انجام دینے میں رکاوٹ بناتا ہے جب اسے پتہ چلتا ہے۔ ہر بار جب طریقہ کہا جاتا ہے ، سوئچر کی قیمت ایک ایک کرکے بڑھ جاتی ہے۔ اپنی اسکرپٹ کو محفوظ کریں اور چلائیں۔

اب ، جب آپ ماؤس کے بٹن کو دباتے ہیں ، تو یہ اصل میں واپس آنے سے پہلے ، ویڈیوز کے مختلف رخوں سے گزرتا ہے۔ ابھی تک آپ نے صرف ویڈیو پلٹائی ہے ، اب آئیے کچھ اور دلچسپ کریں۔

مزید اثرات شامل کرنا۔

اب ، آپ مشہور رنگ کے اینڈی وارہول فن پاروں کی طرح چار رنگوں کا براہ راست تصویری اثر کوڈ کریں گے۔ مزید اثرات شامل کرنا اتنا ہی آسان ہے جتنا کہ منطق میں ایک اور شق شامل کرنا۔ اسے آخری کے درمیان اپنی اسکرپٹ میں شامل کریں۔ اور اگر بیان ، اور اور .

else if(switcher == 3){
tint(256, 0, 0);
image(cam, 0, 0, width/2, height/2);
tint(0, 256, 0);
image(cam, width/2, 0, width/2, height/2);
tint(0, 0, 256);
image(cam, 0, height/2, width/2, height/2);
tint(256, 0, 256);
image(cam, width/2, height/2, width/2, height/2);
}


یہ کوڈ استعمال کرتا ہے تصویر اسکرین کے ہر کونے میں چار الگ الگ کیمرے کی تصاویر بنانے اور ان سب کو آدھے سائز کا بنانے کا کام۔

کی رنگ فنکشن ہر کیمرے کی تصویر میں رنگ شامل کرتا ہے۔ بریکٹ کے نمبر ہیں۔ سرخ ، سبز اور نیلے (RGB) اقدار منتخب کردہ رنگ کے ساتھ تمام درج ذیل کوڈ کو رنگین کریں۔

محفوظ کریں اور نتیجہ دیکھنے کے لیے کھیلیں۔ ہر ایک میں RGB نمبر تبدیل کرنے کی کوشش کریں۔ رنگ رنگ تبدیل کرنے کا کام!

اسے ماؤس کی پیروی کرنا۔

آخر میں ، آئیے لائیو امیج کو پروسیسنگ لائبریری سے مددگار افعال کا استعمال کرتے ہوئے ماؤس پوزیشن کی پیروی کریں۔ اس کے اوپر شامل کریں۔ اور آپ کی منطق کا حصہ

else if(switcher==4 ){
image(cam, mouseX, mouseY, width/2, height/2);
}


یہاں ، آپ اپنے کیمرے سے تصویر کو پوزیشن دے رہے ہیں۔ ماؤس ایکس اور mouseY . یہ پروسیسنگ اقدار میں بنائے گئے ہیں جو ماؤس کس پکسل کی طرف اشارہ کر رہے ہیں۔

یہی ہے! کوڈ کے ذریعے براہ راست ویڈیو کی پانچ مختلف حالتیں۔ تاہم ، جب آپ کوڈ چلاتے ہیں ، تو آپ کو کچھ مسائل نظر آئیں گے۔

کوڈ کو ختم کرنا۔

آپ نے اب تک جو کوڈ بنایا ہے وہ کام کرتا ہے ، لیکن آپ کو دو مسائل نظر آئیں گے۔ سب سے پہلے ، ایک بار چار رنگوں کی تغیرات ظاہر ہونے کے بعد ، ہر چیز بعد میں جامنی رنگ کی ہوتی ہے۔ دوم ، جب آپ ماؤس کے ساتھ ویڈیو کو منتقل کرتے ہیں ، تو یہ ایک پگڈنڈی چھوڑ دیتا ہے۔ آپ ڈرا فنکشن کے اوپری حصے میں ایک دو لائنیں شامل کرکے اسے ٹھیک کرسکتے ہیں۔

void draw(){
tint(256,256,256);
background(0);
//draw function continues normally here!


ہر فریم کے آغاز پر یہ کوڈ ٹنٹ کلر کو وائٹ میں ری سیٹ کرتا ہے ، اور ویڈیو کو چھوڑنے والی ٹریلز کو روکنے کے لیے سیاہ کا بیک گراؤنڈ کلر شامل کرتا ہے۔ اب جب آپ پروگرام کی جانچ کرتے ہیں ، سب کچھ بالکل کام کرتا ہے!

ویب کیم اثرات: کوڈ سے آرٹ۔

پروسیسنگ بہت طاقتور ہے ، اور آپ اسے بہت سے کاموں کے لیے استعمال کر سکتے ہیں۔ یہ کوڈ کے ساتھ آرٹ بنانے کا ایک بہترین پلیٹ فارم ہے ، لیکن یہ روبوٹ کو کنٹرول کرنے کے لیے یکساں طور پر موزوں ہے!

اگر جاوا آپ کی چیز نہیں ہے تو ، پروسیسنگ پر مبنی جاوا اسکرپٹ لائبریری ہے جسے p5.js کہا جاتا ہے۔ یہ براؤزر پر مبنی ہے ، اور یہاں تک کہ شروع کرنے والے بھی اسے لاجواب ری ایکٹیو اینیمیشن بنانے کے لیے استعمال کر سکتے ہیں!

تصویری کریڈٹ: Syda_Productions / ڈپازٹ فوٹو۔

بانٹیں بانٹیں ٹویٹ ای میل۔ چیک کرنے کے 3 طریقے کہ آیا ای میل اصلی ہے یا جعلی۔

اگر آپ کو کوئی ای میل موصول ہوئی ہے جو قدرے مشکوک نظر آتی ہے تو ، اس کی صداقت کو جانچنا ہمیشہ بہتر ہوتا ہے۔ یہ بتانے کے تین طریقے ہیں کہ آیا ای میل اصلی ہے۔

اگلا پڑھیں۔ متعلقہ موضوعات۔

• پروگرامنگ۔
• جاوا
• ویب کیم
• پروسیسنگ
• کوڈنگ ٹیوٹوریل

مصنف کے بارے میں ایان بکلے۔(216 مضامین شائع ہوئے)

ایان بکلے جرمنی کے شہر برلن میں رہنے والے ایک آزاد صحافی ، موسیقار ، اداکار اور ویڈیو پروڈیوسر ہیں۔ جب وہ لکھ نہیں رہا ہے یا اسٹیج پر نہیں ہے تو ، وہ دیوانہ سائنسدان بننے کی امید میں DIY الیکٹرانکس یا کوڈ کے ساتھ چھیڑ چھاڑ کر رہا ہے۔

ایان بکلے سے مزید

ہماری نیوز لیٹر کو سبسکرائب کریں

ٹیک ٹپس ، جائزے ، مفت ای بکس ، اور خصوصی سودوں کے لیے ہمارے نیوز لیٹر میں شامل ہوں!

سبسکرائب کرنے کے لیے یہاں کلک کریں۔