Nel precedenti post (qui e qui) abbiamo visto singolarmente come utilizzare lo stream video e i dati di “distanza” che provengono dal nostro Kinect.
In questo post cercheremo di utilizzare contemporaneamente i due stream in modo da utilizzare le informazioni di distanza per modificare l’immagine video.
In particolare vedremo come (in maniera molto rozza e, sicuramente, ottimizzabile) riuscire a modificare l’immagine proveniente dallo stream video per lasciare visibili i player uniformando lo sfondo con un colore a nostra scelta.
Quello che faremo è prendere le singole immagini video e depth fornite dagli eventi del Runtime del Kinect, scandire l’immagine di depth e, ogni volta che si ha un player index pari a 0, colorare il corrispondente pixel dell’immagine video con il colore da noi scelto.
Uno dei problemi che si pongono immediatamente è che la risoluzione dell’immagine video sia diversa dalla risoluzione dell’immagine depth.
Ad esempio nel seguente pezzo di codice l’immagine video è 640x480 mentre l’immagine depth è 320x240.
- Try
- Nui = New Runtime
- AddHandler Nui.VideoFrameReady, AddressOf VideoFrameHandler
- AddHandler Nui.DepthFrameReady, AddressOf DepthFrameReadyHandler
- Nui.Initialize(RuntimeOptions.UseDepthAndPlayerIndex Or RuntimeOptions.UseColor)
- Nui.VideoStream.Open(ImageStreamType.Video, 2, ImageResolution.Resolution640x480, ImageType.Color)
- Nui.DepthStream.Open(ImageStreamType.Depth, 2, ImageResolution.Resolution320x240, ImageType.DepthAndPlayerIndex)
- Catch ex As Exception
- End Try
In alcuni casi non si può avere uguaglianza di risoluzione anche forzando i parametri del metodo Open degli stream.
Ad esempio nel mio pc non è ammesso avere 320x240 per entrambe le sorgenti (ottengo una eccezione in fase di open).
Nel caso mostrato nel codice precedente dobbiamo trovare qualche modo per correlare un pixel dell’immagine depth con uno o più pixel dell’immagine video.
L’SDK del Kinect ci mette a disposizione il metodo GetColorPixelCoordinatesFromDepthPixel della classe NuiCamera che consente di ottenere le coordinate x,y del punto video a partire dalle coordinate x,y del punto depth.
Nel nostro caso non utilizzeremo questa funzione perché andremo a calcolarci da soli i punti corrispondenti sull’immagine video.
In maniera molto grossolana (ci manterremo sul semplice essendo questo post didattico), ogni punto dell’immagine depth corrisponde a 4 punti dell’immagine video (visto che la risoluzione della video è 4 volte quella della depth).
Per questo dovremo ricavare le coordinate del punto in alto a sinistra di questo quadrato e prendere i 3 punti adiacenti.
Se indichiamo con xd e yd le coordinate di un punto dell’immagine depth, e con xv e yv le coordinate del punto in alto a sinistra dell’immagine video, potremmo considerare:
e, di conseguenza dovremmo elaborare i 4 punti:
L’algoritmo che utilizzeremo sarà quindi:
- per ogni x, y dell’immagine depth (con x compreso tra 0 e 319 e y compreso tra 0 e 239)
- recupereremo il player index come visto nel precedente post;
- se il player index è zero, andremo ad impostare i bytes dell’immagine video corrispondenti ai 4 punti di cui sopra con i valori corrispondenti al colore di sfondo desiderato.
Il codice che implementa ciò è il seguente:
- Private Sub ElaborateImage(videoFrame As ImageFrame, depthFrame As ImageFrame)
- Dim depthIndex = 0
- Dim videoIndex = 0
- For x = 0 To depthFrame.Image.Width - 1
- For y = 0 To depthFrame.Image.Height - 1
- depthIndex = (y * depthFrame.Image.Width + x) * depthFrame.Image.BytesPerPixel
- Dim playerIndex = depthFrame.Image.Bits(depthIndex) And 7
- If playerIndex = 0 Then
- Dim x1 = 2 * x
- Dim x2 = 2 * x + 1
- Dim y1 = 2 * y
- Dim y2 = 2 * y + 1
- SetPixelValue(videoFrame, x1, y1, Colors.Red)
- SetPixelValue(videoFrame, x1, y2, Colors.Red)
- SetPixelValue(videoFrame, x2, y1, Colors.Red)
- SetPixelValue(videoFrame, x2, y2, Colors.Red)
- End If
- Next
- Next
- Me.ElaboratedImage.Source = videoFrame.ToBitmapSource()
- End Sub
dove il metodo SetPixelValue altro non fa che impostare i 4 bytes del pixel video con le componenti del colore scelto:
- Private Sub SetPixelValue(imageFrame As ImageFrame, x As Integer, y As Integer, color As Color)
- Dim index = (y * imageFrame.Image.Width + x) * imageFrame.Image.BytesPerPixel
- imageFrame.Image.Bits(index) = color.B
- imageFrame.Image.Bits(index + 1) = color.G
- imageFrame.Image.Bits(index + 2) = color.R
- imageFrame.Image.Bits(index + 3) = color.A
- End Sub
Il risultato che otteniamo è un’immagine rossa che vedrà apparire le figure dei player nel momento in cui il KInect le “aggancia”.
Il bordo che si forma attorno alla figura è dovuto all’algoritmo di recupero dei punti video molto semplicistico e al fatto che le immagini che andiamo a prendere potrebbero non essere sincronizzate tra loro. Nel nostro semplice esempio non andiamo assolutamente a controllare il timestamp delle due immagini e, poichè i due stream potrebbero avere frame rate differente, le immagini potrebbero non coincidere e creare la fastidiosa scia.
Inoltre teniamo presente che i sensori video e di profondità che monta il Kinect sono posizionati in due differenti punti dell’”aggeggio” e, quindi, soffrono dell’errore di parallasse che fa si che le due immagini non possono mai essere sovrapponibili senza errore.
Commenti