相关文章
P5.js之数组使用——绘制水墨画笔,实现跟随鼠标移动的效果
数组实践
首先需要说明,p5和processing数组的使用有所不同 数组的声明和初始化为: var pox new Array(50); var poynew Array(50);
实现思路:
1.保存当前鼠标值为数组最后位置的值 2.原数组的值不断前移 3.相当于新的鼠标值将原来的值给挤…
建站知识
2024/12/29 11:13:52
p5.js 入门教程
p5.js 官方地址 https://p5js.org/
p5.js 是个 JavaScript 创意编程程式库,其专注在让编程更易于使用及更加广泛的包容艺术家、设计师、教育家、初学者以及任何其他人!p5.js 是个免费及开源的软件因为我们相信所有人都应该能自由使用软件及用于学习软件…
建站知识
2024/12/21 11:33:11
P5.js 实现交互式动态绘画
p5.js 实现交互式动态绘画 1.关于交互式绘画的思考2.选定题目3.内容展示4.代码分析(1).按钮的实现(2).笔刷(画笔)(3).动作 5.总结6.参考文献 1.关于交互式绘画的思考
在前几次的实验中,我们先后完成了静态码绘和动态码绘,对计算机…
建站知识
2024/12/23 16:50:11
P5.js开发之——通过createVideo向页面中添加视频
一 概述
createVideo添加一个视频示例—本地视频添加及播放示例 二 createVideo添加一个视频
2.1 语法
createVideo(src, [callback])2.2 说明
添加一个本地或网络视频可以级联使用p5.Element的语法
2.3 参数及返回值
参数
参数说明srcString|String[]:视频文…
建站知识
2025/1/21 9:13:15
p5.js动态自画像
p5.js动态自画像 成果展示背景变色眼睛放光与牙齿长短变换 过程代码展示总结 成果展示
背景变色 效果为鼠标左键点击后改变背景颜色,背景共有红绿蓝(RGB)三种颜色。
眼睛放光与牙齿长短变换 可以看到眼睛是由好几个不同颜色的同心半圆构成的…
建站知识
2025/1/21 6:57:07
p5.js 和 Processing 的恩怨情仇
序卷
p5.js 看起来与 Processing 非常相似,但有一些变化:
因为 size() 已经被 createCanvas() 代替,所以我们的草图不仅仅是画布,还能创建其他元素。frameRate(num) 设置帧速率,但该 frameRate 变量已被删除。要…
建站知识
2025/1/18 2:29:49
P5.js开发之——通过createCapture向页面中添加捕获摄像头
一 概述
createCapture语法概述示例—捕获摄像头并显示createCapture需要设置有摄像头 二 createCapture语法概述
2.1 语法
createCapture(type, [callback])2.2 说明
捕获摄像头可以级联使用p5.Element的语法
2.3 参数及返回值
参数
参数说明typeVIDEO(视频)、AUDIO(音…
建站知识
2024/12/23 7:40:19