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为图片坐标位置
}
共分为两个主要模块:chang