p5.js

p5.j​​s是一个用于创意编码的JavaScript库，其重点是使艺术家，设计师，教育者，初学者以及其他任何人都可以访问并包含所有编码！

https://p5js.org/

https://editor.p5js.org/

function setup() {

  createCanvas(400, 400);

}

function draw() {

  background(220);

  ellipse(50,50,80,80);

}

examples

https://p5js.org/examples/structure-coordinates.html

https://p5js.org/examples/3d-geometries.html

function setup() {

  createCanvas(710, 400, WEBGL);

}

function draw() {

  background(250);

  translate(-240, -100, 0);

  normalMaterial();

  push();

  rotateZ(frameCount * 0.01);

  rotateX(frameCount * 0.01);

  rotateY(frameCount * 0.01);

  plane(70);

  pop();

  translate(240, 0, 0);

  push();

  rotateZ(frameCount * 0.01);

  rotateX(frameCount * 0.01);

  rotateY(frameCount * 0.01);

  box(70, 70, 70);

  pop();

  translate(240, 0, 0);

  push();

  rotateZ(frameCount * 0.01);

  rotateX(frameCount * 0.01);

  rotateY(frameCount * 0.01);

  cylinder(70, 70);

  pop();

  translate(-240 * 2, 200, 0);

  push();

  rotateZ(frameCount * 0.01);

  rotateX(frameCount * 0.01);

  rotateY(frameCount * 0.01);

  cone(70, 70);

  pop();

  translate(240, 0, 0);

  push();

  rotateZ(frameCount * 0.01);

  rotateX(frameCount * 0.01);

  rotateY(frameCount * 0.01);

  torus(70, 20);

  pop();

  translate(240, 0, 0);

  push();

  rotateZ(frameCount * 0.01);

  rotateX(frameCount * 0.01);

  rotateY(frameCount * 0.01);

  sphere(70);

  pop();

}

---

---

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

---

最新文章

1. 理解javascript中的浏览器窗口——窗口基本操作
2. extern引发的闹剧
3. Netty是什么?
4. SQL Server 用户名密码查看
5. 用DotNetBar设计的 Gradient Buttons 漂亮按钮
6. 快速生成PDF书签
7. 使用jQuery实现类似开关按钮的效果
8. JavaScript 隐式转换
9. 【KMP原理】【整理回顾】
10. linux系统安装对硬件有什么要求
11. Scala Tuple类型
12. [Spark][Streaming]Spark读取网络输入的例子
13. Web服务器原理
14. Git 常用命令备份
15. Android编程权威指南(第三版)- 2.8　挑战练习：添加后退按钮
16. 最短路（hdu2544）Dijkstra算法二
17. 封印解除：如何在Win10家庭版中启用组策略
18. 【FFT】OpenJ_POJ - C17H - Reverse K-th Problem
19. 使用Spring实现MySQL读写分离
20. android Activity启动过程(二)从ActivityManagerService的startActivity到栈顶Activity的onPause过程

热门文章

1. 0到1：微信后台系统的演进之路 原创 张文瑞 InfoQ 2016-01-14
2. 同时执行多个$.getJSON() 出现数据混乱的问题的解决
3. python 基础二-----数据类型和控制语句
4. （二）基于Netty的高性能Websocket服务器(netty-websocket-spring-boot)
5. SpringMVC传递JSON数据
6. Apache Cocoon XML注入 [CVE-2020-11991]
7. 设计模式（二）——Java简单工厂模式
8. java面试必备String详解
9. Codeforces Round #640 (Div. 4)
10. Gym - 102062A、B、C、D、E、F、G、H