upload to git
This commit is contained in:
parent
0e6c2f5624
commit
dcfd3ad91c
|
@ -0,0 +1,19 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/addons/p5.sound.min.js"></script>
|
||||||
|
<!--><script src="https://unpkg.com/p5.xr"></script>
|
||||||
|
<-->
|
||||||
|
<script src="p5xr.js"></script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="style.css">
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
</main>
|
||||||
|
<script src="sketch.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
|
@ -0,0 +1,108 @@
|
||||||
|
let n = 0, randomX = [], randomY = [], randomS = [];
|
||||||
|
var rn;
|
||||||
|
|
||||||
|
|
||||||
|
let tree
|
||||||
|
let branchLength = 100
|
||||||
|
let minimumWeight = 0.03
|
||||||
|
let iteration = 15
|
||||||
|
|
||||||
|
function preload() {
|
||||||
|
createVRCanvas();
|
||||||
|
}
|
||||||
|
|
||||||
|
function setup() {
|
||||||
|
setVRBackgroundColor(200, 200, 200);
|
||||||
|
noStroke();
|
||||||
|
for(let i=0; i<iteration; ++i) {
|
||||||
|
randomX[i] = random(-175, 175);
|
||||||
|
randomY[i] = random(-175, 175);
|
||||||
|
randomS[i] = random(15, 20);
|
||||||
|
}
|
||||||
|
createTree();
|
||||||
|
angleMode(DEGREES)
|
||||||
|
rn = random(1,1000)
|
||||||
|
|
||||||
|
noLoop()
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function draw() {
|
||||||
|
n++;
|
||||||
|
setViewerPosition(0, 10, 350-n);
|
||||||
|
|
||||||
|
if(n>=600){
|
||||||
|
n=0;
|
||||||
|
setup();
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//rotateY(n/2);
|
||||||
|
|
||||||
|
noStroke();
|
||||||
|
rotateX(90);
|
||||||
|
fill(0, 160, 0);
|
||||||
|
plane(5000, 5000);
|
||||||
|
fill(128, 128, 0);
|
||||||
|
rotateX(-90)
|
||||||
|
|
||||||
|
|
||||||
|
for(let i = 0; i<iteration;i++){
|
||||||
|
randomSeed(rn+i)
|
||||||
|
translate(randomX[i],0,randomY[i])
|
||||||
|
//translate(0,0,0)
|
||||||
|
branch(randomS[i]);
|
||||||
|
translate(0,-randomS[i],0)
|
||||||
|
translate(-randomX[i],0,-randomY[i])
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function drawTree(posX,posY,scale){
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function createTree() {
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function branch(len) {
|
||||||
|
|
||||||
|
|
||||||
|
strokeWeight(map(len,10,30,0.5,5))
|
||||||
|
stroke(70,40,20)
|
||||||
|
|
||||||
|
line(0,0,0,0,len,0)
|
||||||
|
|
||||||
|
translate(0,len,0)
|
||||||
|
|
||||||
|
if(len > 10 ){
|
||||||
|
for(var i=0;i<3;i++){
|
||||||
|
rotateY(random(100,140));
|
||||||
|
|
||||||
|
push();
|
||||||
|
|
||||||
|
rotateZ(random(20,50));
|
||||||
|
branch(len *0.7);
|
||||||
|
|
||||||
|
|
||||||
|
pop();
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
|
||||||
|
var r = 80 + random(-20,20)
|
||||||
|
var g = 120+ random(-20,20)
|
||||||
|
var b = 40+ random(-20,20)
|
||||||
|
|
||||||
|
fill(r,g,b,200);
|
||||||
|
noStroke()
|
||||||
|
|
||||||
|
translate(5,0,0)
|
||||||
|
|
||||||
|
rotateZ(90)
|
||||||
|
|
||||||
|
triangle(-5,-5,5,5,-5,5)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
Loading…
Reference in New Issue