Kikobeats / js-mythbusters

:ghost: STHAP js, where is my perf?
https://mythbusters.js.org
MIT License
632 stars 68 forks source link

Make logo eyes follow cursor #38

Closed Kikobeats closed 7 years ago

Kikobeats commented 7 years ago

Please I need that https://codepen.io/loktar00/pen/FmkAd

elrumordelaluz commented 7 years ago

here it is something could fit.

ghost

Kikobeats commented 7 years ago

First of all, I LOVE YOU.

Just the only objetion that I have is if eyes could be rounded.

Can you make a PR of this? I'm not idea how to insert it.

elrumordelaluz commented 7 years ago

if eyes could be rounded.

Absolutely, have to remove the .eyelid. Here 👇 a preview of the result:

screen shot 2017-05-20 at 21 57 15

In case you want to the blink animation, here 👇 the result without remove the path:

blink

Can you make a PR of this? I'm not idea how to insert it.

Sure. It is necessary to do something to build or to run the App? Didn't tried yet, but I'm not seeing anything related in Readme or any script in packages.json.

Kikobeats commented 7 years ago

Hey,

sorry about that, I migrated how we generate the project and I didn't update the package.json correctly 😅.

The content is served from docs folder. We are using docsify as static content generator.

If you want to simulate production build in local you can clone the project and do:

npm install && npm run dev

For replace the current logo (currently is a png file) we need to insert the HTML code for the animated logo version in all files that references logo.png

The CSS necessary need to live at style.css, or, could be better create logo.css.