- 博客(61)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Processing P5js姓氏数据可视化项目
该项目使用 Processing 实现了一个基于 CSV 数据的姓氏可视化系统。每个姓氏以立方体显示，点击后会显示其排名和发音信息。判断鼠标位置是否在某个立方体内，如果是，切换该姓氏的 click 属性，从而下一帧刻度显示或隐藏其信息。遍历 xingList，显示每个姓氏相应的立方体，并且如果被点击，显示其详细信息。show() 函数负责显示立方体，如果点击，会显示添加详情信息。读取 CSV 文件中的数据，包括排名、姓氏名称和发音信息。4. 点击事件 (mousePressed() 函数)
2025-02-09 02:17:16
301
原创 ProcessingP5js游戏掉落的恐龙蛋
游戏玩法非常简单，玩家通过左右键控制篮子，在屏幕下方接住掉落的物品。随着分数的积累，玩家会遇到不同的物品和障碍，挑战也会逐渐加大。这款游戏是一款趣味十足的物品接取游戏，玩家将扮演一个接物品的角色。游戏的目标是通过控制篮子左右移动，接住从天而降的恐龙蛋和其他物品，积累分数，同时避开掉落的损失道具，确保自己的分数不断增长。同时，还有一些特殊效果，如花朵开放等，为游戏增添了更多的视觉和互动体验。通过这款游戏，玩家不仅可以享受有趣的挑战，还能提升反应能力和操作技巧，快来挑战自己，看看能得多少分吧！
2025-02-09 01:47:16
232
原创 ProcessingP5js数据可视化
本程序使用 Processing 读取 CSV 文件数据，并绘制带有坐标轴和数据点的折线图。横坐标（X 轴）表示数据的标题，纵坐标（Y 轴）表示数值。读取数据：程序从 data.csv 文件读取数据，并将第一列作为 X 轴标题，第二列作为数值存入 dataList。计算范围：找出数据的最大值 maxNum 和最小值 minNum，用于确定 Y 轴刻度。drawAxis()：绘制坐标轴，并标注 X 轴和 Y 轴刻度。LineChart()：绘制折线图，包括连接数据点和绘制数据点。根据数据计算 Y 轴坐标。
2025-02-09 01:41:03
445
原创 p5js 主题交互：水污染
这个网页利用了p5.js库，以水污染为主题，展示了一个动态的生态系统模拟。页面中的元素包括游动的河豚、生长的海草以及漂浮的气泡，通过用户的鼠标交互和点击事件，触发不同的动画效果和声音响应。河豚的行为受到污染程度影响，当污染达到一定程度时，它们会显示出受影响的外观和行为。背景颜色随着污染程度变化而实时调整，增强了环境真实感。整体设计旨在通过视觉和听觉效果，引起用户对水污染问题的关注，并通过交互性的设计使用户能够直观地体验环境变化。p5js 主题交互：水污染。
2024-07-11 05:11:09
145
原创 ProcessingP5js动画主题交互设计定制【鼠标声音视频kinectleapmotion】
使用p5.js的mousePressed()或mouseClicked()函数处理鼠标点击事件。ProcessingP5js动画主题交互设计定制【鼠标声音视频kinectleapmotion】用户可以通过键盘输入来切换图片或音乐，例如按下特定的键来播放不同的音乐。在画布上添加按钮，用户点击按钮可以显示不同的图片和播放对应的音乐。使用keyPressed()函数处理键盘事件。
2024-05-18 01:53:14
227
原创 ProcessingP5js动态主题设计
此代码实现了一个打字机式的文字动画效果，旨在图形用户界面中呈现出逐字显示文本的交互式体验。通过代码结构清晰，实现了以下设计要点：该程序使用 Processing 编写，采用了面向对象的编程方法。主要包括一个 Typewriter 类，负责管理文字逐字显示的逻辑，包括计时、显示位置和文本内容。在程序运行过程中，用户通过单击鼠标来触发文字动画的开始。随着用户的交互动作，文字逐渐显示在屏幕上，模拟了打字的过程。这种交互式设计增加了用户的参与感和控制感，使用户能够更加积极地与程序进行互动。
2024-04-08 18:11:02
187
原创 Processing p5js 自画像动态设计
Processing自画像动态设计。通过组合圆形、贝塞尔曲线等基本几何形状，以及颜色和运动效果，呈现了一个具有一定抽象风格的自我形象。通过随机生成多个圆形，并对每个圆形进行随机运动，创造出了动态效果，为画面增添了活力和生气。同时，使用贝塞尔曲线绘制了眉毛、眼睛、鼻子和嘴巴等面部特征，通过不同颜色和线条粗细营造出细致的面部轮廓。整体设计以抽象的形式表达了自我形象，突出了艺术性和个性化的特点。
2024-03-31 12:29:25
235
原创 飞线设计声音可视化 Processing p5js
它利用音频文件中的左右声道数据来绘制动态图形，并结合了一些图像和粒子效果，创造出一个独特的视觉体验。使用Agent类创建一个包含多个代理的数组，每个代理代表一条动态线条。根据图像的亮度，在黑色区域绘制彩色线条，而在白色区域绘制黑色线条。创建一个具有随机特性的代理类Agent，用于绘制动态线条。通过更新代理的位置，角度和能量来模拟线条的运动和变化。初始化Minim库，加载音频文件，并获取音频元数据。根据声道数据的大小调整线条的长度和颜色。利用左右声道的音频数据绘制动态线条。创建画布，并设置帧率。
2024-03-08 15:38:20
569
原创 Processing p5js 向量动态笔刷
使用噪声函数（noise）来模拟复杂的运动模式，其中 rn 是随机的角度，mag 是基于噪声的幅度，dir 是在这个角度上的单位向量。这些向量是使用 Processing 中的 PVector 类创建的，该类提供了便利的方法来处理二维向量的数学运算。acc 被设置为（0,0），然后通过对随机噪声的操作，使粒子受到一定方向上的加速度影响。这些向量操作使得粒子具有复杂的运动轨迹，结合随机性和噪声，创造出独特的视觉效果。acc（加速度向量）: 表示粒子在每个时间步中的加速度方向和大小。
2024-01-26 14:43:31
449
原创 processing p5js 精美3d动画
总体来说，这段代码创建了一个动态的三维图形设计，其中包括内部和外部的圆环，光源效果以及可选择显示的图像。设计的动态效果是通过不断增加rad变量的值来实现的，这会导致图形元素的旋转和动画效果。保存图像：在keyPressed()函数中，当按下键盘上的“P”键时，程序会生成一个带有当前时间戳的文件名，然后保存当前画布的内容为PNG图像。创建图形元素：在setup()函数中，创建了两个Torus（圆环）对象，一个内部的圆环（inner）和一个外部的圆环（outer），分别用于构建图形的内部和外部形状。
2023-09-17 23:09:27
377
2
原创 javafx processing p5js swing pygame 游戏
loadAllImages() 方法加载了英雄角色在不同方向和动画下的图片。然后调用updateObject() 和 drawObject() 方法来更新和绘制英雄角色。Hero 类内的draw() 方法处理基于当前动画帧和方向来渲染英雄角色。Hero 类内的update() 方法可能处理英雄位置和动画帧的逻辑。setup() 方法负责初始化游戏，设置帧率，并初始化Hero角色。4.draw() 方法是游戏循环的一部分，负责更新和渲染游戏元素。当按下方向键（左、右、上、下）时，英雄的方向和移动状态会更新。
2023-09-10 00:21:41
99
原创 p5js processing:noisy艺术流体
通过这些步骤，代码创建了一个精美的幻彩效果图像，通过噪声函数和颜色映射的组合，实现了一种具有动感和独特视觉效果的艺术作品。这份代码使用Processing编程语言创建了一个图像生成程序，旨在通过噪声函数和颜色映射生成一幅具有幻彩效果的图像。使用fill(r, g, b, 150)设置一个半透明的背景颜色，通过rect()函数绘制在整个画布上，以增加幻彩效果的强度。noiseDetail(4, 0.2)函数调整了噪声函数的细节级别和平滑程度，以增加噪声的复杂性和平滑度。speed控制了图像中元素的运动速度。
2023-09-05 19:28:06
344
原创 p5js processing 动态海报
漂浮图像： 该程序生成并显示了 ImageObj 类的实例，代表在画布上漂浮的较小图像。背景图像： 在画布上显示了两个背景图像（image1 和 image2），透明度水平（image1Tou）在变化，从而产生淡入淡出的效果。探索： 由于这是一个创意的视觉程序，不要犹豫尝试不同的参数，例如动画速度、透明度变化速率和图像变化，以找到更具吸引力和令人满意的结果。您可以尝试排列图像，调整它们的大小和位置，以创建更具吸引力和美感的体验。过渡效果： 实现不同视图模式之间的平滑过渡，以避免图像透明度和位置的突然变化。
2023-08-31 23:13:50
908
Java矩阵问题求解
2023-07-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人