18 the matrix easter egg #25
Conversation
Code should produce an array of to the screen width/13 arrays filled up till screen height/13. -- A class was created in matrixChar to signfy characters, and strength we can use to lower intensity of characters -- Two functions created one addMatrix to randomly decide if it should add a Character One moveMatrix that checks the array and removes strength 1 characters, and adds another character ahead of strength 5 character.
@todo will probably want to find a more efficent way to add children to div. May instead of adding a p element for each item in array may add a new carriadge and once we get to a character wrap that in a span with css properties.
added keyframes, and css selectors for it. made a z index of -1 to push behind elements.
added easter egg to start matrix downpoor
✅ Deploy Preview for tricitiesdev ready!
To edit notification comments on pull requests, go to your Netlify site settings. |
|
Should we standardize the backgrounds? The logo is currently a JPG (no transparency), so we could convert it to a transparent PNG or to an SVG. Alternatively, we could set the background color of the links to black and not let the matrix show through. I personally like the look of the matrix effect showing through, but either way I think both the logo and buttons should match. That's of course a stylistic opinion and probably needs discussion.
|
|
I wonder if @jeffrainey has a svg logo with a transparent background? |
|
@fudgemasterultra @mackenly Good call! I will get this in later tonight. I can commit it into this branch. |
|
After looking at the preview, I personally kinda like the buttons and logo solid. Kings makes it pop a little more. Personal preference, though. |
speed it up a little
|
So I made it run a little faster, and I think it looks pretty nice now. So before I merge it in. Are we going no transparent, or not? Luckily it really isn't that big of a deal, because most people will never see it. |
|
@fudgemasterultra Went to merge this but has some conflicts in the imports. Can you fix those up and then I'll merge it in. Thanks! |
Adding in matrix effect easter egg.
Have event listener on window that captures key presses. if at some point "neo" is typed in it will start the matrix. Had to add global css because they aren't in place on the jsx until the classes are needed later on, and svelte trying to save me from myself would get rid of that unused css for me.