Description
look to the sky
look to each other
and look inward
we all have different experiences and perception but mine do not invalidate yours. i hope you feel the same way.
i love you fam.
happy solstice 600k 2021!
š¤š¤š¤š¤š¤
/*
600k
by thingticketNFT
@thingticket
created with hydra (https://hydra.ojack.xyz/) and p5.js (https://p5js.org/)
the following code is contained in the index.js file of this objkt. the code is not able to be run on the hydra website but i am including it here. the folder structure for this objkt is:
600k.zip
-index.html
-index.js
-hydra-synth.js
-p5.js
-style.css
hydra-synth.js and p5.js are open-source libraries available at the websites listed above. use developer tools (F12) to see what the index.html and style.css files look like if you are interested.
*/
speed=.65
let hydra, hydraCanvas;
hydraCanvas = document.createElement("canvas");
hydraCanvas.width = window.innerWidth
hydraCanvas.height = window.innerHeight
hydraCanvas.id = "hydraCanvas";
hydraCanvas.style.position = "absolute";
hydraCanvas.style.zIndex = 2;
hydraCanvas.style.top = 0;
hydraCanvas.style.left = 0;
hydraCanvas.getContext("webgl", { preserveDrawingBuffer: false });
hydra = new Hydra({
canvas: hydraCanvas,
detectAudio: false,
enableStreamCapture: false,
});
document.querySelector(".placeholder").appendChild(hydraCanvas)
var elt;
const sa = ( p ) => {
let x = 400;
let y = 400;
p.setup = () => {
let canvas = p.createCanvas(hydraCanvas.width, hydraCanvas.height);
elt = canvas.elt;
s0.init({src: elt})
canvas.hide();
textArray = ["ILY","ILY","ILY"]
textArray2 = ["","600k","600k","600k","600k"]
textArray3 = ["","solstice","solstice","solstice"]
textArray4 = ["","2021","2021","2021","2021","2021"]
p.textSize(letterSize)
p.draw = () => {
p.clear()
index = Math.floor(time*.5%textArray.length)
index2 = Math.floor(time*.5%textArray2.length)
index3 = Math.floor(time*.5%textArray3.length)
index4 = Math.floor(time*.5%textArray4.length)
p.fill(1,1,1)
p.text( textArray2[index2], 0.43*hydraCanvas.width, 0.42*hydraCanvas.height)
p.text( textArray[index], 0.49*hydraCanvas.width, 0.5*hydraCanvas.height)
p.text( textArray3[index3], 0.53*hydraCanvas.width, 0.58*hydraCanvas.height)
p.text( textArray4[index4], 0.48*hydraCanvas.width, 0.66*hydraCanvas.height)
}
};
};
new p5(sa);
let letterSize
if (hydraCanvas.width <= hydraCanvas.height) {
letterSize = .05*hydraCanvas.width;
} else if (hydraCanvas.width > hydraCanvas.height) {
letterSize = .05*hydraCanvas.height;
} else {
letterSize = "not a valid option"
}
src(o0)
.layer(shape(300,0.005,0.0001)
.color(1,1,1)
.scrollX(-0.14,0)
.scrollY(0.08,0)
)
.add(shape(300,0.005,0.0001)
.color(1,1,1)
.scrollX(-0.125,0)
.scrollY(0.02,0)
)
.add(shape(300,0.005,0.0001)
.color(1,1,1)
.scrollX(-0.1,0)
.scrollY(-0.05,0)
)
.add(shape(300,0.005,0.0001)
.color(1,1,1)
.rotate(()=>time/40)
.scrollY(-0.19,0)
.scrollY(()=>.3*Math.sin((time/20)-.2),0)
.scrollX(()=>.2*Math.cos((time/20)-.2),0)
)
.scale(2.4)
.out(o0)
src(o1)
.diff(src(o0))
.add(src(s0))
.scale(()=>.999+time/15000)
.rotate(0,()=>.001*Math.pow(.03*time,1.5))
.pixelate(500,500)
.out(o1)
render(o1)