search

johnlewissims / symbiosis

MIT License
1 stars 0 forks source link

Create Header for the Homepage #1

Open johnlewissims opened 2 years ago

johnlewissims commented 2 years ago

We need a header that will mimic the shaders in these examples...

https://www.munropartners.com.au/ https://boring-meninsky-4b759a.netlify.app/index2.html

Three.js is already installed on the template, but we can go with a different library if we need to. Please refer to the mockup or Brenden if you need design direction or assets.

cabbibo commented 2 years ago

hey @johnlewissims ! I can definitely make this happen using just three.js. I am very much a front end / webgl person so even though I tried getting the whole page set up and running on my machine i wasn't able to... If I am able to make just a script that sets up and runs a shader based on a three.js install, and send you that code, would that be enough? or do you need me to be able to build it into the current code base?

cabbibo commented 2 years ago

Also! in the first example, it is distorting an image, while in the second one there is no image ( and in the mockup looks like there is no image ). Are we going for an image in this example, or something that is purely aesthetic?

johnlewissims commented 2 years ago

@cabbibo Ya! If you just want to send me the code I can throw it into the theme for you! No trouble.

That's probably a good question for Z and Brendon.

brendon-avalos commented 2 years ago

@cabbibo

Purely aesthetic based :)