Skip to content

xiaocai-laoniao/Processing100DaysSketch

Repository files navigation

Processing 100 天速写

我来笔记

https://www.wolai.com/childhoodandy/nFdnVWMHkYxtb6QgBxHDJx?theme=dark

关于我

公众号、视频号、Bilibiii:小菜与老鸟

预览

Day_001

  • 描述:渐变圆
  • 重要知识点:translate、lerpColor、line

Day_001

Day_002

  • 描述:水的涟漪、波纹
  • 重要知识点:circle、stroke

Day_002

Day_003

  • 描述:遮罩的用法、不规则图形遮罩、线性渐变
  • 重要知识点:PGraphics、mask、lerpColor、vertex

Day_003

Day_004

  • 描述:发光的几种实现方式
  • 重要知识点:filter、BLUR

Day_004

Day_005

  • 描述:旋转的“冰激凌”
  • 重要知识点:arc、lerp、sin、cos

Day_005

Day_006

  • 描述:视频马赛克处理
  • 重要知识点:video、Capture

Day_006

Day_007

  • 描述:识别指尖颜色生成平台与小球碰撞
  • 重要知识点:video、Capture、Box2d

Day_007

Day_008

  • 描述:曲线运动轨迹-动态
  • 重要知识点:ellipse、sin、cos

Day_008

Day_009

  • 描述:瞅你咋滴
  • 重要知识点:PVector

Day_009

Day_010

  • 描述:叠加旋转方块的声音可视化练习
  • 重要知识点:Array、minim

Day_010

Day_011

  • 描述:镜像绘画的秘密
  • 重要知识点:line

Day_011

Day_012

  • 描述:彩色纹理
  • 重要知识点:noise

Day_012

Day_012

Day_013

  • 描述:粒子的音乐躁动
  • 重要知识点:noise、sound

Day_013

Day_014

  • 描述:初识3D方块
  • 重要知识点:P3D、box

Day_014

Day_015

  • 描述:tiled contour
  • 重要知识点:p5js beginContour endContour

Day_015

Day_016

  • 描述:curveTightness
  • 重要知识点:curveTightness

Day_016

Day_017

  • 描述:字体点阵
  • 重要知识点:textToPoints

Day_017

Day_018

  • 描述:noise静态流场
  • 重要知识点:noise

Day_018

Day_019

  • 描述:Grid的波浪运动
  • 重要知识点:sin、cos、keyPressed()、keyCode

Day_019

Day_020

  • 描述:球体阴影练习
  • 重要知识点:sphere、spotLight

Day_020

Day_021

  • 描述:loading
  • 重要知识点:HSB、sin、cos

Day_021

Day_022

  • 描述:drawingContext的clip
  • 重要知识点:drawingContext

Day_022

Day_023

  • 描述:区块链鸟
  • 重要知识点:rect、arc、drawingContext等

Day_023

Day_024

  • 描述:字体像素化
  • 重要知识点:loadPixels、updatePixels

Day_024

Day_025

  • 描述:暂无
  • 重要知识点:暂无

Day_026

  • 描述:字体的噪波缩放
  • 重要知识点:noise

Day_026

Day_027

  • 描述:国庆头像生成器
  • 重要知识点:PGraphics、selectInput

Day_027


Day_027


Day_027

Day_028

  • 描述:递归圆
  • 重要知识点:递归

Day_029

  • 描述:场景的渐隐渐现过渡
  • 重要知识点:ArrayList

Day_030

  • 描述:加载svg
  • 重要知识点:loadShape

Day_031

  • 描述:图层的透明、半透明等
  • 重要知识点:PGraphics、beginDraw、endDraw、clear

Day_032

  • 描述:p5js 手部识别 Handtrack
  • 重要知识点:Handtrack.js

Day_033

  • 描述:P3D 练习
  • 重要知识点:beginShape、endShape、vertex

Day_034

  • 描述:完美gif loop
  • 重要知识点:无

Day_035

  • 描述:生成svg
  • 重要知识点:svg

Day_036

  • 描述:根据鼠标移动速度绘制大小不同的圆
  • 重要知识点:mouseX, mouseY, pmouseX, pmouseY

Day_037

  • 描述:字体轮廓
  • 重要知识点:PFont、PShape、getVertexCount、getVertex

Day_038

  • 描述:加载图片显示字体像素
  • 重要知识点:loadPixels、updatePixels

Day_039

  • 描述:待补充
  • 重要知识点:

Day_040

  • 描述:播放gif动图
  • 重要知识点:gif-animation

Day_041

  • 描述:播放gif动图,控制动画速度
  • 重要知识点:image

Day_042

  • 描述:使用精灵图播放动图
  • 重要知识点:get(x, y, width, height), JSONObject

Day_043

  • 描述:简易钟摆
  • 重要知识点:sin、frameCount、translate

Day_044

  • 描述:点石成路
  • 重要知识点:PVector、ArrayList

https://www.processing.love/d/27-processing

Day_045

  • 描述:图片镜像反转
  • 重要知识点:scale

Day_046

  • 描述:生命游戏寻找周边邻居原理演示
  • 重要知识点:for loop理解

Day_047

Day_048

  • 描述:Agent文字
  • 重要知识点:PVector

Day_049

  • 描述:熟悉3D绘图操作
  • 重要知识点:P3D、rotateY、rotateX

Day_050

  • 描述:读取data文件夹下按照修改时间排序的文件
  • 重要知识点:Arrays, Comparator.comparingLong(File::lastModified).reversed(), File, listFiles()

Day_051

  • 描述:沙画风向测试
  • 重要知识点:pixels

Day_052

  • 描述:子弹与高斯正态分布
  • 重要知识点:randomGaussian

Day_053

  • 描述:缩放scale与保持大小不变
  • 重要知识点:scale

Day_054

  • 描述: 神奇的一个函数
  • 重要知识点:P3D, ArrayList

Day_055

  • 描述:沙画笔触简单模拟
  • 重要知识点:randomGaussian()

Day_056

  • 描述:2022春节微信红包封面-小老虎
  • 重要知识点:基本图形绘制

Day_057

  • 描述:内容多于画布时的视角运动
  • 重要知识点:translate

Day_058

midi parser 暂未完成

Day_059

  • 描述:图片像素的3D显示
  • 重要知识点:sphere,translate

Day_060

  • 描述:多段贝塞尔路径运动
  • 重要知识点:bezierPoint

Day_061

  • 描述:神奇的random
  • 重要知识点:random, noise

Day_062

  • 描述:loop
  • 重要知识点:p5.createLoop library

Day_063

  • 描述:Processing不重启动态修改参数变量
  • 重要知识点:WatchService, Thread