实战篇(七)：使用Processing和PixelFlow库创建交互式流体太极动画

已于 2024-06-25 08:55:08 修改
阅读量943 收藏
点赞数 33
分类专栏： 创意代码：Processing艺术编程之旅 文章标签： processing java
于 2024-05-09 16:01:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46339668/article/details/138617549
版权

使用Processing和PixelFlow库创建交互式流体太极动画

引言

本教程将指导您如何使用Processing编程环境结合PixelFlow库来创建一个交互式的流体太极动画。PixelFlow是一个基于GPU的实时图形库，它提供了高效的流体模拟功能。我们将通过麦克风输入的音频振幅来驱动流体模拟，并在流体之上绘制一个动态的太极图案。

本章项目代码的获取方式：去公主号【帅小柏】，回复【008】获取喔

准备工作

  1. 安装Processing：访问Processing官网下载并安装Processing IDE。

  2. 导入DwPixelFlow库：在Processing中，通过菜单"Sketch" -> “Import Library…” -> “Add Library…”，搜索并安装DwPixelFlow库。

  3. 导入声音库：同样地，搜索并安装Minim库，用于处理声音输入。

效果展示

什么？这个

了解本专栏 订阅专栏 解锁全文 超级会员免费看
帅小柏
关注
  • 33
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
ProcessingJoy —— 最简单的实时流体模拟【JAVA】
ShaderJoy 的兴趣技术杂货铺
12-30 2272
实现基于非常非常经典的 Paper ——Jos Stam 的Real-Time Fluid Dynamics for Games 代码和注释 float visc = 0.0f; float diff = 0.0f; int N = 250; int size = (N + 2) * (N + 2); float[] u = new float[size]; // 速度, 水平/竖直 float[] v = new float[size]; float[] u_prev = new fl...
[创意]使用Processing生成太极图(阴阳鱼)
思想时光机
06-24 5434
使用Processing生成太极图(阴阳鱼)<br />使用Processing 可以非常方便地将图形创意绘制出来，下面的代码就是使用此脚本制作的阴阳鱼，呵呵。<br /> <br />//steven yin-yang fish //yifi@tom.com import java.awt.*; import javax.imageio.*; import java.awt.image.*; int yinyangsize = 200; boolean hasBorder = false;
processing动态代码大全_Arduino与Processing交互学习笔记一
weixin_35794835的博客
01-18 4687
前言Arduino可以搭载各式各样的传感器，使用Arduino IDE自带的串口监视器可以查看传感器的数据，但是不够形象。更进一步，可以通过第三方软件进行串口数据可视化处理，Processing是使用得比较多的一个，以下是第一篇Processing学习笔记。通过两个简单的案列说明了Arduino如何与Processing传输数据，第一个是通过Procesing发送指令控制Arduino，第二个是通...
pixel-flow:一个图像像素化过滤器jQuery插件
05-02
图像像素化JavaScript库 主要的演示使用香草JavaScript，并通过使用库的示例操作展示了一些图像。 为了像素化效果，还有一个和Green Sock Tween的，有关更多信息，请参见原始博客文章。 该博客文章包括对版本1使用的构建过程和思考过程的记录。版本2是完全重构的，但使用的逻辑仍然相同。 用法 可以从npm安装该库 npm install --save pixel-flow let images = Array . from ( document . querySelectorAll ( 'img' ) ) let pixelFlows = images . map ( ( img ) => new PixelFlow ( img , { resolution : 32 } ) ) // be aware, creating the pixelate images
Pixelflow 概述
我知道你很急,但是路要一步步走
03-23 2147
二 FlowField三 FlowFieldParticles四 Fluid2DFluid_Basic:CustomParticles:FirstBlood:GetStarted:
PixelFlow：创意编程与艺术结合的神器
gitblog_00027的博客
03-26 371
PixelFlow：创意编程与艺术结合的神器 项目地址:https://gitcode.com/diwi/PixelFlow 项目简介 PixelFlow 是一个开源的Python库，专为生成像素艺术和流体动力学效果设计。它结合了编程的强大功能与视觉艺术的创造潜力，让开发者和艺术家可以轻松创建出独特的动态图形和动画。 技术分析 PixelFlow基于Python，这使得它易于学习和使用，同时也拥有...
基于Processing的动画交互
热门推荐
weixin_42235718的博客
04-25 1万+
基于processing的动画交互基本介绍总览结果分部设计及源代码1、 添加字体2、球随鼠标3、两个对象之间的引力4、小型粒子系统心得想法 基本介绍 大致看了《代码本色》这本书之后，在原有的编程经验的基础上，对于在processing中添加交互有了心得认识，于是按照老师要求，写了一个简单的动画交互系统。 整个系统运用了《代码本色》中力、震荡、粒子系统三大章，生成了各自独立的三个小场景，通过键盘的交...
processing创意图形代码_Processing练习-Self Sketch - TAI CHI
weixin_39859220的博客
12-06 3821
又到了Processing练习。这次是自画像练习，应老师要求利用processing或者P5.js绘制一幅自画像。在课上老师给我们技术的同学们看了艺术专业同学们的自画像，有搞怪的，有精心设计的，还有令我最印象深刻的哪吒码绘（罗小黑大电影里边的那位）：作者来自江南大学，具体信息不明，侵删。不过，我的习惯是尽量不选择本能性想出的点子，所以描绘个人漫画式肖像的想法被我摒弃。元素一——太极最近半年时间内我...
nomogram:使用 Processing 绘制交互式列线图
07-14
Processing 是一个开源编程语言和视觉开发环境，专为艺术家、设计师和程序员设计，用于创建静态、动态图像甚至交互式应用程序。在本项目“nomogram: 使用 Processing 绘制交互式列线图”中，我们将深入探讨如何利用...
processing:使用 Processing 绘制、几何和动画的起点和有用代码
06-14
Processing 是一个开源编程语言和视觉开发环境，专为艺术家、设计师和编程初学者设计，用于创建交互式的2D和3D图形、动画以及应用程序。它建立在Java的基础上，语法简洁，使得非计算机科学背景的人也能轻松上手。...
lily-pad:Processing 中的实时二维流体动力学模拟。 由 GD Weymouth 博士发起
05-29
蕸 用于处理的实时二维流体/结构相互作用模拟测试平台。 按照这些 。 这是项目的。 有更多信息，例如： 。 也很方便。
隐式格式的MATLAB代码-surfactant-data-processing:数值流体动力学研究状态方程对表面活性剂扩散的影响：.m文件，
05-22
隐式格式的MATLAB代码这是MATLAB代码，用于处理clawpack隐式求解器2d表面活性剂模拟输出的数据。 运行所需的模拟后，可以通过在Surfactant / _plots文件夹中运行以下命令，将输出文件转换为.m文件：python format_forts.py ../_output/fort.q* python format_times.py ../ _output / fort.t *这假定您已经在_plots目录中具有format_forts.py和format_times.py文件。 如果不这样做，请将其复制到此处。 接下来，您可以运行plot_maker.m以获得表面活性剂和高度数据的影片以及初始条件的3d图像。 如果plot_maker很喜欢，您可以使用set_plotter.m更改设置，也可以只运行plot_maker_short.m 其余文件是运行plot_maker所必需的。 我曾经遇到一个错误，因为tnf.m（包含帧的总数）未正确更新。 如果出于某种原因，plot_maker在特定帧之后卡住，请确保tnf包含正确的数字。 Important_graphs包
InteractiveFlowField:基于Processing和kinect的交互式流场
05-01
InteractiveFlowField 基于Processing和Kinect V2的交互式流场； 发射器的颜色和密度可以通过OSC协议进行更改。 所需的库： KinectPV2，oscP5，PixelFlow;
processinglab:使用 Processing 的实验库
06-22
Processing 是一个开源编程语言和视觉开发环境，专为艺术家、设计师和初学者设计，用于创建交互式的2D和3D图形、动画以及应用程序。"processinglab" 项目似乎是一个基于 Processing 的扩展库，旨在提供更丰富的功能...
processing.TransferIntoDigital:使用 Processing 测试交互式支架
05-30
Processing 是一个基于 Java 的编程环境，专为艺术家、设计师和业余程序员设计，用于创建视觉艺术、数据可视化和交互式应用程序。在这个项目“processing.TransferIntoDigital”中，我们看到的是一种利用 Processing...
CCC Fluid Demo：一款创新的交互式流体模拟工具
最新发布
gitblog_00057的博客
04-23 400
CCC Fluid Demo：一款创新的交互式流体模拟工具 项目地址:https://gitcode.com/liuwenkai1023/ccc-fluid-demo CCC Fluid Demo 是一个开源项目，由 Liu Wenkai 创建，它提供了一个独特的、交互式的2D流体模拟环境。此项目利用先进的计算机图形学算法，让用户可以直观地探索和理解流体力学现象，无论是对于教育、艺术创作还是游戏开...
用 Processing 绘制 「太极图」| 数字艺术专栏
shadowcz007的博客
03-15 776
今天代码哥，要跟大家从传统文化 “太极” 聊起……太极是阐明宇宙从无极而太极，以至万物化生的过程。太极即为天地未开、混沌未分阴阳之前的状态。易经系辞：“是故易有太极，是生两仪”。两仪即为...
交互式编程设计指南：Processing、Arduino 和 openFrameworks
交互式编程是指使用编程语言和技术来创建交互式系统和应用程序的过程。这种编程方式强调用户体验和交互设计，使得系统或应用程序能够响应用户的输入和操作，并提供实时的反馈。 在交互式编程中，开发者需要考虑用户...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

帅小柏

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值