- 127
- 6 967
Play with Processing
เข้าร่วมเมื่อ 11 มิ.ย. 2013
Hello Everyone !
This Channel for apply Embedded System & Processing Desktop App, To have more fun with programming 😁
My name is Amjad Nakawa , welcome to my channel.
This Channel for apply Embedded System & Processing Desktop App, To have more fun with programming 😁
My name is Amjad Nakawa , welcome to my channel.
2-4 Bluetooth (ESP32 with Processing)
00:00 Introduction
00:27 Initilization ESP32 as Bluetooth Slave
01:37 Send Data from ESP32 to Processing
03:07 Send Data from Processing to ESP32
05:29 Control of Led and receive status by Processing
09:46 Testing Our Code's
11:23 Test For You !!
#processing #bluetooth #esp32 #serial #play_with_processing
00:27 Initilization ESP32 as Bluetooth Slave
01:37 Send Data from ESP32 to Processing
03:07 Send Data from Processing to ESP32
05:29 Control of Led and receive status by Processing
09:46 Testing Our Code's
11:23 Test For You !!
#processing #bluetooth #esp32 #serial #play_with_processing
มุมมอง: 24
วีดีโอ
3-8 HTTP (Send Request from Processing)
มุมมอง 1319 ชั่วโมงที่ผ่านมา
00:00 Introduction 00:33 Create Client in Processing 01:40 Send Simple Request 04:40 Receive Response 06:22 Test for you !! #processing #json #html #server #client #request #response #play_with_processing
3-7 HTTP (Get Content from Request)
มุมมอง 17วันที่ผ่านมา
00:00 Introduction 00:47 Let's Start 02:13 Add body to Request in Postman 03:15 Add getContent function in response class 05:32 Get Content as JSONObject 06:47 Get Content as JSONArray 08:25 Get Content as Text 09:05 Different between (form-data) & (x-www-form-urlencoded) 10:30 Get Content as (x-www-form-urlencoded) #processing #json #html #server #client #request #response #play_with_processing
3-6 HTTP (Response According to Path)
มุมมอง 2314 วันที่ผ่านมา
00:00 Introduction 00:18 what we will do in this video 01:38 create getPath function 06:25 use getPath to generate different response 08:08 create notFound page response 10:31 change circle color depend on request path #processing #json #html #server #client #request #response #play_with_processing
3-5 HTTP (Change Body Response)
มุมมอง 1421 วันที่ผ่านมา
in this video we will explain how to make static (JSON - HTML) response, and dynamic (JSON - HTML) response with processing. 00:00 Introduction 01:10 Create sendJSON function 02:23 Create sendJSONFile function 05:02 Create sendHTML function 06:19 Create sendHTMLFile function 09:11 Edit HTML variable in Processing #processing #json #html #server #client #request #response #play_with_processing
3-4 JSON Tutorial in Processing
มุมมอง 1721 วันที่ผ่านมา
in this video we will implement JSONObject and JSONArray in processing to use them for (Request Client , Response Server , Local Storage , ...). 00:00 introduction 00:35 create JSONObject 01:20 put data to JSONObject 03:17 save JSONObject to .json file 04:20 get spicify data from JSONObject 05:00 load JSONObject from .json file 05:53 update data of JSONObject 08:25 create JSONArray 10:12 save J...
3-3 HTTP (Build Response Class)
มุมมอง 1121 วันที่ผ่านมา
in this video we will build Request Class in Processing and test it via Postman 00:00 introduction 00:14 start write Response class 01:31 write addStatus function in Response class 02:08 write addHeaders function in Response class 03:42 write addBody function in Response class 04:48 add Response object to main code 07:10 test Response class via Postman 08:06 write getRequest in Response class 1...
3-2 HTTP (Processing with Postman)
มุมมอง 2428 วันที่ผ่านมา
in this video we will test Request with Postman and Response data with Processing 00:00 introduction 00:35 explain Postman interface 03:58 send request from Postman #processing #http #server #client #request #response #postman #play_with_processing
3-1 HTTP (Concept + Make Server Response)
มุมมอง 43หลายเดือนก่อน
in this video we will explain HTTP protocol, and build a simple Server response with Processing from web page request Resource: www.tutorialspoint.com/http/index.htm 00:00 Introduction 00:30 Basic concept of HTTP Protocol 02:33 Request (explain) 04:53 JSON form 06:10 Response (explain) 09:27 Request (example) 10:51 Response (example) 13:07 Start write Server Code in Processing 16:50 Build simpl...
2-3 Bluetooth (send Accelerometer position to Processing)
มุมมอง 38หลายเดือนก่อน
Ketai Website: ketai.org Ketai Library: drive.google.com/file/d/1pg76nicqsb4yP87HIHV20WR5VW3cqI2E/view?usp=drivesdk 00:00 introduction 00:28 Accelerometer Position 00:55 start Accelerometer code in APDE 05:23 send Accelerometer Position to Processing 06:20 draw mobile position in processing 09:12 scale position value 10:23 test mobile movement 12:37 exercise ! #processing #bluetooth #accelerome...
2-2 Bluetooth (Processing with APDE)
มุมมอง 62หลายเดือนก่อน
Ketai Website: ketai.org Ketai Library: drive.google.com/file/d/1pg76nicqsb4yP87HIHV20WR5VW3cqI2E/view?usp=drivesdk 00:00 introduction 00:57 Ketai Library 02:10 start write simple code with Ketai library 05:32 send data from APDE to Processing 08:00 send data from Processing to APDE 11:08 Scribble App (Example) 14:50 add some color 15:50 exercise #processing #proteus #bluetooth #serial #play_wi...
13- SPI Debugger
มุมมอง 191หลายเดือนก่อน
00:00 introduction 00:14 main difference between UART , I2C , SPI 01:22 SPI connection Diagram 03:30 initilization SPI Debugger 06:00 send and receive data via SPI Debugger 09:55 Master to multi Slave's 11:58 test AD5206B ic with SPI Debugger (Example) 14:22 test Arduino with SPI Debugger (Example) #play_with_processing #atmega #proteus #arduino #spi #uart #serial #protocol www.youtube.com/@Amj...
12- I2C Debugger
มุมมอง 69หลายเดือนก่อน
00:00 introduction 00:21 different between I2C and UART 01:28 I2C protocol 03:29 initialization of I2C Debugger 06:20 send one byte from Master to Slave 09:52 send multi byte from Master to Slave 11:30 receive one byte from Slave to Master 12:32 receive multi byte from Slave to Master 13:57 multi slave 15:02 get time from RTC by I2C Debugger example 16:38 I2C Debugger with Arduino example #play...
2-1 Bluetooth (Processing with eDebugger)
มุมมอง 262 หลายเดือนก่อน
There is a introduction of Bluetooth connection with Processing and eDebugger mobile application. Bluetooth Terminal eDebugger APK : play.google.com/store/apps/details?id=com.e.debugger&pcampaignid=web_share 00:00 introduction 01:08 configuration Bluetooth Port 01:52 Incoming Vs Outgoing Direction 02:36 connection with eDebugger in (Incoming mode) 03:55 send data from Processing 04:52 receive d...
1-9 Serial (Full Example)
มุมมอง 612 หลายเดือนก่อน
There is a full example of using Serial .. this example combines using Proteus , and writing code using Arduino IDE and Processing .. Sender & Receiver 00:00 Introduction 01:28 Design Items using Proteus 05:59 Start Write Code by Arduino IDE 06:10 Write RTC Code 09:58 Write DHT11 Code 12:29 Write Buttons & LEDs Code 17:50 Add millis() in Code 19:10 Preparation Data for Send From Arduino 24:10 S...
1-8 Serial (Receive from two Arduino in same time)
มุมมอง 683 หลายเดือนก่อน
1-8 Serial (Receive from two Arduino in same time)
1-6 Serial (receive multi data from Processing (strtok) )
มุมมอง 443 หลายเดือนก่อน
1-6 Serial (receive multi data from Processing (strtok) )
1-5 Serial (receive multi data from Arduino (split))
มุมมอง 684 หลายเดือนก่อน
1-5 Serial (receive multi data from Arduino (split))
1-3 Serial (read multi data from virtual serial)
มุมมอง 194 หลายเดือนก่อน
1-3 Serial (read multi data from virtual serial)
1-2 Serial (serialEvent & read String)
มุมมอง 444 หลายเดือนก่อน
1-2 Serial (serialEvent & read String)
1-1 Serial (Between Processing & Virtual Serial)
มุมมอง 704 หลายเดือนก่อน
1-1 Serial (Between Processing & Virtual Serial)
سؤال لو سمحت ما لقيت اداة i2c عندي بالبرنامج وماعرفت كيف بدي ضيفها شو الحل
ابعتلي صورة عن الأدوات يلي عندك بالبرنامج ذكاتك على رقمي عالواتس +963938338937 .. احتمال تكون المشكلة من النسخة عند حضرتك.
ما شاء الله عليك مبدع في الشرح
شكرا جزيلا 🙏❤ ..
ايش اسم البرنامج
بروتوس
Proteus 🙏
Люблю фракталы
😄🙏❤
Processing Code (Java): --------------------------------------------- float count , t; void setup() { size(700, 700); strokeWeight(3); colorMode(HSB); } void draw() { background(0); t = TWO_PI/count; translate(width/2, height/2); rotate(count); basic(TRIANGLES); //changeAmp(TRIANGLES); //changePhase(LINES , PI/2); //changePhaseAndAmp(LINES , PI/7); endShape(CLOSE); count +=0.02; } void basic(int type){ beginShape(type); for(int i=0; i<count; i++){ stroke(i%255 , 200 , 200 , 150); fill(i%255 , 200 , 200 , 50); vertex(200*cos(i*t) , 200*sin(i*t)); vertex(100*cos(i*t) , 100*sin(i*t)); vertex(200*cos(i*t+20) , 200*sin(i*t+20)); } } void changeAmp(int type){ beginShape(type); for(int i=0; i<count; i++){ stroke(i%20+60 , 200 , 200 , 150); fill(i%20+60 , 200 , 200 , 50); vertex(100*cos(i*t) , 300*sin(i*t)); vertex(100*cos(i*t) , 100*sin(i*t)); vertex(200*cos(i*t+20) , 200*sin(i*t+20)); } } void changePhase(int type , float offset){ beginShape(type); for (int i=0; i<count; i++) { stroke(i%40+120, 200, 200 , 150); vertex(200*cos(i*t), 200*sin(i*t)); vertex(100*cos(i*t), 100*sin(i*t)); vertex(200*cos(i*t+offset), 200*sin(i*t+offset)); } } void changePhaseAndAmp(int type , float offset){ beginShape(type); for (int i=0; i<count; i++) { stroke(i%40+200, 200, 200 , 150); vertex(170*cos(i*t+offset), 170*sin(i*t+offset)); vertex(120*cos(i*t), 250*sin(i*t)); vertex(50*cos(i*t), 220*sin(i*t)); } }
فخامة 😮😮❤❤❤
Processing Code (Red Heart) : ----------------------------------------------------- float a = 0; float max; void setup() { size(600, 600, P3D); strokeWeight(3); noFill(); colorMode(HSB); } void draw() { background(0); translate(width/2, height/2); beginShape(); for (float x=-max; x<max; x+=0.001) { stroke(map(x, -2, 2, 0, 20), 255, 255); float y = (pow(abs(x), 2/3.0) +(exp(1)/3) *(sqrt(PI-x*x)) *sin(a*PI*x)); vertex(x*160, -y*130+40); } endShape(); a +=0.05; max +=0.003; }
Processing Code (Blue Heart) : ---------------------------------------------------- float a = 0; void setup() { size(600, 600, P3D); strokeWeight(3); noFill(); colorMode(HSB); } void draw() { background(0); translate(width/2, height/2); beginShape(); for (float x=-2; x<2; x+=0.001) { stroke(map(x, -2, 2, 140, 180), 200, 200); float y = pow(abs(x), 2/3.0) +(exp(1)/3) *(sqrt(PI-x*x)) *sin(a*PI*x); vertex(x*160, -y*130+80); } endShape(); a +=0.05; }
Processing Code (Java): -------------------------------------- // try change it float d=40; int n = 2; float angle; void setup(){ size(700 , 700); noFill(); colorMode(HSB); } void draw(){ background(0); translate(width/2 , height/2 - 40 ); drawLines(d); drawLines(1); d +=0.0002; angle +=0.002; } void drawLines(float d){ push(); if(d == 1) beginShape(); else beginShape(LINES); strokeWeight((d==1)?4:2); rotate(angle); for(int i=0; i<361; i+=1){ float k = i*d*PI/180; float r = 300*sin(n*k); stroke((n%6)*40 , 100+i*155/360 , 200 , 200); vertex(r * cos(k) , r * sin(k)); } endShape(CLOSE); pop(); }
Processing Code (Java): --------------------------------------- float amp = 40 , offX , ext; // change it 1.2.3.4....n float factorX = 1 , factorY = 2; // change it for adjust speed float speedOffset = 2.5 , speedExtend = 0.01; // change it for more accuracy int MaxRotation = 20; void setup() { size(700, 700); noFill(); strokeWeight(2); colorMode(HSB); } void draw() { background(0); beginShape(LINES); translate(0, width/2); for (int i=0; i<MaxRotation; i++) specialLine((TWO_PI/MaxRotation)*i); endShape(CLOSE); offX += speedOffset; ext += speedExtend; } float gaussian(float x, float Xoffset, float Amp, float extend) { float a = Amp; float b = Xoffset; float c = Amp*extend; return (a*exp(-pow(x-b, 2)/(2*c*c))); } void specialLine(float angle) { for (int i=0; i<700; i++) { float gausI = gaussian(i, offX, amp, ext); float a = i*0.1+angle; stroke(i*0.4, 200, 200); vertex(350+200*cos(a*factorX), 6*gausI*sin(a*factorY)); } }
بالتوفيق مهندسنا الحبيب 💜
Processing Code : ------------------------------------ PImage flowerImage; randomLine rl[] = new randomLine[200]; void setup(){ size(700 , 700); flowerImage = loadImage("photo4.jpg"); flowerImage.resize(int(flowerImage.width*1.5) , int(flowerImage.height*1.5)); for(int i=0; i<rl.length; i++) rl[i] = new randomLine(); strokeWeight(3); background(0); } void draw(){ for(randomLine r : rl) r.draw(); } class randomLine { float x, y, speedX, speedY; int signX, signY; randomLine() { update(); } void update() { signX = int(random(0, 2))*2-1; signY = int(random(0, 2))*2-1; x = width/2 + (width/2+random(0, 500))*signX; y = height/2 + (height/2+random(0, 500))*signY; speedX = random(1, 2)*(-signX); speedY = random(1, 2)*(-signY); } void draw() { stroke(flowerImage.get(int(x+370), int(y+40)), 100); // remove 230 , 10 point(x, y); x +=speedX; y +=speedY; boolean positiveX = (signX == 1 && x<0 ); boolean negativeX = (signX == -1 && x>width ); boolean positiveY = (signY == 1 && y<0 ); boolean negativeY = (signY == -1 && y>height); if(positiveX || negativeX || positiveY || negativeY) update(); } }
😊❤😊❤😊❤😊❤😊❤
Processing Code : ------------------------------------ item items[] = new item[1320]; void setup(){ size(600 , 600); for(int i=0; i<items.length; i++) items[i] = new item(20*(i%30), 20*(i/40),20); noStroke(); } void draw(){ background(0); scale(0.8); translate(80 , 55); for(int i=0; i<items.length; i++) items[i].draw(); } class item{ float x , y , r; float speed , angle; float triRCos , triRSin; color c; item(float X , float Y , float R){ x = X; y = Y; r = R; speed = dist(width/2 , height/2 , x , y); speed = map(speed , 0 , 2*sqrt(width/2) , 0 , 0.004); c = lerpColor(#FFFFFF , #382155 , speed *25); triRCos = r*cos(PI/3); triRSin = r*sin(PI/3); } void draw(){ pushMatrix(); translate(x , y); fill(c); rotate(angle); triangle(-triRCos , -triRSin , triRCos , -triRSin , 0 , r); popMatrix(); angle += speed; } }
Code (with Processing): ------------------------------------------- float lineWidth = 75; float angleLine1, angleLine2; PGraphics canvas; void setup() { size(600, 600); canvas = createGraphics(600, 600); stroke(#3E6F2B); strokeWeight(3); frameRate(300); } void draw() { background(0); angleLine1 += 0.006; angleLine2 = angleLine1 * 1.81; canvas.beginDraw(); canvas.stroke(#8CD172); canvas.strokeWeight(2); canvas.translate(width/2, height/2); canvas.rotate(angleLine1); canvas.translate(lineWidth, 0); canvas.rotate(angleLine2); canvas.point(lineWidth, 0); canvas.endDraw(); image(canvas, 0, 0); push(); translate(width/2, height/2); rotate(angleLine1); line(0, 0, lineWidth, 0); translate(lineWidth, 0); rotate(angleLine2); line(0, 0, lineWidth, 0); pop(); }
شرح جميل وكنت اعتقد ان لغه البروسينج لم تعد أحد مهتم بها والكل يستخدمها فقط فى برمجه الاردينوا. ولغات البرمجه المرتبطه بالذكاء الاصتناعى مثل البايثون و اخده كل الاهتمام . ولكن ستجعلنى ارجع مره اخرى واستخدم هذة اللغه الجميله
شكراً لردك 🙏 تماماً في آفاق كتير كبيرة ممكن نستفاد منها عبر الـ Processing. بإذن الله قريباً ح إتناول مواضيع تانية ضمن هاليرنامج 😄
// Solve the required exercise PGraphics p; float x , r; boolean flag; void setup(){ size(800 , 500); p = createGraphics(100 , 100); noStroke(); } void draw(){ background(#5D5934); for(int i=0; i<4; i++){ upperFrame(100 + 150*i); lowerFrame(100 + 150*i); } fill(255); circle(x , height/2 , 50); x = (x+5)%width; } void mousePressed(){ flag = !flag; } void upperFrame(float X){ p.beginDraw(); p.background(#37304D); p.fill(255); p.noStroke(); p.circle(x-X , p.height/2 , 50); p.endDraw(); image(p , X , 100); } void lowerFrame(float X){ p.beginDraw(); p.background(#37304D); p.fill(255); p.noStroke(); p.circle(p.width/2 , p.height/2 , r); p.endDraw(); r = constrain(r + (flag?2:-2),0 , 2*p.width); image(p , X , 300); }
What do you do with the circle that passes through the four squares at the end? I want to see the code. Thanks to your videos, I am learning something new. But I'm not sure what to do with the last code. I would appreciate it if you could let me know.
In the last exercise, I want two parts 1- The upper part, "consists of four PGraphics" The circle should pass as in the observed sequence. 2- The lower part, "consists of four PGraphics as well" When you click the mouse the circle should grow to cover the frame.. Thank you for your comment.. And thank you for your interest. I will send the code in a separate reply
@@AmjadNakawa wow thank you!!🥹🥹👍👍
@@솔-o5l You're welcome 🙏🙏
السلام عليكم الله يبارك فيكم هل ممكن التطبيق حتى انفهم به الطلبة مشكور
وعليكم السلام .. وإياكم يا رب 🙏 لبرمجة المتحكم CodeVision لعمل السيميوليشن Proteus لتصميم واجهة تفاعلية Processing
شكراً على الدرس المفيد
😄 العفو 🙏.. شكرا لتعليقك
موفق أخي ما اسم البرنامج
Proteus شكراً أخي .. اسم البرنامج
شنو اسم البرنامج وكيف تحميلة
Proteus getintopc ممكن تنزله من موقع
بالتوفيق 😊❤
😮❤