敲过的几个创意小编程

深圳/平面设计师/6年前/433浏览

版权

敲过的几个创意小编程

-

去年在网上看到创意编程类的一些东西，觉得好好玩，超厉害，无敌牛逼，就自己在闲暇时间摸索了点编程类的东西，奈何智商有限，花了俩月只研究出了一点皮毛，凑合看看，主要是用p5.js完成。

-

eleven.l

2018.10

-

使用代码创造了一个三维的宇宙，可以使用鼠标去控制xyz轴的旋转。
附线上的链接，感兴趣的可以试玩下：https://editor.p5js.org/eleven/full/S1wIHOHLQ

使用代码创造了一个三维的宇宙，可以使用鼠标去控制xyz轴的旋转。
附线上的链接，感兴趣的可以试玩下：https://editor.p5js.org/eleven/full/S1wIHOHLQ

Collect

使用了百度音乐的api开放数据，我搜索了歌曲‘平凡之路’的各个版本，用两个文本矩形分别连接歌曲名称和和歌手，使其在画面中做随机运动，通过点击可以直接调取到歌曲信息。

使用了百度音乐的api开放数据，我搜索了歌曲‘平凡之路’的各个版本，用两个文本矩形分别连接歌曲名称和和歌手，使其在画面中做随机运动，通过点击可以直接调取到歌曲信息。

Collect

我在画面中建立了一个随机变化的小磁场，画面中20000个微小粒子在力的作用下运动，力场比较大的地方粒子逐渐汇聚到一起，每个粒子运动轨迹以线的形式呈现，最终形成了丰富的画面。

我在画面中建立了一个随机变化的小磁场，画面中20000个微小粒子在力的作用下运动，力场比较大的地方粒子逐渐汇聚到一起，每个粒子运动轨迹以线的形式呈现，最终形成了丰富的画面。

Collect

粒子系统的小练习，识别文字的边缘区域，用粒子填充，同时给光标添加力的效果，光标靠近，粒子会散开，光标移走，粒子重新汇聚成文字。

粒子系统的小练习，识别文字的边缘区域，用粒子填充，同时给光标添加力的效果，光标靠近，粒子会散开，光标移走，粒子重新汇聚成文字。

Collect

制作了一个自定义动态笔刷，可以自定义颜色，随便刷着玩吧，附线上试玩地址：https://editor.p5js.org/eleven/full/B1uLw1Fvm

制作了一个自定义动态笔刷，可以自定义颜色，随便刷着玩吧，附线上试玩地址：https://editor.p5js.org/eleven/full/B1uLw1Fvm

Collect

敲了一个小人，同时给光标添加引力，发梢会随着光标移动。
附线上试玩地址：https://editor.p5js.org/eleven/full/SJL9RlLVX

敲了一个小人，同时给光标添加引力，发梢会随着光标移动。
附线上试玩地址：https://editor.p5js.org/eleven/full/SJL9RlLVX

Collect

把画面用一排一排的小格子划分，通过摄像头识别画面，深色区域的地方格子变小，浅色变大，形成画面。
附线上试玩地址（需摄像头）：https://editor.p5js.org/eleven/full/Hyma0qSwQ

把画面用一排一排的小格子划分，通过摄像头识别画面，深色区域的地方格子变小，浅色变大，形成画面。
附线上试玩地址（需摄像头）：https://editor.p5js.org/eleven/full/Hyma0qSwQ

Collect

在画面添加一个变化的噪波域，画面中的短线会指域场的方向。
附线上地址：https://editor.p5js.org/eleven/full/rytAMaRwm

在画面添加一个变化的噪波域，画面中的短线会指域场的方向。
附线上地址：https://editor.p5js.org/eleven/full/rytAMaRwm

Collect

大概想表达一个时间的概念，正常状态为两个图形叠加而成的不停变换形态的表盘，鼠标点击不放，表盘倒转，闪烁变幻，同时叠加形成各种形态，想表示一种时间的错乱，松开鼠标恢复正常。
附线上地址：https://editor.p5js.org/eleven/full/Bk3xpQQrm

大概想表达一个时间的概念，正常状态为两个图形叠加而成的不停变换形态的表盘，鼠标点击不放，表盘倒转，闪烁变幻，同时叠加形成各种形态，想表示一种时间的错乱，松开鼠标恢复正常。
附线上地址：https://editor.p5js.org/eleven/full/Bk3xpQQrm

Collect

试着用代码给图片添加故障效果。

试着用代码给图片添加故障效果。

Collect

鼠标上下滑动控制新增圆点的大小，鼠标左右滑动控制新增圆点透明度，点击鼠标加速，滑动鼠标滚珠速度恢复正常。
附线上地址：https://editor.p5js.org/eleven/full/HyOnQ-AVQ

鼠标上下滑动控制新增圆点的大小，鼠标左右滑动控制新增圆点透明度，点击鼠标加速，滑动鼠标滚珠速度恢复正常。
附线上地址：https://editor.p5js.org/eleven/full/HyOnQ-AVQ

Collect

8

Report

|

声明

6

Share

原创Works 其他其他

相关推荐

评论

in to comment

Add emoji

喜欢TA的作品吗？喜欢就快来夸夸TA吧！

相关收藏夹

士友田尧羽

IP形象及IP内容

IP形象及IP内容

IP形象及IP内容

IP形象及IP内容

IP形象及IP内容

7336

站酷推荐设计师

品牌制造社

品牌制造社

品牌制造社

品牌制造社

品牌制造社

97

电影海报精选

电影海报精选

电影海报精选

电影海报精选

电影海报精选

506

大家都在看

Log in

8

6

评论

分享