
Look mouse 3D System JS P5
Source CODE :
function setup() {
createCanvas(600, 500, WEBGL);
trs = loadImage('trs.png');
txt = loadImage('txt.png');
rotx = 0;
roty = 0;
z=0;
trans=1;
textFont('Bahnschrift');
}
function draw() {
if(trans==1) {
background(0,150,50);
} else {
background(230);
}
rectMode(CENTER);
if(mouseX<600 && mouseX>-300 && mouseY<500 && mouseY>-250) {
rotx=(mouseX-300)/250;
roty=((mouseY-250)/200)*-1;
}
texture(txt);
rect(0,234,600,30);
translate(0,0,z);
rotateX(roty);
rotateY(rotx);
if(trans==1) {
fill(0,100,200);
} else {
texture(trs);
}
circle(0,0,100);
if(trans==1) {
fill(200,20,0);
} else {
texture(trs);
}
translate(0,0,25);
box(10,10,50);
rotateX(0);
rotateY(0);
translate(0,0,0);
}
function mouseWheel(event) {
z-=event.delta;
}
function keyPressed() {
trans=trans*-1;
}| Status | Released |
| Category | Tool |
| Platforms | HTML5 |
| Author | The_Owner |
| Tags | 3D, js, look-system, sourcecode |

Leave a comment
Log in with itch.io to leave a comment.