首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
艺术系必修课:P5.js
德育处主任
创建于2022-12-02
订阅专栏
如果你觉得自己缺乏艺术细胞,我建议你玩一下 p5.js ,它会告诉你真的没有艺术细胞!
等 50 人订阅
共11篇文章
创建于2022-12-02
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
p5.js 光速入门
❤️ 简单来说,p5.js 能让“切图仔”更容易做出具有艺术感的作品(很能整活)。本文会用光的速度带你入门P5.js
p5.js 使用npm安装p5.js后如何使用?
按照 《p5.js 光速入门》 的方式在 module 模式下使用 p5.js ,如果不出意外的话肯定会有意外!
p5.js 渐变填充的实现方式
p5.js 作为一款艺术类的 canvas 库,对颜色方面的支持是挺下功夫的,比如本文要介绍的渐变方法: lerpColor 的作用是混合两个颜色以找到一个介于它们之间的颜色
p5.js 视频播放指南
在刚接触 p5.js 时我以为这只是一个艺术方向的 canvas 库,没想到它还支持视频文件和视频流的播放。 本文简单讲讲如何使用 P5.js 播放视频。
p5.js画布操作实战:创建,绑定指定元素,动态调整大小,隐藏滚动条,删除画布
这次要介绍几个 p5.js 提供的画布相关的方法:创建画布时的相关配置、让画布绑定指定元素、 重置画布大、删除画布。
p5.js 开发点彩画派的绘画工具
🌅 本文介绍了如何使用p5.js开发点彩画派绘画工具。如果你对p5.js和点彩画派感兴趣,可以跟着本文动手试试~
p5.js 到底怎么设置背景图?
🖼️ 本文主要讲解在p5.js中怎么设置背景图。背景图和普通的图片元素之间有哪些差异、使用背景图时有哪些注意点~
p5.js 3D图形-立方体
🐇 p5.js是一个流行的JavaScript库,可以轻松创建互动性的图形、动画和交互式应用程序。其中3D图形的绘制也是其强大又有趣的特性之一,本文将介绍如何使用p5.js绘制立方体。
p5.js 变换操作
🦄 p5.js中的变换操作是实现动态图形效果的关键,包括平移、旋转、缩放和倾斜等多种操作方式,可以为创作提供丰富的可能性。本文将介绍p5.js中常用的变换函数及其用法。
p5.js map映射
🦄本文介绍p5.js中map()函数的用法,该函数可以将一段区间映射到另一段区间,用于处理数值的转换。我结合了具体的实例讲解了如何使用map()函数,包括将鼠标位置映射到画布中的特定区域改变画布颜色
p5.js 状态管理
原生 canvas 提供了 save() 和 restore() 两个方法去管理画布状态。p5.js 作为一个 canvas 库,也理所当然的提供了状态管理的方法。