p5实现一个可交互三维箭头圆球效果代码

代码语言:html

所属分类:三维

代码描述:p5实现一个可交互三维箭头圆球效果代码

代码标签: p5 交互 三维 箭头 圆球

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  
  
  
<style>
body {
	margin: 0;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgb(20 5 25);
}
</style>

  
  
</head>

<body translate="no">
  
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/p5.1.11.2.js"></script>
      <script  >
const radius = 220;
const incr = 6;

const particles = new Array();
const particleCount = 80;

function setup() {
	createCanvas(800, 600, WEBGL);
	angleMode(DEGREES);
	imageMode(CENTER);
	debugMode(AXES);

	for (let i = 0; i < particleCount; i++) {
		particles.push(new Particle(radius, i));
	}
}

function draw() {
	clear();
	orbitControl();

	stroke(255, 42, 97, 20);
	noFill();
	strokeWeight(1);

	for (let i = 0; i < particleCount; i++) {
		particles[i].update();
		particles[i].render();
	}
.........完整代码请登录后点击上方下载按钮下载查看

网友评论0