Processing p5js 自画像动态设计

于 2024-03-31 12:29:25 发布
阅读量135 收藏 1
点赞数 1
分类专栏： 个人-程序作品集 文章标签： 交互 动画
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61799540/article/details/137030862
版权

设计说明


Processing自画像动态设计。通过组合圆形、贝塞尔曲线等基本几何形状，以及颜色和运动效果，呈现了一个具有一定抽象风格的自我形象。

通过随机生成多个圆形，并对每个圆形进行随机运动，创造出了动态效果，为画面增添了活力和生气。同时，使用贝塞尔曲线绘制了眉毛、眼睛、鼻子和嘴巴等面部特征，通过不同颜色和线条粗细营造出细致的面部轮廓。整体设计以抽象的形式表达了自我形象，突出了艺术性和个性化的特点。

效果视频

Processing p5js 自画像动态设计 纯代码

厉掣
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
基于Processing的简易自画像制作
bbnos的博客
11-04 3455
基于processing制作简易自画像（表情包） 效果如图： 包含的代码： void setup() { size(300,300); smooth(); frameRate(50); background(255); } void draw() { //ear fill(255,255,0); ellipse(50,150,30,50); ellipse(250,150,30,...
互动媒体技术——processing自画像
phdhdus的博客
11-03 2450
一、绘制自画像 1、自画像主要由矩形，圆形、三角形、四边形和直线组成 2、计算坐标并且控制不同形状的绘制顺序得到不同的效果 3、主要用到ellipse()、rect()、line()、arc()、quad()、triangle()等函数绘制基本的人物形状，再用stroke()、fill()函数设置自画像的颜色。 二、代码实现 void setup() { //初始化窗口大小 size(6...
Processing p5js卡通人物交互
最新发布
m0_61799540的博客
09-26 433
processing p5js 卡通交互。
画一幅大鹅
qiaqiao_的博客
11-01 428
用processing画一幅自画像，实现动态的交互。 交互1.鼠标点击，以点击的点为圆心，在周围生成六个小花瓣，颜色随机。 交互2：鹅的笑容会鼠标点击而不一样，有两种状态，在两种状态之间切换。 鹅带的蝴蝶结是用一张贴图贴上去的。 PImage staticImg; void setup() { size(600, 600,P2D); background(255); stat...
Processing实现绘制自画像
weixin_44239354的博客
10-20 5701
关于自画像创作 · 自画像的创作主要分以下几个步骤： 工具准备 轮廓构建 颜色填充 形状修正 背景构建 交互构建 工具准备 关于工具准备是指方便构图而使用的一些代码，比如： println(mouseX+" "+mouseY); 可以比较方便地获取屏幕上的坐标位置，方便修改。 另外由于人脸部分的绘图需要用到曲线（我用的比较多的是贝塞尔曲线），我选择将贝塞尔曲线可视化出来...
Processing编程自画像
QianQing_mio的博客
11-04 5040
Processing绘制自画像 选色构图 在绘制自画像之前首先需要抽象自己的形象，这里 我将长发作为自己的主要抽象特征。 选用的颜色为暖色系，如下图 贝塞尔曲线的使用 在画自画像中多次用到了贝塞尔曲线，这里简单介绍一下用法 用“贝塞尔”工具无论是画直线或是曲线，都非常简单，随手可得。其操作特点是通过用鼠标在面板上放置各个锚点，根据锚点的路径和描绘的先后顺序，产生直线或者是曲线的效果。 我在这里...
processing创意图形代码_Processing练习-Self Sketch - TAI CHI
weixin_39859220的博客
12-06 3820
又到了Processing练习。这次是自画像练习，应老师要求利用processing或者P5.js绘制一幅自画像。在课上老师给我们技术的同学们看了艺术专业同学们的自画像，有搞怪的，有精心设计的，还有令我最印象深刻的哪吒码绘（罗小黑大电影里边的那位）：作者来自江南大学，具体信息不明，侵删。不过，我的习惯是尽量不选择本能性想出的点子，所以描绘个人漫画式肖像的想法被我摒弃。元素一——太极最近半年时间内我...
Processing【5】终章不存在
djj810625的博客
07-16 140
彩色棋盘实验报告 一． 思路： 初始化棋盘格子，初始化最上和最下两边的颜色参数。 监测鼠标点击的位置的颜色和状态（0，-1,1）。 定义ball和square,包含了颜色，半径，位置（x,y）属性（property），并且定义了绘画ball和square的方法（method）。 在格子边缘确定这个颜色覆盖在哪个格子上。计算出鼠标点...
CodeSelfPortrait：使用p5.js的自画像代码
02-09
在“CodeSelfPortrait”项目中，我们看到P5.js被用来创建一个自画像，这是通过编程的方式来表达个人艺术创作的一种创新方式。 **P5.js中的关键概念** 1. **Sketch** - 在P5.js中，每个项目都是一个"sketch"，它...
art:使用p5.js和Processing构建的代码艺术项目
05-09
-R，G，B实体用于使用参数的用户滑块带有尾部自擦除功能的对称演示，可防止噪声过大。 第一次尝试。 流场（）：将粒子洒到缓慢变化的力矢量场上。 该场会随着Perlin噪声而更新，并且粒子会跟踪其轨迹。 它按程序...
3D-Processing.zip
09-18
3D-Processing.zip,日报,3D建模使用专门的软件来创建物理对象的数字模型。它是3D计算机图形的一个方面，用于视频游戏，3D打印和VR，以及其他应用程序。
imageprocessing：可以使用JavaScript和p5.js处理图像的图像处理项目
02-08
JavaScript，作为最常用的客户端脚本语言，现在也可以用于图像处理，这得益于像p5.js这样的库。p5.js是一个开源的创意编程库，它使得用JavaScript进行视觉艺术创作变得简单，包括图像处理。 "imageprocessing"项目...
paintjs:用p5.js编写的绘画应用程序
04-28
1. **p5.js库**：p5.js是基于Processing语言的一个JavaScript版本，它提供了一系列简单易用的函数，用于绘制2D图形、处理用户输入、动画制作等。通过p5.js，开发者可以快速构建视觉艺术和互动体验，而无需深厚的编程...
Sierpinski-p5js:递归绘制谢尔宾斯基三角形分形（使用 p5.js 重构一个 C++ 项目）
06-15
在项目文件列表中，"Sierpinski-p5js-master" 可能包含了以下组成部分： 1. **index.html**: 项目的主要 HTML 文件，包含页面结构和引入 p5.js 库的链接。 2. **sketch.js**: 主要的 JavaScript 代码文件，实现...
Processing简介和环境搭建
热门推荐
赶路人儿
08-24 3万+
Processing 在 2001 年诞生于麻省理工学院（MIT）的媒体实验室，主创者为 Ben Fry 和 Casey Reas，项目发起的初衷，本是为了满足他们自身的教学和学习需要。后来，当Casey在意大利的伊夫雷亚交互设计学院（Interaction Design Institute Ivrea）进行教学的时候，基于Processing，衍生出了Wiring和Arduino项目。随着时间的...
processing几种简单动画
飞落的眼泪的专栏
11-27 2万+
环形扩散 这是我用processing写出的扩散效果 package Exercise; import processing.core.PApplet; import processing.core.PGraphics; import processing.core.PImage; /** * @author Administrator * */ public class Animati...
Processing.js和P5.js的功能简介和区别
赶路人儿
08-25 1万+
什么是Processing Processing是关于数字艺术的编程语言，支持跨平台，语言本身是一个类Java语言，程序文件的后缀为.pde。通过编写processing程序，教师可以将复杂的物理、化学、数学原理形象的展示给学生。比如绘制各种曲线图，波线，粒子，绘制分子结构，当然在生理卫生课上还可以绘制一群小蝌蚪在游泳等动态的图形。具体介绍见：https://blog.csdn.net/liux...
【小白篇】初探 Processing 色彩
升卿
07-30 1万+
God said,"Let there be light," and there was light. 所谓色彩，即光从物体反射到人的眼睛所引起的一种视觉心理感受。**计算机就是以光来合成颜色的**。 绘画者耗费大量的时间混合颜料并在纸上上色。通过长时间的练习，他们才能依靠直觉混合不同颜色而得到一种特别的颜色。在Processing中运用颜色，却是变得**uncomplicated**：
计算机视觉 实验四 Image_Processing5
拔牙不打麻药
11-02 1109
目录3.6 图像金字塔与轮廓检测3.6.1 图像金字塔3.6.2 拉普拉斯金字塔3.6.2 图像轮廓什么是轮廓?轮廓可以简单地解释为连接具有相同颜色或强度的所有连续点（沿边界）的曲线。轮廓是用于形状分析以及对象检测和识别的有用工具。轮廓特征轮廓近似模板匹配列表中所有的6种比较方法多对象的模板匹配 3.6 图像金字塔与轮廓检测 3.6.1 图像金字塔 import cv2 #opencv 读取进来为BGR格式 import matplotlib.pyplot as plt import numpy a
用processing画自画像
04-16
您可以从Processing官网上下载并安装该程序，然后开始编写代码来绘制您的自画像。首先，您可以在画布上绘制一个类似于头部的形状，然后添加眼睛、鼻子、嘴巴和耳朵等细节来丰富您的画面。您也可以使用颜色和透明度来...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

厉掣

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

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

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

打赏作者

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

抵扣说明：

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

余额充值