如何在processing中插入图片，让电脑产生二进制01不断刷新效果图

本文链接：https://blog.csdn.net/weixin_40581859/article/details/106271937

processing笔记－01二进制图片效果

效果图：请点击下方图片（只取了三帧数，实际更流畅哦～）
在这里插入图片描述

（1）图片准备工作：

在这里插入图片描述
我想要实现的呢，是在一个视频文件中的苹果电脑显示屏上

下面是工程文件还有图片，大家可自行食用～

链接:https://pan.baidu.com/s/1DLbX7AkSrV8r-bgt6qLJqA  密码:wr7n

（1）将图片比例放在合适尺寸

一些参数：

1、所要将图片填充的视频区域:322＊182 （从ps中蓝屏区域的到）
2、调整区域大小：两倍 width=644 height=394 （为了使以后插入到视频中显得高清一点，可以缩小而不是拉伸放大，增加清晰度。
3、在ps中生成的数字，自己使用ps绘制的图片（因为当时绘制时每张图片的大小没有统一，为了方便后面排版，将数字图片大小统一。
在这里插入图片描述

取四张图片中比例最大的，以它为标准: 117／172＝ 0.68
屏幕宽排列20个图片：
（1）新数字的宽度：644px的画布区域／20 约为32px
（2）按照原数字比例得到高度：32px/47px =0.68
（3）计算出按照画布高度，垂直方向，可以排布8个图片：height 8n 47px

按照ps制作新数字图片：
在这里插入图片描述

如图，看到画面损失了很多细节，所以如果所要布局的画布较大，建议在ps上重新按照新数字的长宽比重新绘图。

（2）将图片放入processing编程文件的同一文件夹下：

在这里插入图片描述
并且按照数字顺序排列

（3）编码：

载入图片：

PImage img;//声明
//在setup中添加loadImage代码
void setup(){
    
//img＝new PImage();
img=loadImage("0.png");//加载图片
}
void draw(){
   
image(img,x,y);//绘制图片，x,y为图片坐标位置
}