🍥 用 JS 实现一些造型构成

用P5.js做了一些造型构成练习,源码都在 Github 上,欢迎来星星 ⭐

CSS Patterns

以下几个图案是使用 CSS 合成的,其中使用(或组合)了以下几个技巧:

  • CSS 动画及变形、CSS 滤镜、CSS 伪随机

(打包出来的 CSS 体积太大了,影响首页性能,暂时把这玩意儿去掉,TODO Refactor

Lenses Boom

效果图

效果图

说明

  • 鼠标左键:在新的位置开始绘画
  • 鼠标右键:停止绘画
  • 鼠标中键:清空画布

点的构成

线的构成



凉,自己都忘了这玩意儿用什么公式画出来的了...

面的构成


本文最后更新于: February 06 2021 22:11