第1步：我們需要什么

物理計(jì)算

Arduino Uno（或另一個(gè)工作的微控制器）

伺服（我使用parralax標(biāo)準(zhǔn)伺服）

Red led

220k電阻

5x電線

Javascript

P5.js

P5 DOM庫(kù)

P5串行庫(kù)

P5串行控制（處理串行通信的小程序）

ML5.js

對(duì)象

MDF 4mm

底漆噴涂

白色噴漆

淺灰色噴涂油漆

黑色噴漆

黑色太陽(yáng)鏡鏡片（或其他）

第2步：進(jìn)行姿勢(shì)估計(jì)工作

首先我們要編寫(xiě)識(shí)別人類(lèi)的草圖并在它的鼻子上放一個(gè)點(diǎn)。目標(biāo)是從這一點(diǎn)獲取水平X數(shù)據(jù)并將其發(fā)送到Arduino。

讓我們開(kāi)始吧！

在這個(gè)項(xiàng)目中，我們需要一些文件或庫(kù)來(lái)使一切正常工作：

p5.js （您可以下載完整的軟件包，因?yàn)檫@包括DOM庫(kù)）

p5 DOM

p5串口（我使用了包中包含的示例中的p5.serialport.js文件） ）

ML5.js（您可以將其作為鏈接包含在內(nèi)，或者您可以通過(guò)這種方式下載整個(gè)本地庫(kù)，這樣您就不需要連接互聯(lián)網(wǎng)以使一切正常工作）

我們擁有所有這些，我們可以將所有內(nèi)容鏈接到一個(gè)簡(jiǎn)單的HTML文件中：

接下來(lái)是我們的sketch.js文件，其中所有的魔法都發(fā)生了！

var serial;

var portName = ‘COM6’; // fill in your serial port name here， you can check the right port in Arduino or P5 serial control

var options = {

baudrate： 19200 //baudrate has to be the same in arduino

};

// this is the message that will be sent to the Arduino：

var oneMessage;

let video;

let poseNet;

let poses = ［］;

var noseX = ［］

var ifPerson = true;

//var flipHorizontal = false;

function setup（） {

createCanvas（640， 480）;

video = createCapture（VIDEO）;

video.size（width， height）;

frameRate（10）;

//--------------------------------------

serial = new p5.SerialPort（）;

// Get a list the ports available

// You should have a callback defined to see the results. See gotList， below：

serial.list（）;

// Assuming our Arduino is connected， open the connection to it

serial.open（portName， options）;

// When you get a list of serial ports that are available

serial.on（‘list’， gotList）;

// When you some data from the serial port

serial.on（‘data’， gotData）;

//-----------------------------------------

// Create a new poseNet method with a single detection

poseNet = ml5.poseNet（video， {

flipHorizontal： true，

detectionType： ‘single’

}， modelReady）;

// This sets up an event that fills the global variable “poses”

// with an array every time new poses are detected

poseNet.on（‘pose’， function （results） {

poses = results;

if （results.length == 0） {

ifPerson = false;

}

//console.log（‘results： ’ + results）;

}）;

// Hide the video element， and just show the canvas

video.hide（）;

}

function modelReady（） {

select（‘#status’）.html（‘Model Loaded’）;

}

function draw（） {

image（video， 0， 0， width， height）;

// We can call both functions to draw all keypoints

drawKeypoints（）;

if （ifPerson == false） {

serial.write（‘c’）;

console.log（“X”）;

ifPerson = true;

} else {

oneMessage = map（oneMessage， 1， 640， 65， 115）;

serial.write（oneMessage）;

console.log（“browser： ” + oneMessage）;

}

}

//---------------------------------

// Got the list of ports

function gotList（thelist） {

console.log（“List of Serial Ports：”）;

// theList is an array of their names

for （var i = 0; i 《 thelist.length; i++） {

// Display in the console

console.log（i + “ ” + thelist［i］）;

}

}

// Called when there is data available from the serial port

function gotData（） {

var currentString = serial.readLine（）;

console.log（currentString）;

}

//-------------------------------------

// A function to draw ellipses over the detected keypoints

function drawKeypoints（） {

// Loop through all the poses detected

for （let i = 0; i 《 poses.length; i++） {

// For each pose detected， loop through all the keypoints

for （let j = 0; j 《 poses［i］.pose.keypoints.length; j++） {

// A keypoint is an object describing a body part （like rightArm or leftShoulder）

let keypoint = poses［i］.pose.keypoints［“0”］;

noseX［i］ = keypoint.position.x.toFixed（0）;

oneMessage = （parseInt（noseX［0］，10））;

//console.log（typeof（oneMessage））;

select（‘#noseX_1’）.html（noseX.toString（））;

//console.log（typeof（oneMessage））

// Only draw an ellipse is the pose probability is bigger than 0.2

if （keypoint.score 》 0.2） {

fill（255， 0， 0）;

noStroke（）;

ellipse（keypoint.position.x， keypoint.position.y， 10， 10）;

}

}

}

}

就是這樣！如果您打開(kāi)html文件，您將看到網(wǎng)絡(luò)攝像頭鏡頭上方有一個(gè)紅點(diǎn)但鏡像（否則您的伺服將遠(yuǎn)離您）。您還將看到發(fā)送到Arduino的X數(shù)據(jù)

第3步：使用P5.serialcontrol

這是一個(gè)快速的。為了建立我的草圖和Arduino之間的串行通信，我們需要一個(gè)處理所有串行數(shù)據(jù)的中間人將它發(fā)送到另一個(gè)。以前人們會(huì)使用不太友好的Node.js，p5.serialcontrol修復(fù)了這個(gè)問(wèn)題。你可以在這里下載p5.serialcontrol。對(duì)于Windows用戶(hù)，請(qǐng)查看Alpha 5版本。

可悲的是，p5.serialcontrol并不完美，有時(shí)會(huì)崩潰。所以要小心你發(fā)送了多少數(shù)據(jù)。

步驟4：一切Arduino

接下來(lái)是Arduino代碼并連接伺服和LED。

#include

Servo myservo;

const int redPin = 12;

int newval1， oldval1;

int servoValue;

int space = 2;

int ledState = LOW;

int pos = 0;

unsigned long currentMillis = 0; // stores the value of millis（） in each iteration of loop（）

unsigned long previousServoMillis = 0; // the time when the servo was last moved

unsigned long previousMillis = 0;

const long interval = 500;

int servoPosition = 90;

int servoSlowInterval = 60; // millisecs between servo moves

int servoFastInterval = 10;

int servoInterval = servoSlowInterval; // initial millisecs between servo moves

int servoDegrees = 2; // amount servo moves at each step

int servoMinDegrees = 45; // will be changed to negative value for movement in the other direction

int servoMaxDegrees = 135;

int increment; // increment to move for each interval

int updateInterval; // interval between updates

unsigned long lastUpdate; // last update of position

int counter = 0;

bool executed = false;

void servoSweep（） {

if （currentMillis - previousServoMillis 》= servoInterval） {

previousServoMillis += servoInterval;

servoPosition = servoPosition + servoDegrees; // servoDegrees might be negative

if （servoPosition 《= servoMinDegrees） {

// when the servo gets to its minimum position change the interval to change the speed

if （servoInterval == servoSlowInterval） {

servoInterval = servoSlowInterval; //servoFastInterval

}

else {

servoInterval = servoSlowInterval;

}

}

if （（servoPosition 》= servoMaxDegrees） || （servoPosition 《= servoMinDegrees）） {

// if the servo is at either extreme change the sign of the degrees to make it move the other way

servoDegrees = - servoDegrees; // reverse direction

// and update the position to ensure it is within range

servoPosition = servoPosition + servoDegrees;

}

// make the servo move to the next position

myservo.write（servoPosition）;

digitalWrite（redPin， LOW）;

// and record the time when the move happened

}

void ledBlink （） {

if （currentMillis - previousMillis 》= interval） {

previousMillis = currentMillis;

if （ledState == LOW） {

ledState = HIGH;

} else {

ledState = LOW;

}

digitalWrite（redPin， ledState）;

}

}

void setup（） {

myservo.attach（9）; // servo

Serial.begin（19200）; // initialize serial communication

//Serial.setTimeout（10）;

pinMode（redPin， OUTPUT）;

myservo.write（90）;

}

void loop（） {

currentMillis = millis（）;

if （executed == false） {

servoSweep（）;

delay（50）;

}

}

void serialEvent （） {

while （Serial.available（）） {

newval1 = Serial.read（）; //read it

//Serial.println（newval1）;

if （newval1 》 0 && newval1 ！= ‘c’） {

executed = true;

ledBlink（）;

//if （newval1 《 （oldval1 - space） || newval1 》 （oldval1 + space）） { //dead band setup

myservo.write（newval1）;

delay（15）;

//oldval1 = newval1;

//}

}

if （newval1 == ‘c’） {

executed = false;

}

}

}

正如您所看到的，我使用了不使用delay（）的代碼，因此可以隨時(shí)停止掃描功能，即如果某人被識(shí)別。

在此之后，您可以測(cè)試整個(gè)系統(tǒng)。首先插入你的Arduino與led和伺服（我在我的箭頭上進(jìn)行測(cè)試），然后啟動(dòng)p5.serialcontrol然后打開(kāi)html文件。如果一切正常，箭頭將始終指向您。如果您走出網(wǎng)絡(luò)攝像頭捕獲的圖像，伺服將掃描。

第5步：制作安全攝像頭

所有這些軟件和代碼都讓我們開(kāi)始制作東西！

我模仿了安全攝像頭的這個(gè)原型，并為激光切割機(jī)設(shè)計(jì)了它。我用木膠組裝了這些碎片。相機(jī)內(nèi)部有足夠的空間容納Arduino，它需要一些額外的孔才能將所有電線都放入其中。我還將LED放置在正確的位置，并在前面安裝了黑色鏡頭，以提供額外的安全攝像頭效果。我用一些塑料薄膜消除了led燈的光線。

接下來(lái)，我準(zhǔn)備整個(gè)事情并用典型的安全攝像頭顏色繪制它。

步驟6：安裝備注

關(guān)于在某處設(shè)置此安裝的最后一些評(píng)論。安全攝像頭本身沒(méi)有攝像頭攝像頭，可以看到前面的人。我所做的是將網(wǎng)絡(luò)攝像頭隱藏在支柱中并在其前面放置一個(gè)帶孔的海報(bào)，以隱藏相機(jī)，這對(duì)于創(chuàng)造正確的效果至關(guān)重要。

您還可以做的就是放置相機(jī)處于一個(gè)更典型的安全攝像頭位置，就像掛在天花板或墻壁上一樣。但你可以用它做任何你想做的事！

第7步：結(jié)束結(jié)果