- 博客(46)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 p5js 主题交互：水污染
这个网页利用了p5.js库，以水污染为主题，展示了一个动态的生态系统模拟。页面中的元素包括游动的河豚、生长的海草以及漂浮的气泡，通过用户的鼠标交互和点击事件，触发不同的动画效果和声音响应。河豚的行为受到污染程度影响，当污染达到一定程度时，它们会显示出受影响的外观和行为。背景颜色随着污染程度变化而实时调整，增强了环境真实感。整体设计旨在通过视觉和听觉效果，引起用户对水污染问题的关注，并通过交互性的设计使用户能够直观地体验环境变化。p5js 主题交互：水污染。
2024-07-11 05:11:09
106
原创 ProcessingP5js动画主题交互设计定制【鼠标声音视频kinectleapmotion】
使用p5.js的mousePressed()或mouseClicked()函数处理鼠标点击事件。ProcessingP5js动画主题交互设计定制【鼠标声音视频kinectleapmotion】用户可以通过键盘输入来切换图片或音乐，例如按下特定的键来播放不同的音乐。在画布上添加按钮，用户点击按钮可以显示不同的图片和播放对应的音乐。使用keyPressed()函数处理键盘事件。
2024-05-18 01:53:14
170
原创 ProcessingP5js动态主题设计
此代码实现了一个打字机式的文字动画效果，旨在图形用户界面中呈现出逐字显示文本的交互式体验。通过代码结构清晰，实现了以下设计要点：该程序使用 Processing 编写，采用了面向对象的编程方法。主要包括一个 Typewriter 类，负责管理文字逐字显示的逻辑，包括计时、显示位置和文本内容。在程序运行过程中，用户通过单击鼠标来触发文字动画的开始。随着用户的交互动作，文字逐渐显示在屏幕上，模拟了打字的过程。这种交互式设计增加了用户的参与感和控制感，使用户能够更加积极地与程序进行互动。
2024-04-08 18:11:02
135
原创 Processing p5js 自画像动态设计
Processing自画像动态设计。通过组合圆形、贝塞尔曲线等基本几何形状，以及颜色和运动效果，呈现了一个具有一定抽象风格的自我形象。通过随机生成多个圆形，并对每个圆形进行随机运动，创造出了动态效果，为画面增添了活力和生气。同时，使用贝塞尔曲线绘制了眉毛、眼睛、鼻子和嘴巴等面部特征，通过不同颜色和线条粗细营造出细致的面部轮廓。整体设计以抽象的形式表达了自我形象，突出了艺术性和个性化的特点。
2024-03-31 12:29:25
156
原创 飞线设计声音可视化 Processing p5js
它利用音频文件中的左右声道数据来绘制动态图形，并结合了一些图像和粒子效果，创造出一个独特的视觉体验。使用Agent类创建一个包含多个代理的数组，每个代理代表一条动态线条。根据图像的亮度，在黑色区域绘制彩色线条，而在白色区域绘制黑色线条。创建一个具有随机特性的代理类Agent，用于绘制动态线条。通过更新代理的位置，角度和能量来模拟线条的运动和变化。初始化Minim库，加载音频文件，并获取音频元数据。根据声道数据的大小调整线条的长度和颜色。利用左右声道的音频数据绘制动态线条。创建画布，并设置帧率。
2024-03-08 15:38:20
464
原创 Processing p5js 向量动态笔刷
使用噪声函数（noise）来模拟复杂的运动模式，其中 rn 是随机的角度，mag 是基于噪声的幅度，dir 是在这个角度上的单位向量。这些向量是使用 Processing 中的 PVector 类创建的，该类提供了便利的方法来处理二维向量的数学运算。acc 被设置为（0,0），然后通过对随机噪声的操作，使粒子受到一定方向上的加速度影响。这些向量操作使得粒子具有复杂的运动轨迹，结合随机性和噪声，创造出独特的视觉效果。acc（加速度向量）: 表示粒子在每个时间步中的加速度方向和大小。
2024-01-26 14:43:31
387
原创 processing p5js 精美3d动画
总体来说，这段代码创建了一个动态的三维图形设计，其中包括内部和外部的圆环，光源效果以及可选择显示的图像。设计的动态效果是通过不断增加rad变量的值来实现的，这会导致图形元素的旋转和动画效果。保存图像：在keyPressed()函数中，当按下键盘上的“P”键时，程序会生成一个带有当前时间戳的文件名，然后保存当前画布的内容为PNG图像。创建图形元素：在setup()函数中，创建了两个Torus（圆环）对象，一个内部的圆环（inner）和一个外部的圆环（outer），分别用于构建图形的内部和外部形状。
2023-09-17 23:09:27
254
2
原创 javafx processing p5js swing pygame 游戏
loadAllImages() 方法加载了英雄角色在不同方向和动画下的图片。然后调用updateObject() 和 drawObject() 方法来更新和绘制英雄角色。Hero 类内的draw() 方法处理基于当前动画帧和方向来渲染英雄角色。Hero 类内的update() 方法可能处理英雄位置和动画帧的逻辑。setup() 方法负责初始化游戏，设置帧率，并初始化Hero角色。4.draw() 方法是游戏循环的一部分，负责更新和渲染游戏元素。当按下方向键（左、右、上、下）时，英雄的方向和移动状态会更新。
2023-09-10 00:21:41
62
原创 p5js processing:noisy艺术流体
通过这些步骤，代码创建了一个精美的幻彩效果图像，通过噪声函数和颜色映射的组合，实现了一种具有动感和独特视觉效果的艺术作品。这份代码使用Processing编程语言创建了一个图像生成程序，旨在通过噪声函数和颜色映射生成一幅具有幻彩效果的图像。使用fill(r, g, b, 150)设置一个半透明的背景颜色，通过rect()函数绘制在整个画布上，以增加幻彩效果的强度。noiseDetail(4, 0.2)函数调整了噪声函数的细节级别和平滑程度，以增加噪声的复杂性和平滑度。speed控制了图像中元素的运动速度。
2023-09-05 19:28:06
246
原创 p5js processing 动态海报
漂浮图像： 该程序生成并显示了 ImageObj 类的实例，代表在画布上漂浮的较小图像。背景图像： 在画布上显示了两个背景图像（image1 和 image2），透明度水平（image1Tou）在变化，从而产生淡入淡出的效果。探索： 由于这是一个创意的视觉程序，不要犹豫尝试不同的参数，例如动画速度、透明度变化速率和图像变化，以找到更具吸引力和令人满意的结果。您可以尝试排列图像，调整它们的大小和位置，以创建更具吸引力和美感的体验。过渡效果： 实现不同视图模式之间的平滑过渡，以避免图像透明度和位置的突然变化。
2023-08-31 23:13:50
638
原创 Processing 鼠标交互方块
粒子的运动受鼠标移动的影响，点击鼠标会随机化粒子运动的参数。粒子的更新过程包括根据噪声值计算运动方向、更新位置、绘制轨迹和判断是否重新初始化粒子的位置和外观。初始化粒子的数量、背景渐变程度、最大轨迹长度和粒子描边粗细等参数，并随机化这些参数的取值范围。粒子的轨迹长度逐渐增加，当达到最大轨迹长度时，重新初始化粒子的位置和外观。创建一个具有动态效果的粒子场景，通过粒子轨迹的绘制产生视觉上的运动感。通过鼠标交互实现参数的随机化，使粒子的运动参数具有随机性和变化性。粒子的运动方向由噪声值、鼠标位置和速度共同决定。
2023-08-30 08:40:40
501
原创 Java Swing斗兽棋
不同的类代表了游戏中的不同实体和概念，如棋盘、棋子、玩家颜色等。棋子之间的互动规则在 ChessPiece 类中被定义，包括了棋子的移动和吃掉其他棋子的规则。PlayerColor 枚举类用于表示玩家的颜色，这在界面上用不同的颜色显示不同玩家的棋子。这个类表示棋子，包含了棋子的所有属性。每个颜色都与一个Java的Color对象关联，用于在界面上显示不同玩家的棋子。这个类代表棋盘上的一个格子，也就是棋盘上的一个位置。这个类代表棋盘上的一个点，使用行和列来标识棋盘上的位置。
2023-08-30 08:03:05
189
原创 Processing：滑雪游戏
玩家通过控制角色进行跳跃，以下是代码的拆解和设计过程：全局变量和设置：代码的开始部分定义了各种全局变量来设置游戏，如窗口尺寸、玩家属性、障碍物属性和游戏状态。setup() 函数初始化了游戏环境，包括加载背景图片和创建初始一组障碍物。绘制循环和游戏状态：draw() 函数是游戏循环的核心。它根据当前游戏状态决定应该显示什么内容。有三种游戏状态：initialScreen、gameRun 和 gameOver。draw() 函数根据当前游戏状态调用不同的函数。
2023-08-27 22:28:35
753
原创 Processing程序：弹幕交互
当设计这段代码时，我关注的是创建一个交互式的项目列表，其中每个项目都具有文本和颜色。项目会从右侧向左侧移动，当用户点击某个项目时，该项目会从列表中消失。以下是代码设计过程的详细步骤：设置画布和像素密度： 首先，在setup()函数中设置画布大小为800x800，并调用pixelDensity(1)来设置像素密度，确保画布的分辨率适应。加载背景图像和字体： 使用loadImage()函数加载背景图像，并通过resize()函数调整图像大小以适应画布。
2023-08-26 07:49:52
225
原创 Processing交互：noisy花
processing图形交互设计，程序可以通过右键点击来开关噪声效果，左键点击则可以改变曲线数量（从3到11条）。程序使用了curveVertex、sin、cos和noise等函数，结合了旋转、平移、映射等技术来生成曲线的形状和位置。每个曲线都是由多个点组成的，点的位置随着时间的变化而变化，同时也可以受到噪声的影响。整个图形具有动态、随机、抽象的特点，可以产生非常独特的视觉效果。
2023-08-25 10:09:12
835
1
原创 Processing交互：noisy交互方块
粒子的运动受鼠标移动的影响，点击鼠标会随机化粒子运动的参数。粒子的更新过程包括根据噪声值计算运动方向、更新位置、绘制轨迹和判断是否重新初始化粒子的位置和外观。初始化粒子的数量、背景渐变程度、最大轨迹长度和粒子描边粗细等参数，并随机化这些参数的取值范围。粒子的轨迹长度逐渐增加，当达到最大轨迹长度时，重新初始化粒子的位置和外观。创建一个具有动态效果的粒子场景，通过粒子轨迹的绘制产生视觉上的运动感。通过鼠标交互实现参数的随机化，使粒子的运动参数具有随机性和变化性。粒子的运动方向由噪声值、鼠标位置和速度共同决定。
2023-08-25 09:39:00
208
原创 基于java+springboot+vue大学体测管理系统
人们现在的生活方式因为网络的普及发生了巨大变化，由于网络管理在人们的视野中出现,人们对网络管理额外的关注。人们只要在有网络的地方足不出户查看到世界各地的各类。目前的挑战是前台界面的设计，要把顾客的眼球吸引住，选则比较人性化的界面设计，要更直观的表现，让用户能更多的了解大学生体质测试管理系统的作用和功效。本系统的主要意义在于，全力以赴为用户提供一个操作方便，界面简洁，信息直观的大学生体质测试管理系统。使用该系统的用户，可以先浏览到公司介绍,产品信息，并可以注册成为本网站的用户。
2023-08-23 21:44:20
123
原创 Processing动态交互作品
调用 drawClock()、drawDaysCounter()、drawTextInputBox() 和 drawTexts() 函数分别显示时钟、天数计数器、文本输入框和文本元素。程序允许用户输入文本并将其显示为逐渐消失的文本元素。在特定时间间隔后，显示的文本将被清除，并且包含了时钟和天数计数器以实现视觉效果。如果是，则创建一个带有当前输入文本和随机坐标的新 TextElement 对象，并将其添加到 texts ArrayList。clockInterval：指定更新时钟显示的时间间隔（1分钟）。
2023-07-08 20:07:25
1446
原创 javafx 组件填充方案【用 prefHeight方法填充满父容器】
javafx 容器设置 ，用 prefHeight方法填充满父容器，要加这个 maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity"例如，如果将maxWidth设置为-Infinity，那么该组件的宽度将不受最大宽度的限制，可以根据其内容或父容器的大小进行调整。同样地，如果将minHeight设置为-Infinity，组件的最小高度将没有限制，它可以根据需要进行收缩或扩展。
2023-07-02 09:34:24
983
原创 【Processing】行走的行星 动态海报 processing艺术与科技
一个有趣的行星场景。程序中包含了粒子、星星、陨石、行星和卫星等元素。代码中导入了所需的库，设置了窗口大小，并创建了粒子和星星数组。陨石的数量、位置、速度、颜色和火焰的颜色和透明度等参数也被设置。在 draw 函数中，实现了背景的绘制、陨石、粒子和星星的更新和绘制、云朵的绘制以及行星和卫星的绘制和旋转。同时，也包含了绘制文本和鼠标点击事件的处理。总体来说，这是一个有趣的创意场景，可以通过改变一些参数和添加其他元素来进行扩展和改进。
2023-03-21 22:27:31
1456
Java矩阵问题求解
2023-07-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人