p5.js
文章平均质量分 65
简澈
这个作者很懒,什么都没留下…
展开
-
p5.js码绘:基于向量的运动
p5.js码绘:基于向量的运动文章目录p5.js码绘:基于向量的运动前言一、按键控制的小飞船二、改进的飞船:自动校准方向总结前言本文记载的是自己阅读《代码本色》1-3章之后借助p5.js自带的向量完成的简单运动的练习。一、按键控制的小飞船简介: 这个是按照《代码本色》练习3.5要求完成的一个用三角形表示的小飞船,需要有两个按键分别控制飞船的左右旋转,同时还要有一个按键控制飞船的加速。这里我用方向键左和右分别控制飞船的顺时针旋转和逆时针旋转,上和下分别控制飞船的加速度的升高和降低。完整代码原创 2021-01-03 22:14:00 · 749 阅读 · 0 评论 -
p5.js码绘:融入概率论/随机性的线库
p5.js码绘:融入概率论/随机性的线库文章目录p5.js码绘:融入概率论/随机性的线库前言一、DarkForestLine二、DarkCityLine三、ParticleSystemPro前言本文记录的是自己用p5.js完成线库的拓展:加入随机性和概率论一、DarkForestLine函数简介: 该函数用柏林噪声noise()来确定树的位置以及生长高度。函数原型: function Darkforest_line(x0,y0,x1,y1,maxH)参数说明: x0和x1确定树木的水平原创 2020-12-14 00:11:06 · 555 阅读 · 0 评论 -
p5.js码绘:表现物象特性的线库
p5.js码绘:表现物象特性的线库文章目录p5.js码绘:表现物象特性的线库前言一、SpringLine(可鼠标交互)二、TireLine(可鼠标交互)三、ShowFLine(可鼠标交互)总结前言提示:本文记载的是自己用p5.js绘制的几条能表现物象特性的可交互线条,分别用来表现弹力、摩擦阻力以及拉力。一、SpringLine(可鼠标交互)目的: 表现弹力简介: 这是模拟弹簧伸缩变化的曲线,可以根据所给力的大小进行相应的伸缩变化(弹簧静止时点击鼠标左键给弹簧施加力)函数原型: fun原创 2020-12-13 16:12:26 · 571 阅读 · 1 评论 -
p5.js码绘:未来风格/科技感的线库
p5.js码绘:未来风格/科技感的线库前言一、基本元素选定1、颜色:2、元素:二、绘制线条1.matrix1Line2.matrix2Line3.circuitryLine4.VspringLine5.beehiveLine6. particleChainLine7.fallingstarLine三、总结前言本文记载的是自己用p5.js绘制一些有科技感的线条/图形的过程一、基本元素选定1、颜色: 这里我选用了三种颜色作为基调色,分别是:青色 RBG(0,255,255).白色 RGB(.原创 2020-11-29 19:22:24 · 1127 阅读 · 1 评论