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

这篇博客介绍了如何在processing中创建一个二进制图片刷新效果。首先,作者讲解了图片尺寸调整和放置到编程文件同一文件夹的步骤。然后,通过`change()`和`paint()`两个主要函数,实现了图片的随机地址生成和绘制。代码中,`loadImage()`用于加载图片,`draw()`中的`paint()`函数负责绘制,通过调整`change()`的位置来控制数字的顺序变化。作者还提到,删除`framerate`会加快刷新速度,并鼓励读者尝试代码复用。
摘要由CSDN通过智能技术生成

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

  • 2
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值