mirror of
https://github.com/asimonson1125/asimonson1125.github.io.git
synced 2026-02-25 05:09:49 -06:00
new idler resize
This commit is contained in:
@@ -3,8 +3,8 @@ import React from "react";
|
|||||||
|
|
||||||
const balls = [];
|
const balls = [];
|
||||||
const density = 0.00005;
|
const density = 0.00005;
|
||||||
const screenWidth = window.innerWidth + 100;
|
let screenWidth = window.innerWidth + 10;
|
||||||
const screenHeight = window.innerHeight + 100;
|
let screenHeight = window.innerHeight + 10;
|
||||||
|
|
||||||
export default class Idler extends React.Component {
|
export default class Idler extends React.Component {
|
||||||
setup = (p5, parentRef) => {
|
setup = (p5, parentRef) => {
|
||||||
@@ -54,7 +54,19 @@ export default class Idler extends React.Component {
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
render() {
|
render() {
|
||||||
return <Sketch setup={this.setup} draw={this.draw} style={{position: 'fixed', zIndex:-1}}/>;
|
const windowResized = (p5) => {
|
||||||
|
p5.resizeCanvas(p5.windowWidth, p5.windowHeight);
|
||||||
|
screenWidth = window.innerWidth + 10;
|
||||||
|
screenHeight = window.innerHeight + 10;
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<Sketch
|
||||||
|
windowResized={windowResized}
|
||||||
|
setup={this.setup}
|
||||||
|
draw={this.draw}
|
||||||
|
style={{ position: "fixed", zIndex: -69 }}
|
||||||
|
/>
|
||||||
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user