Sig - Sketch#50

[Sig]

@noska

As for your opacity problem, aren’t you setting those holes in your alpha? If you still want the alpha to look like your texture but you don’t want holes, you can try the clamp node. Add it right after your last node (for the alpha) and see if setting the minimum clamp value to 0.5 will change anything.

Just tried that and it won’t do
Thing is I need the Dissolve Texture to send in the opacity values to so the borders get cut out by the Alpha Clip. If I Clamp, I lose the Opacity information and the cuts won’t happen

@noska

(Or, you could always do a custom alpha texture in a paint program where you take your texture and then add white where you want opacity.)

I’ll try one more thing (Torbach suggestion about Premultiplied Blending). If that doesn’t do, I might try making some kind of mask.

@noska

Also with smoke effects, I have been playing around and I noticed if you follow Gabriel Aguiar’s slash tutorial, you can repurpose the same shader for smoke if you make the mesh horizontal. It spins around and you can apply nice noise to it.

You mean this one here?

Unity VFX Graph - Sword Slash Tutorial

[noska]

Ah I’m sorry to hear the solutions haven’t been working so far. You could try lerping the texture with something else and see if there’s a nice middle ground with another noise. I found this extremely good noise pack for free (praise 1MAFX) and I’ve used it in (almost) every shader graph I’ve made so far. Link if interested: noise pack

Also yes, thats the tutorial. I’ll edit my post to show my recent update, but also here’s a snippet, it has smoke in it that is based off the shader that GA made. edit I posted the video on my sketch that shows the slash used as a smoke, so I took off the gif!

[Sig]

Hello hello!
I’m currently trying to implement a texture that will be spinning on the ground and I wanna have it being scrolled from the inside to the outside.

Something like that: Animated GIF - Find & Share on GIPHY
Shivanna (League of Legends)

As I was experimenting some textures, I stumbled on this issue:

[HELP] Unity Polar Coordinates vs Photoshop's

I have this Texture here: [TXTR_NoiseWind] And if I apply the Polar Coordinates in Photoshop, I will get this, which I like: [TXTR_NoiseWaveWindGround] But if sample this Texture on the Shader Graph and use the Polar Coordinates node on it, I get this: [image] Why is that? I like Photoshop’s result and wanted to scroll it from the center to the outside That’s how I wired things. Is it the way to go?

[noska]

I think that you can do a simple scroll over time but you can swirl the UVs of your actual mesh. Here is a link to sberke’s deviantart post where they show an interesting UV technique: Flower scroll 02 by Sberke on DeviantArt

But this is just one type of solution xD seems very hard for me.

[Torbach]

it is the same technique but the texture is panned side-ways as well as in/out for the vortex.

sig make your texture seamless like this

applied to a revolved plane → ring you get this

if you use a polar shader you get a vortex and wil enjoy spinning the shape

[Sig]

@Torbach

if you use a polar shader you get a vortex and wil enjoy spinning the shape

For this night I decided to experiment with Polar Coordinates.

Here is how I wired things up on the Shader

To be honest, I copied some of it from you, from one of yours Screenshots you sent here: Most common / Bread & Butter Shaders and Materials "techniques"? - #24 by Sig

@Torbach

I’m heading to bed now, but how would you go about making it rounded? I aim to project it on the ground using Horizontal Billboard, but no way I can leave it looking like a quad!

[Sig]

Ohhh it’s a pretty inteligent solution. For this night I experimented with Polar Coordinates, but will try this one too. It ocurred to me that, in this method, the smoothness of the roundness is dependent on the amount of geo, right?

@noska

I found this extremely good noise pack for free (praise 1MAFX) and I’ve used it in (almost) every shader graph I’ve made so far. Link if interested: noise pack

Oh my, I think I went past by this when I first read your reply! Thanks for sharing it

[Torbach]

you can

1. model a circle that is flat rather than revolved and use vertex color to feather it. provided you already use vertex color which is good for particles.
2. a texture of a ring/circle (not polar uv that) to make the whole thing a mask
3. more circle math objects which can be attached with sliders/variables to play with feathering and size etc

[Sig]

Tonight’s progress was:

Gyazo

Additions:

1. Shockwave
2. Energy spinning below the dome/on the floor
3. Marks on floor for after the sphere dissipates
4. Sparks flowing off the floor marks

I like the overall structure and the looks, but I feel there is plenty of room to make it better…specially when it comes to timing. For me it lacks that “snap”, that “kick” when it goes boom.

[Sig]

@Torbach

a texture of a ring/circle (not polar uv that) to make the whole thing a mask

I ended up going down this route and it worked nicely!

[Torbach]

For me it lacks that “snap”, that “kick” when it goes boom

mm yes that pop - to noddle that needs some classical animation timing on the initial burst

Jason Kyser has a very succinct video

anticipation without a buildup object is a touch tricky so here is a break down of its beat(s)

here slowed down - it’s pretty much a Flam, a double-wack intended to be the same effect that thickens the crunchy feel.

this is not a prescription for exactly how it works, that is you don’t need a big white ball with harsh edges, sometimes you can use rings and dark colors as well

some links from around the forums @GabrielAguiar

note @SrRubfish use of darks contrast & screen flash for the strike against the target

[Sig]

@Torbach

here slowed down - it’s pretty much a Flam , a double- wack intended to be the same effect that thickens the crunchy feel.

Oh my I never noticed it! I didn’t even know what a Flam is.(thanks for the illustrative video, it was key for my understanding)

I usually put things together thinking it if they go boom all at the same time, it would actually increase it the pop feel.

@Torbach

The Flam also happens in most of the effects here, right?

@Torbach

Jason Kyser has a very succinct video

I watched many videos of VFX Apprentice, including this one here and the rest of the playlist. I really like it!

I will watch it again because I might have let something slip by. Plus, I watched it right after I started messing around with VFX…meaning I might be able to get more of it now than when I first watched it

@Torbach

note @SrRubfish use of darks contrast & screen flash for the strike against the target

Hmmm yeah, it does increase the impact/pop. I like it, but, in my mind, I aim to make the effect as close as possible as it will be in the game (the imaginary game in my mind hahaha).
Is it really okay to go all in on these more “intrusive” effects, like big flash and contrasty stuff, camera shake…?

[Torbach]

The Flam also happens in most of the effects here, right?

it is
Gab has those shapes start as burst/dots bigger than the shockwaves at first - if you use Chrome “Gif scrubber” let’s you go through gif by right clicking. neat plugin

it’s an exaggeration of scope - the object seems bigger; like a supernova

• light hits first and overpowers the eye
• then colors compensated by your brain regain fidelity and you get the energy/shockwave after

like putting your hand in super hot water and you’re not sure if it’s cold at first.

here’s a crude mock contrast of shape and color

frankly I don’t think the bright yellow works, it’s too much but something to experiment with, having 2-4 frames of POP in the beginning might be what you are looking for.

[Sig]

Thanks for the breakdowns!

@Torbach

if you use Chrome “Gif scrubber” let’s you go through gif by right clicking. neat plugin

I straight out downloaded Gif Scrubber, pretty useful

@Torbach

I think I got it, dunno hehe

@Torbach

frankly I don’t think the bright yellow works, it’s too much but something to experiment with, having 2-4 frames of POP in the beginning might be what you are looking for.

I will try a hand made animation as a Re-Sketch.
If I put my hands on my pen tablet now, I’ll end up drawing the whole night hahaha.

Update:

Gyazo

Any tips on how to improve the Pop? Looking at the gif now…I feel I should make the sphere get to it’s full size a little bit sooner.

I think I got an ok Pop for now, but the Anticipation is…
Though I want to improve the Climax with some air/dust elements to exaggerate the rotation.

Do you have any clue on how to achieve similar results to these 3 Dust/Smoke Rings? Specially the 2 big ones.

[Torbach]

timing on the pop is good, what is hurting the effect is the clipping, you can try a lensflare object instead so it sorts over the ground,
or set the ground to have sorting / depth test check that places it on a priority like -1 behind your VFX

both of those rings have some tricks I can’t quite nail down from experience, but I have some ideas

smoke - 2 cone mesh

• soft cloud texture
• subtraction operates vertically to erode the texture as it pans up,
• i say subtraction first then multiplication with the output clamped to sharpen the shape into outlines while the top is also darker from the static reduction.

the one with angles i think is sawtooth shapes

• the panning is largely unified to rotate against the rotation of the mesh
• mesh is rotating with some UV stretching to get the shapes to pull fwd and back
• panning interference is offset with a small sin wave that caues 1 texture to undulate fwd and then back

but the exact method we need a better set of eye that has seen this before to break it down accurately

HA well there it is interesting! i get that now

[Sig]

@Torbach

what is hurting the effect is the clipping, you can try a lensflare object instead so it sorts over the ground,

By clipping you mean the hard edge the sphere is making in contact with the floor?

@Torbach

or set the ground to have sorting / depth test check that places it on a priority like -1 behind your VFX

That is something I’m completely unfamiliar with
Any directions?

[Sig]

@Torbach

HA well there it is interesting! i get that now

hahaha I wish I had this “AHA!” moment too. Instead I’m here like

[Torbach]

@Sig

That is something I’m completely unfamiliar with
Any directions?

well for sketches I don’t sweat TD needed for a real environment - ill just hack it cause it’s not for deploy

grey plane/unlit alpha (if needed drop the sorting -1)

[Sig]

@Torbach

well for sketches I don’t sweat TD needed for a real environment - ill just hack it cause it’s not for de

What do you mean? English isn’t my mother language >.<

[Torbach]

Unless necessary for portfolio, tackling sorting over geo effectively can cost a lot of time, not to mention it can be ad hoc (made for this 1 example)

VFX ability to sort in a game is largely a team effort; Many of our sketches are personal art… so in my opinion for time don’t try to behave like a comprehensive team.

-----unless sorting is a direct goal for the sketch and portfolio…sometimes optimization and comprehensive TD (technical direction) is part of the objective.

in your example the ability for a glow to go over the entire ground might be worth a quick trick rather than trying to work out a more optimal system.