![5bb3398fc09365ad7ccf7eb3883ad876.png](https://i-blog.csdnimg.cn/blog_migrate/b18645a2701955d1c295f475dbe48ba2.jpeg)
OF COURSE
更多人选择的科技艺术灵感库
![eeeff22159c7b5cc44620ed536352794.png](https://i-blog.csdnimg.cn/blog_migrate/2f296768d2260efd7b32d03b02db38c9.png)
![d3cb2fb6b4b4d618dd47f8a9b1937ad9.gif](https://i-blog.csdnimg.cn/blog_migrate/c4146ffab04dbc20d46c75cb065bd727.gif)
课程
艺术家 Ksawery Kirklewski 在他的个人网站上首次提出本次 Processing 教程。
从本次教程中,你可以了解到做出数字翻转展示效果的过程中你所需要的设备以及艺术家开发的一些有助于你的方法。如果你不满于简单的字母数字显示屏动画,想要做出更复杂的效果出来,这些方法刚好可以帮助你,使你的制作过程更简单,效果也同样优秀。
![a67a9b0f9bfbc3027c597769a4ef9814.png](https://i-blog.csdnimg.cn/blog_migrate/f30fad0263e2ea7c41d42994da547b0f.png)
FLIPDIGITS PLAYER是一种算法定序器,是一组通过在 Processing 中进行编码,用于数字显示的演示动画的集合。它是一个交互式对象,使用机械翻转数字文本屏幕,使其深度照相机可视化从而达到播放动画的目的。这种类型的屏幕通常被用于信息提取与展示,例如在机场或火车站 – 优势在于耗能低(仅在更改数字状态下需要耗能),并且在强光下具有良好的可见性。该项目涉及对控制器进行编程,开发动画算法并进行构建构造。
本教程是与数字翻转显示制造商AlfaZeta合作制作的。
1
器材
要创建该项目,你需要准备以下器材设备:
1, 数字翻转显示器 – 可以从Alfazeta购买
2, 以太网 RS485 转换器(本次课程使用的是 ETH-UKW485SR140 )
3, 电源:24V / 1A 用于显示器,12V / 1A 用于转换器
4, RJ45 和 RJ11 电缆
5, USB网络适配器
6, Processing 以及其他所有所需要的元件库:processing.net,processing.video,org.openkinect( kinect ),codeanticode.syphon( Syphon )
![48683044192ad13c9a355698e810315c.gif](https://i-blog.csdnimg.cn/blog_migrate/06f27f8f716858d47ce191987e7101d0.gif)
△ Ksawery Kirklewski
图片截取自 Processing Tutorial
2
制作方法
连接所有部件时,第一件重要的事情就是检查转换器的IP地址。生产者提供有用的应用程序,可以通过它设置所需的任何IP地址。稍显遗憾的是,该应用程序仅适用于 Windows。
知道IP后,下一步就是设置显示地址,可以在显示器背面进行设置, 建议采取最简单的方法(0x00)。
![7b79d92cffbb7d8cb930413347f6cd73.png](https://i-blog.csdnimg.cn/blog_migrate/01dced0edd4a1832fd5ee306ad637f53.jpeg)
△ Ksawery Kirklewski
图片截取自 Processing Tutorial
左侧的3个开关控制传输速度。将其设置为011,意味着最高57600 b / s的速度。还要确保您的转换器在WIZ14xSRConfig中设置为相同的值 - 011。
现在我们就可以打开 Processing 了。下载项目文件并在SENDDATA选项卡中设置转换器IP。另外,请确保在主视窗中将 senddataOn 切换为 true 。
接下来就可以开始运行项目啦!
3
音序器
该项目的主要功能是音序器。有了它,您可以安排你自己的算法在队列中和特定时间播放。(音序器中输入MIDI数据,就会产生声音,光,或者其他来自数据信息的东西)
主视窗具有列出和分组的所有算法:数学,游戏,捕获,字体和打字。
如果你有兴趣制作自己的演示,请按照以下步骤,处理和发送数据。
4
传送资料
使用processing.net库中的TCP客户端,基于极为精确的协议来更改显示数字部件的状态。根据以下指令,你必须以正确的顺序发送32个字节(此处为一个架构大小):
第一个字节 0x80 开始架构
第二个字节(命令)设置显示 – 我们使用 0x83 是因为,我们即将发送28个数据字节并在此之后刷新显示
第三个字节(地址)决定我们要更改的显示 – 将其设置为 0x00
接下来的28个字节指定数字状态(一列接着一列!)
最后一个字节 0x83 结束架构
这是您如何找出适合数字的字节的方式:
![8bbbaed274ed267a015e52d1203519b7.png](https://i-blog.csdnimg.cn/blog_migrate/19ba608849ed11eb9b523f6c1264a569.jpeg)
△ Ksawery Kirklewski
图片截取自 Processing Tutorial
知道这一点后,您可以将这个字母“ E”作为字节(unbinary(“ 1001111”))发送,也可以简单地以79(2的幂的和)的形式发送。但是,仅仅只是做出显示数字和字母,可能对您来说感觉很简单,那接着看下去吧!
5
保存数据
如果你要呈现更复杂的内容,则需要以更聪明的方式组织字节。这里给大家准备了几种保留字节的方法,以使动画编码过程尽可能简单:
DISPLAY [W] [H] – 这个二维字节数组保存发送到显示器的最终数据。
![3d4fc646a78b003d50e17667b317e4a1.gif](https://i-blog.csdnimg.cn/blog_migrate/8cb9f2ccb1ea16b3a99bc5e0762e84b1.gif)
△ Ksawery Kirklewski
图片截取自 Processing Tutorial
char A [W] [H] – 将一个字符数组自动转换为字节 – 适用于所有“文本”动画。
![8a7e6be0bca89aa60a52b9f258bfafa8.gif](https://i-blog.csdnimg.cn/blog_migrate/b4320d20a9a014cea7fc10f920e9791f.gif)
△ Ksawery Kirklewski
图片截取自 Processing Tutorial
PImage T – 数据分析经验(图像/电影) – 帮助准备数字状态的清晰呈现(例如在Photoshop中)。
![4f2f4cf657837dd0bdf0a0ea07d3138b.gif](https://i-blog.csdnimg.cn/blog_migrate/aba1b1eb0ab8467a69a41833e0c5d6e6.gif)
△ Ksawery Kirklewski
图片截取自 Processing Tutorial
boolean BX [W] [3 * H],BY [2 * W] [2 * H] – 垂直线和水平线状态的两个真/假数组 – 帮助形成抽象动画(例如噪点)。
![eb60d50d4aaef745d30720448c8e2c23.gif](https://i-blog.csdnimg.cn/blog_migrate/073c6694da54aa0f07f02b618653b79e.gif)
△ Ksawery Kirklewski
图片截取自 Processing Tutorial
boolean CX [2 * W] [3 * H],CY [2 * W] [3 * H] – 与上一个的想法类似,但是这两个数组的大小相同,包含有关拐角点的信息(以及数字之间的“间隙”) – 帮助绘制动画。
![702a1deb2ca8e32fb77d422bbea85be4.gif](https://i-blog.csdnimg.cn/blog_migrate/18367aa379f69a39c251383c601efd02.gif)
△ Ksawery Kirklewski
图片截取自 Processing Tutorial
Movie D [W] [H] – 电影每帧都是灰度像素数组(一个像素的亮度象征一个字节状态) – 结合这个方法,你可以读取另一个项目记录或传输(通过Syphon)的数据状态。
![13dd914155213570c1943afbf2c22d8c.gif](https://i-blog.csdnimg.cn/blog_migrate/e1bbce9ab4a85f04529596719da286a6.gif)
△ Ksawery Kirklewski
图片截取自 Processing Tutorial
Movie M – 一个常规影片,使用阈值或抖动算法将其调整大小并转换为字节。
![d676e2e56f4d0320f5281a709461d77c.gif](https://i-blog.csdnimg.cn/blog_migrate/8c5c166a18404b143062b673f5d64e77.gif)
△ Ksawery Kirklewski
图片截取自 Processing Tutorial
当然,Movie M 在更大的比例和密度下看起来会更好。
![b743428518cb747b510da011e76d5111.gif](https://i-blog.csdnimg.cn/blog_migrate/4efc14939815c072a0221109d26ec7d9.gif)
△ Ksawery Kirklewski
图片截取自 Processing Tutorial
6
处理数据
Ksawery Kirklewski 研究开发了几种方法来操作这种格式。尽管有明显的for()循环可在数组上运行,但是您可以对所有格式使用clr()来清除屏幕,使用full()将屏幕全部变成白色,并且还有函数将一种格式转换为另一种格式。
在显示屏上显示复杂事物的最简单方法是使用电影算法-它播放格式为M的任何视频。
此外,对于格式C,还有一个非常有用的函数drawLine(x1,y1,x2,y2) – 有了它你可以绘制你想要的任何形状。
还有一个函数draw3d(),它获取 3d 点并将其转换为drawLine()函数的循环。
![6cf8d01f330285e03225afa17bbadae0.gif](https://i-blog.csdnimg.cn/blog_migrate/6308adc4fe8584e4b4e818eef2720b08.gif)
△ Ksawery Kirklewski
图片截取自 Processing Tutorial
你还可以使用 float progress 变量来使动画随着时间的推移而发展:
![eca651ac12cb275fbdc418822517d0f6.gif](https://i-blog.csdnimg.cn/blog_migrate/9800161d9454c04ce978db4b1f064852.gif)
△ Ksawery Kirklewski
图片截取自 Processing Tutorial
参考链接:
http://www.kirklewski.com/
https://www.creativeapplications.net/processing/flipdigits-player-processing-tutorial/
艺术家介绍
![05a8789320078b266e46181e6bef642d.png](https://i-blog.csdnimg.cn/blog_migrate/7d2910878c5d4e5627986f64a09e0a97.jpeg)
Ksawery Kirklewski
Ksawery Kirklewski 出生于1988年,毕业于格但斯克(Gdańsk)美术学院平面设计系的他,曾在波兰格但斯克(Gdańsk)生活和工作,担任平面设计师,动画设计师和程序员。2015年,他因为“标语展览”被授予“设计32.卡托维兹(Katowice)美术学院最佳文凭”奖。他善于使用新技术,编程,广告媒体和旧的RTV设备为公共空间,现场视觉和音乐视频创作作品。直到最近,他还是格但斯克(Gdańsk)PATIO ASP空间活动的协调员。2019年,他创立了Fundacja(x),为致力于研究广为人知的新媒体艺术及其传播树立基础 - 其动作之一就是AVX –音频视频实验节。
the end
今 晚 看 点 啥 ?
每周一至周四 晚上9点-11点
B站直播 房间ID:100933
OF君与你 不见不散
课 程 介 绍
2 0 2 0
OF的在线课程一直陪伴着你
迎接未来设计新挑战
“交互 · 设计 · 艺术 · 科技 ”
![36fa2f3cca70483add62679e06834570.png](https://i-blog.csdnimg.cn/blog_migrate/6debc148e83840e21f53460abcba23d7.jpeg)
长按扫码 咨询课程顾问
![b34e76b88656ea27fdcc89b4107ce067.png](https://i-blog.csdnimg.cn/blog_migrate/21cb9b9c3351ad0ca5a240c27dc1ebe8.jpeg)
![19c652e0c6b226fa99c55a341831e657.png](https://i-blog.csdnimg.cn/blog_migrate/98f71cc934ba78e5f6d936baf9138819.jpeg)
![b5641b125891298235ad1be845d3f5e7.png](https://i-blog.csdnimg.cn/blog_migrate/069935bb1c1d9ce5325bf825c1d0c037.jpeg)
![2230f3ce461473040a27c033fdb47d49.png](https://i-blog.csdnimg.cn/blog_migrate/bd19401263f7a91d9f582fd8e8722ee2.jpeg)
![5950861e7c2fa7d58fa33a4615b701a2.png](https://i-blog.csdnimg.cn/blog_migrate/8fba7a018d2229dfd908af7f53a427fd.jpeg)
![eeba85ebca9c711675e8e26e64395181.png](https://i-blog.csdnimg.cn/blog_migrate/354ecba233bff942e4e60aa9b85b7e52.jpeg)
![037bd45cbfcdc1e2a20167b717918c12.png](https://i-blog.csdnimg.cn/blog_migrate/16a00bb1435114279c09a096ad83dc71.jpeg)
![7c41334f09120292c6aad27891dcc93a.png](https://i-blog.csdnimg.cn/blog_migrate/2a2fe6417358f94da38cec07c6fdbd4e.jpeg)
![a5d7869edcf79fb1349caa0f84b521cb.png](https://i-blog.csdnimg.cn/blog_migrate/df949fea467a3ff6056ebed65f861906.jpeg)