XIPureGamer Posts - Answer Overflow

XIPureGamer

Posts Comments

KPCKevin Powell - Community

•Created by XIPureGamer on 7/19/2023 in #front-end

SVG Animation Layer / Priority kind of question..,

1 replies

KPCKevin Powell - Community

•Created by XIPureGamer on 7/14/2023 in #front-end

How can I modify My SVG Animation?

Hi guys 👋 I need some help. I'm trying to tweak this HTML/CSS animation (https://codepen.io/XIPureGamer/pen/OJaQqjz) to make it so that the outerWires are animated, so that they.. "grow". What I mean by this is, make it so that they "grow" start to finish in a sort of, linear way. Like branches on a tree or something, idk. I've tried adding classes (Like the one below) into the CSS file to try and scale the outer wires with/as keyframes buuuut..., I just cannot get the outer wires to animate what-so-ever sadge

.outerWires {
  /* existing CSS properties */
  animation: grow 2s linear forwards;
}

@keyframes grow {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

.outerWires {
  /* existing CSS properties */
  animation: grow 2s linear forwards;
}

@keyframes grow {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

So can someone help out? Please and Thanks in advance! ❤️

21 replies

KPCKevin Powell - Community

•Created by XIPureGamer on 7/5/2023 in #front-end

Need help with a JS Project/Animation

How can I recreate this sort of animation (See Video) ?; I'm having troubles with the lines/'traces' in particular 😬 I've found a 2D version of this animation on Codepen.io (https://codepen.io/loktar00/pen/rNMKZq) but if I were to fork this and modify it, how would I modify it to make it so that there's a (solid) box in the middle then make it so that the lines/traces branch off of said box?; Furthermore, how could I then turn this from 2D to 3D (Aka the video) ...? Need help asap <:PES2_Pray:513342216287027220> Please and Thanks in advance!

9 replies

KPCKevin Powell - Community

•Created by XIPureGamer on 6/28/2023 in #front-end

Need help replicating an animation

2 replies

KPCKevin Powell - Community

•Created by XIPureGamer on 6/3/2023 in #front-end

Need help creating some smooth transitions between animations & scenes

Hi all 👋 I need some help. I'm trying to add some transitions but am not sure how to add them with/alongside/in-between things like My animation and the ThreeJS Scene that's on My site at the moment. I've added a .mp4 video/clip of how it currently looks and functions. How I want it to look and function: I want to make it so that, when I boot up Electron via the npm start command in Windows' Command Prompt (as shown), it will start on a Solid Black Screen (/Background?) and then smoothly transition into the animation (The bit with the grey background and yellow circle logo (Which btw is temporary)) / make it so that the animation slowly appears on screen then it plays from Start to Finish. Then I want to make it so that, once the animation has finished, it will transition back to a Solid Black Screen (/Background?) and then [x] amount of seconds later.., the ThreeJS Scene will slowly appear on screen from the Solid Black Screen and become usable/viewable. Sooo... how would I achieve this? If anyone could help tweak My code / tell Me how I would go about adding what I described above, I'd really appreciate it ❤️

1 replies

KPCKevin Powell - Community

•Created by XIPureGamer on 5/14/2023 in #front-end

Need some help with My HTML code

Evening everyone 👋 I was wondering if someone might be able to help Me out with My rather messy HTML Code, lol. I should note that I'm still relatively new to HTML/CSS/JS/etc.. so go easy on Me pls 😅 Anyway, I'm trying to create/replicate a sort of.. "introduction-animation" (Sure let's call it that for now, I guess 😂) for My website which is similar to the one on this website that I recently discovered: https://resn.co.nz/ If You go ahead and visit the website linked above or just view the attached video (To this Discord post/comment) which is quicker and faster, that is what I'm trying to replicate bit-by-bit, exactly how it looks and functions on the website. So TLDR My goal is to get help from someone here (hopefully) who can help Me recreate that "introduction-animation" or whatever You wanna call it which will then transition into a JavaScript (JS) + CSS / based scene that I've already made on My website. If anyone could help Me out, I would really appreciate it peepoLove

Thanks y'all! P.S - Hopefully I'm posting in the right place, if not, I will re-post if need be.

28 replies

Gaming

Programming