Noska - Sketch #50

Alright, it’s the end of the month… and here’s the sketch!

and some beauty shots :slight_smile:

I deviated from my thumbnails but ended up having a blast! :smiley:

Things I learned:

VFX GRAPH TIPS

  1. How to make a VFX graph produce multiple meshes as an output. Click on the graph in the unity editor and there should be a mesh slider on the right. :slight_smile:

It can only do 4, and there is a workaround to do more than 4. It involves having multiple mesh outputs and toggling them on/off with a random number generator and a comparison node, or something along those lines. Here is a method I found:

  1. How to make a “triggerondie” system, with a GPU event. Just add “trigger on die” in the update section and then create a “simple particle system” outside of the box, connected with a GPU event.

  2. A clever trick I learned from Gabriel Aguiar for making sure TriggeronDie particles only trigger if their lifetime is stopped prematurely (aka if you want it to trigger an impact on collision or something like that). If a particle dies and its lifetime is shorter than 1, it means that it died to your collision (or whatever you have).

SHADER TIPS

  1. How to do a nice gradient circle in shader graph.

A different gradient circle where you can control it more.

  1. Basic, how to animate a texture.

  2. This one is useful for meshes, for a smokey dissolve effect. Use an alpha clip with a noise texture.

  3. My FAVORITE niche shader trick - use derivates, or dxdy, to create crispy textures. It means the ring isn’t as pixely as if you were to use step or something like that.


This is my first time participating in a sketch challenge! I’m marking a spot for myself for now.

So, I made my sketch. I decided to go with this gravity AoE idea, loosely related to Zarya’s ultimate from overwatch. Not based on it though, but the ideas are similar. I wanted an effect that I can try to push the timing on (anticipation/climax/resolution), so this effect is all about the anticipation.

This is my first time making a complex effect without the help of a tutorial, so I’m definitely feeling scared! I’m going to look at my sketch here and make the meshes I need for the effect. I need a slashing mesh, a flat shockwave mesh, and a sphere. Then, I want to make a flipbook for the explosion texture. The others I can do with noise, I think.

6 Likes

Hey there!

I didn’t know Zarya’s ultimate, it looks really cool!
Keep posting as you go through the process of making it, it really helps beginners - me included hehehe.

Plus I wanna see what is gonna come out of it :smiley:

1 Like

Okay so I’m going a little slow, but I started out with trying to see how I wanted the orb liftoff to feel. I added a Fresnel effect for the glow, as well as increasing the size of the orb over time to show it collecting mass from around itself. Right before it blows up, it condenses/crumples in a way to show that its READY TO BLOW!!

Orb1

Some problems I’m currently trying to problem solve are focused on scrolling a texture down a mesh. I’m having a hard time because the shader works, but when I use that same shader on a VFX graph in unity on a particle, it seems to not want to do time-based shader computations. I’m a little stumped but I think I am going to try to simplify my strategy and use quad particles for that effect.

update 1 My goals for today were to create a satisfying sucking particle effect and to introduce some slashes as well for a dynamic effect. I ran into a bunch of problems today.
Problems:

  1. In VFX graph, it’s hard to figure out how to set a duration to a continuous spawn graph. It’s hard because it’s hidden and not named “duration”, but if you click on the spawn node, you can set your loops to constant, set loops to 1, and set a duration time for the loop.

  2. It’s hard to figure out how to animate attributes over the time of the vfx system, rather than the age of the particle. I’m still trying to figure that out, so if anyone knows how, please tell me!

720res

1 Like

thanks for the awesome information.

1 Like

Orb3

Update 2!
I’ve been working on this on and off for the last couple of days, and I must say I’ve been learning a lot of helpful information. I have been saving snips of helpful shader shortcuts that I think would be very helpful for beginners, I will post the most useful ones to this thread when I’m done! Also, I’m including my shader nodes and such but please remember I’m very new to this, so take caution if you’re trying to copy me.

So, what did I change from the last iteration to this one?

  1. I realized I can’t change the size of the sparks uniformly over time of the effect, so I just added a second sparks spawn that makes them bigger. This is a quick solution I want to try to fine-tune later.

  2. The shockwave used to be a constant spawn of quads, with each one growing bigger, but there were a lot of problems with that method. Namely, I couldn’t change the speed or color over time of the whole system, I can only do those things with each particles age over lifetime and that’s it!. If anyone here wants to educate me on this. PLEASE. I beg you. But I think that this is intended.
    Anyways, what I ended up doing what writing a shader that does a ripple effect. I will toss it in here:


    So I applied this shader to just one particle quad, and now I’m able to animate the color over time and other variables.

  3. I gave the fresnel effect texture and had it lerp with another texture to give it the illusion of movement. Check out my graph on that here:

  4. You can give your particles “trigger on death” GPU events, which I was going to do, but instead I just had my explosion sparks on a delay.

Anyways, this is all for now, I hope to update soon with an even better effect! I hope to include a heat-distortion effect, update the slashes to come from a sphere mesh, and to work on the explosion.

2 Likes

I like the direction it is going and I’m probably snatching some stuff from you really soon :eyes:

Plus, it came to me that this might have interesting stuff to add on your effect:

1 Like

update #3:
Orb4GIF

Did a lot of random stuff that didn’t work out today, so a lot of work lost. But, I learned a lot too, and overall I’m a lot happier with the artistic direction of the effect.
Biggest changes:

  1. Made the explosion have a sparkle anticipation, going to add a mesh explosion effect later.
  2. Changed particle textures so they look more clean.
  3. Changed the color of the slashes and made the radius bigger.
  4. Added a parallax effect to the orb in the center with the parallax node.
  5. Changed the shockwave texture. I need to make a custom texture for this in the future.

I am definitely losing steam/having creative challenges become harder and harder to overcome. Will report on morale with my next update :stuck_out_tongue:

1 Like

It’s hard to figure out how to animate attributes over the time of the vfx system, rather than the age of the particle. I’m still trying to figure that out, so if anyone knows how, please tell me!

options are limited. only the top ‘start X’ allows you to adjust how things will behave over the duration of a system such as start size, sped, rotation, particle life or color…

when you need a system to behave vastly different over time you usually need to split this into multiple systems, sub emitters and animator components,

I realized I can’t change the size of the sparks uniformly over time of the effect, so I just added a second sparks spawn that makes them bigger. This is a quick solution I want to try to fine-tune later.

i might be making assumptions but In shuriken you can do this. the duration of the system has ‘start size’ and it can be a graph

here is an example of 1 system doing variations over it’s 3 second loop using start Size and start speed
startModules
however we cannot animate the shape module circle inside the system it unfortunately requires keyframes with an animator component.

1 Like

Hmmm then we set it through a curve? I tried setting Start Speed using a curve but it didn’t change at all :pensive:

You are coming to my rescue with this knowledge :smiley: I haven’t used shuriken yet, is it still used over VFX graph for certain effects?

I misunderstood, sorry; shuriken stuff is my experience - i can’t comment on VFXgraph directly - I do know that AFAIK it’s not ready for wide mobile adoption due to hardware; in that regard Shuriken is still used for URP devs

Update #4: orb5

Okay, I’m super happy with this one. The shader I made was nuts, it’s definitely not the most ideal shader because it uses 2 parallax occlusion nodes, but it is worth it for the way it looks! Definitely dropping a link to Harry Alisavakis’ article I saw mentioned earlier on the site that heavily inspired me: https://halisavakis.com/write-up-magical-marbles/

Now I have to do the anticipation to the whole effect! And then polish for as long as I can muster :slight_smile:

3 Likes

Have ever tried using Gyazo? I think it provides better quality image than what you’re using at the moment.

Regarding the dissipation, I would start by making the rocks quickly increase it’s size then quickly shrink down until it’s invisible.
As for the main sphere, I confess I’m also a bit dry at the moment >.<
Though I’ve been in love with what you can get by gradually deleting chunks of the object by setting different values for Alpha Clip over Lifetime aka Dissolve Effect (I think)

Check out what it does: https://realtimevfx.com/uploads/default/original/2X/2/29a7544450259d2473c087c2eb7a90d2664ef71e.gif
See how the explosion dissipates? It doesn’t gradually fade away, but it is actually gradually “deleted”.

This is also from Halisavakis.com, here is the link on how he did this explosion and a tornado:
https://halisavakis.com/write-up-tornado-explosion/

This videos teaches how to achieve it:

Kinda long but you will have the effect set in the 10 minute mark, more or less.

1 Like

For sure! Thanks for bringing that up, I definitely am a little dry on ideas at the moment because I deviated from my thumbnails, but I love a nice dissipation. Maybe I can bookend similar themes with how I start the whole shebang and how I wrap it up. If you have any suggestions, let me know! Maybe I can do a distortion effect similar to the tutorial you posted earlier? :thinking:

Another example of Dissolve: Screen capture - 7ad43fde56d50291ce8e007862ab9f71 - Gyazo

PS: I was about to edit my previous message adding a ‘PS’ recommending Gyazo, but got carried away and typed a whole new message, but didn’t realize I was editing my original message lol

1 Like

Hello Noska!
a little feedback from my point of view, because for me two things are really missing.

  1. For now it just sits in the air. It would be great to at least have it near the ground to have a better feeling on “how it acts and looks in a game world” and it will help with the next point
  2. It is unclear, what the effected area is (beforehand). for me it is always important to correctly communicate mechanics with these kind of effects. Where should a player stand or not stand? there is no need, to do it mmo/moba style with clear circles or boxes beforehand, but you could still use things like: Dust and pebbles from the ground get sucked in or whirl around the center; small lightning zaps that cover the area; or already a very translucent sphere that also vanishes with the center before the impact.

All in all, your parts are looking better with every update. Looking forward to the see how it looks at the end of the month :star2:

2 Likes

Thank you for the Gyazo suggestion - I’ve been getting so annoyed with my current gif making method! Here is my effect looking swanky with its much higher res :slight_smile:

video

Also, I love the dissolve content you’ve provided, it looks so cool - I definitely want to dedicate some time to creating a dissolve that looks like that. For my effect I thought the “dissolve” would be it getting slurped back into the wormhole. I feel like the effect makes the most sense as like, a “leaky spacetime” sort of thing so I thought it coming back from whence it came made more sense than it dissolving. I hope that comes across in my effect here, but let me know if you have any thoughts!

I’ve been really appreciating everyone’s feedback, tips, and other helpful info. It’s been making this process a lot easier on me. <3

edit: gyazo peed its pants when I asked it to make a gif, so I’m not sure what the deal is, but I will say it has a nice capture and the video is good. If anyone has any advice as to why the gifs have a low framerate, let me know!

1 Like

Okay, we are nearing the finish line soon! I am worried about being able to polish my stuff enough. Here’s an update gif and also a link to a video because I don’t trust gifs anymore.

Okay update, this is my most recent progress:
Added a camera shake to explosion
Tweaked textures on slashes
Tweaked Smoke
Multiple mesh output for rocks

I’m actually not sure if I like this more than my previous one, if anyone has any final tweaks to suggest, I’m all ears! Something I kinda just gave up on was the orb lifting up off the ground, because it was too complicated with the timing of everything to add that to the original orb particle. And I’m not sure how to do it with a separate VFX graph. Suggestions welcome!

Hmmm what about using Fresnel to feather the edges of the sphere?

1 Like