OpenCV制作黑客帝国风格的照片

大家好，我是青空。

前不久，黑客帝国系列最新的 《矩阵重启》 上映了。黑客帝国是早期科幻类型的翘楚。但是这次有点垮了。豆瓣评分不到6分。

小的时候，看到黑客帝国的那些照片，一串串数字从上而下， 感觉特别酷炫。 今天我们就来看看怎么制作类似的效果。

准备工作

一张基努里维斯的照片

准备好项目需要使用到的库 opencv，在 CMakeLists.txt 里配置完成。

cmake_minimum_required(VERSION 3.17)
project(opencv_demo)

set(CMAKE_CXX_STANDARD 14)

find_package(OpenCV 4 REQUIRED)

include_directories(
        ${OPENCV_INCLUDE_DIRS}
)
add_executable(opencv_demo main.cpp)
target_link_libraries(${PROJECT_NAME} ${OpenCV_LIBRARIES})

开始写代码

开始写读取文件的代码

 	std::string path = "path/to/img";
    cv::Mat img = cv::imread(path);

获取到图像的宽高

	int height = img.rows;
    int width = img.cols;

    int cellHeight = 20, cellWidth = 20;

做一次图片的缩放，然后进行图片的取色操作

	cv::Mat img2 = img.clone();
    cv::resize(img, img2, cv::Size((width/ cellWidth), (height / cellHeight)), 0.0, 0.0, cv::INTER_NEAREST);

新建一个图片，用于放置 0 1 数字，需要注意的是，这里建立的新图片需要和原图的尺寸，颜色通道数等等都是相同的才行，否则后续合并图片的时候，会有问题。

cv::Mat newImg = cv::Mat::zeros(height, width, CV_8UC3);

对新图片进行涂色添加文字处理

	for (int i = 0; i < newHeight; ++i) {
        for (int j = 0; j < newWidth; ++j) {
            cv::Scalar color = img2.at<cv::Vec3b>(i, j);
            int b = color[0];
            int g = color[1];
            int r = color[2];
            int k = (b + g + r) / 3;
            if (k < 128) {
                cv::putText(newImg, "1", cv::Point(j*cellWidth, i * cellHeight),cv::FONT_HERSHEY_COMPLEX_SMALL,0.7,cv::Scalar(0,g, 0));
            } else {
                cv::putText(newImg, "0", cv::Point(j*cellWidth, i * cellHeight),cv::FONT_HERSHEY_COMPLEX_SMALL,0.7,cv::Scalar(0,g, 0));
            }
        }
    }

到这一步我们的工作基本已经完成了。 再进行一次图片合成，就OK了。

cv::addWeighted(img, 0.2, newImg , 0.8 , 0, img);

最终效果图

完整代码

#include <iostream>
#include <opencv2/opencv.hpp>

int main() {

    std::string path = "path/to/img";
    cv::Mat img = cv::imread(path);
   
    int height = img.rows;
    int width = img.cols;

    int cellHeight = 20, cellWidth = 20;
    cv::Mat img2 = img.clone();
    cv::resize(img, img2, cv::Size((width/ cellWidth), (height / cellHeight)), 0.0, 0.0, cv::INTER_NEAREST);

    int newWidth = img.cols;
    int newHeight = img.rows;

    cv::Mat newImg = cv::Mat::zeros(height, width, CV_8UC3);
    
    for (int i = 0; i < newHeight; ++i) {
        for (int j = 0; j < newWidth; ++j) {
            cv::Scalar color = img2.at<cv::Vec3b>(i, j);
            int b = color[0];
            int g = color[1];
            int r = color[2];
            int k = (b + g + r) / 3;
            if (k < 128) {
                cv::putText(newImg, "1", cv::Point(j*cellWidth, i * cellHeight),cv::FONT_HERSHEY_COMPLEX_SMALL,0.7,cv::Scalar(0,g, 0));
            } else {
                cv::putText(newImg, "0", cv::Point(j*cellWidth, i * cellHeight),cv::FONT_HERSHEY_COMPLEX_SMALL,0.7,cv::Scalar(0,g, 0));
            }
        }
    }
    
    cv::addWeighted(img, 0.2, newImg , 0.8 , 0, img);

    cv::imshow("def", img);
    cv::waitKey(0);

}

总结

本文通过使用opencv 的取色， 上色， 图片合并功能达到我们想要的效果。更多其他使用技巧，后续继续分享。