Dive into your creative stream
Gamedev - Blog Posts
Avatar Frame part 1
Download More and Free:
https://bdragon1727.itch.io/
Magic Sowrd part 3
Download More and Free:
https://bdragon1727.itch.io/
Magic Weapon Part 2
Download More and Free:
https://bdragon1727.itch.io/
Mini Flag 16x16 Part 1
Download More and Free:
https://bdragon1727.itch.io/
Pixel Buttons
Download More and Free:
https://bdragon1727.itch.io/
Trap and Weapon
Download More and Free:
https://bdragon1727.itch.io/
Effect 64x64 V8
Download More and Free:
https://bdragon1727.itch.io/
Effect 64x64 V7
Download More and Free:
https://bdragon1727.itch.io/
Character Switching
So until this point, you could only play as Alice. But now you can play as the other six! Still need to work on their field abilities haha. I want one of them to do a ground pound move, but the animation I cooked up looks pretty bad... most of my animations look pretty bad tbh...
Wishlist -> as if I would give you the link to this game's Steam page that easily.
hmm, you really thought I would hide it here? Wouldn't that be way too simple...?
Explosives Cont.
Physics objects are really fun to play with! Another reason you should just make a 3D game with an isometric perspective instead of a pure 2D one. Not to say you couldn't do this in pure 2D...
Anyway, I guess this means I need to come up with a reason you'd find a ton of crates lying around. Maybe a warehouse level... and a quest to find a needle in a crate stack...?
⚠️TRADE OFFER ⚠️ i receive: a wishlist -> https://store.steampowered.com/app/3163190 you receive: an email on release!
Explosives
So I sorta like to develop by copying Zelda's homework. In this case, that means adding a bomb object. You can bomb jump with it, although not as crazy as the BOTW speedrun tech shenanigans lol.
I plan for the player to use this when they need MORE destructive power to proceed. I guess I should work on a breakable wall model.
You can wishlist this game on Steam! -> https://store.steampowered.com/app/3163190
Party Management
While you can do some light management in other places, this is a menu dedicated to tweaking your party. The design was inspired by Final Fantasy Tactics and it works for the most part haha. It's been a while since I posted! This game has a Steam page now which you can find here -> https://store.steampowered.com/app/3163190
Personalization
I dream of adding alternate character skins and whatnot, but that's a lot of work and I should focus on other things. So for now all you can change is the X-ray color.
Procedural Cyclic Slash
Get the code for this shader here -> https://godotshaders.com/shader/procedural-cyclic-slash/
This is a really jank shader, but it looks pretty nice when the values are just right. So that's what this post is for! I'll help you with understanding the uniforms and value setup and leave some general tips so you can experiment easily on your own.
Quick Setup
Here is a quick rundown on how to get something similar to the video above:
Create a MeshInstance3D node and set the mesh to QuadMesh
Apply the shader as a Material Override (GeometryInstance3D -> Geometry)
Set these values:
Animation.Derive_Progress = -1 Animation.Time_Scale = 0.25 Shape.Rotate_All = 285 Shape.Noise = - New NoiseTexture2D - - Width = 512 - - Height = 128 - - Seamless = True - - Noise = - - - New FastNoiseLite - - - - Noise_Type = Cellular - - - - Fractal.Gain = 4 - - - - Cellular.Distance_Function = Manhattan Shape.Width_Gradient_Mask = - New GradientTexture1D - - Gradient = - - - New Gradient - - - - Offsets: 0.2, 0.5, 0.52 - - - - Colors: #FFFFFF, #000000, #FFFFFF Shape.Length_Gradient_Mask = - New GradientTexture1D - - Gradient = - - - New Gradient - - - - Offsets: 0.25, 0.4, 0.6, 0.65, 0.7 - - - - Colors: #FFFFFF, #7F7F7F, #000000, #7F7F7F, #FFFFFF Shape.Highlight = - New GradientTexture1D - - Gradient = - - - New Gradient - - - - Offsets: 0.5, 0.52, 0.54 - - - - Colors: #000000, #FFFFFF, #000000 Coloring.Color_Lookup = - New GradientTexture1D - - Gradient = - - - New Gradient - - - - Offsets: 0.0, 0.1, 0.2 - - - - Colors: #BF40BF, #008080, #ADD8E6
Overview
This shader works by taking a noise texture and wrapping it around the center point of UV1. The curved noise texture is then masked twice to set its width and "length" and an additional texture is applied to add a highlight effect. The shader uses values of gray, a lookup texture, and UV.x to apply colours. Lastly, motion is created by shifting the UV sample of the original noise texture and running the combined grayscale texture through a smooth step function to determine its alpha. This is a text-based shader written in Godot's Shading Language. Sorry, I can't help you implement it in Unity or some other engine or software. --
Animation Uniforms
The Progress uniform sets what point in time the shader is in. This only works when the Derive Progress uniform is set to (0). You can pretty much use the progress uniform to scrub through the shader's animation. If you set the progress value in code or through an animation player, you can control the animation as you like. Derive Progress changes what drives the shader's animation. If set to (-1), TIME will progress the animation. If it animates too quickly, you can use Time Scale to speed it up or slow it down. If set to (1) the particle LIFETIME will progress the animation. This is useful if you plan to set this shader as the material of a particle in a GPUParticles3D or CPUParticles3D. Ease Progress gives you a bit of control over how the shader's animation progresses if you are driving it with TIME or LIFETIME. When set to (0) no easing will occur. (-1) Will ease in exponentially and (1) Will ease out exponentially, but if you have the chops you can tweak this by changing the functions in the shader code. Time Scale alters the speed of the animation when Derive Progress is set to (-1). Anim Rot Amt controls how much the shader rotates as it animates. Set it to (0) if you want the effect to remain in the same place instead of rotating around the center of UV1. This value is put through an easing function, so it doesn't adjust linearly. I personally, wouldn't try setting this to anything other than (0) or (1). --
Shape Uniforms
Zoom controls the size of the effect on the quad. The value is interpreted inversely, so setting a larger value will make it smaller. The effect will repeat if you set this value above (1). Rotate All lets you rotate the effect on the quad. Use degrees. Base Noise generates the main shape for this effect. You can use any type of noise and I encourage you to experiment. Just make sure it's seamless so you don't get any odd artifacts. By setting the noise to be wider than it is tall, you can stretch out the shapes it makes which I think better resembles a slash. Decreasing the dimensions of the noise can lead to bigger streak blobs and softer-looking shapes depending on the noise used. I'd look into this if you want a more stylized/cartoon-looking effect.
Width Gradient Mask masks the Base Noise in a way that controls the width of the final effect. Like Base Noise this will be wrapped around the center point of UV1 so I suggest using a GradientTexture1D. You can do some cool things here if you're willing to experiment (and possibly alter the code) just make sure this is set to a grayscale image. The way I wrote the math dictates that darker colours will be kept and light colours will clip, so use white to control what to cut out and black to control what to keep. A gradient that transitions from white to black back to white is a good place to start.
Length Gradient Mask masks the Base Noise in a way that controls the "length" of the final effect. This also controls how it animates sorta. I can't really explain it, but how this overlays the noise will alter how the smooth step function works... I think. White denotes the edges and Black the center. If you use a gradient here, moving the white values closer to the center can help with shaping. I also suggest using gray so you can better shape the length of the effect.
Highlight is overlayed on the effect. like everything else, it is wrapped around the center point of UV1. A thin white stripe works best. Unlike the other textures this one is played straight, so black won't appear and white will. Moving the white stripe closer to the right edge of the gradient will move the highlight effect to the outside of the slash, left will move it inside. I like to set it so it's a bit closer to the right so it appears on the outer edge. If you don't want a highlight at all leave this uniform empty. --
Coloring Uniforms
Emission Strength controls how much it glows. If it doesn't glow in the editor, add a world environment node and enable glow, you will also need this in your game scenes fyi. Mix Strength controls how much the Color Lookup is applied to the effect. If Color Lookup is applied, decreasing this value will give a darker appearance. At (0), the effect (excluding the highlight) will appear black. You can add extra glow by increasing this above (1).
Color Lookup is used to color the effect. I think I screwed up the math, so just ensure the colors you want the shader to sample from are close to the left side of what you set here. Three colors is pretty nice, I like to put darker colors closer to the left side and lighter ones to the right. --
Final Notes
Sorry for this lengthy post. I've had issues before where a shader I found on GodotShaders was a bit obtuse and I didn't want others to run into that with this one. I've spent quite some time trying to figure this out but I still feel this is a pretty meh effect. I think I need to look into how people animate shaders using a static image and clipping/stepping/smooth stepping it. If you have any good resources for shaders I'd be interested to hear about them. I'd prefer not to get any articles about visual or node-based shaders since I keep fumbling how to convert some nodes into functions or what sorta math is going on, but at this rate, I'll take whatever I can get lol. Hopefully, this shader saves you some time or teaches you something new! If you have any questions (and I can answer them) don't hesitate to ask. However, I'd prefer if you contacted me on Discord. I'm in Godot Café, Godot Engine, and the Godot Effects and Shaders discord servers as (@)Aiwi.
Options Menu
The coolest thing this menu has is keybinding. I need to tweak it a bit so that the user has to specify that they want to apply changes rather than instantly updating the game settings
NPC Reactivity
It's a small thing, but I added this system so that other game objects can pull the attention of NPCs nearby so that it seems like they are reacting to what the player or environment does. I really need to look into drawing more sprites, all my game characters have so little in terms of expression. It's a bit sad...
New Frame Plus (on Youtube) has a series called The Animation of Final Fantasy. It is a really good look at the importance of animation and its impact on storytelling. I plan to use whatever I can from the series to guide how I animate and express my game visually. I don't know if on my own I'll even scratch the multitude of means by which Square Enix did the impossible, but I like to dream.
Dialogue and Camera
So this is really basic but also really cool. Once you get displaying text sorted, a cool feature you should add to your dialogue system is the ability for it to move the camera around, with good application I think you can get really cinematic with it haha. In-game cutscenes are kinda crazy now that I think about it. I wonder if there are any resources diving into how studios tackle making them. I need to hit up the GDC vault lol.
Plaintext parser
So my dialogue scripts used to be JSON since the initial tutorials and resources I found suggested it. For some reason, I thought writing my own Yarnspinner-like system would be better, so I did that. Now my dialogue scripts are written as plain text. The tool in the video above lets me write and see changes in the actual game UI. All in all it's incredibly jank.
I've been loving seeing your dev updates! I'm really excited to buy it when it comes out. I'm also up to playtest if you want a playtester.
Thanks! I'd love to have more playtesters. If you're interested I have a channel on my discord server dedicated to it, although I need to update the build again haha. Right now, I have a tutorial area and a quarter of a dungeon available to go through but I hope to add another wip dungeon and some other small things before November (hopefully) and see if my testers find anything I should address.
Stacking
Very useful feature, totally not a pain to work with due to the submenus needed to select what you're acting on and then select what you're doing... I plan to make this a gimmick in at least one dungeon but maybe I should look into streamlining the process before that haha.
Busting
Don't mind me, just bustin' up some crates.
Tossing
I really want to use this feature for puzzles, but I can't think of a good one lol. Maybe I'll just make objects that do something when you yeet them.
Shenanigans
I decided to instantiate and drop ~99 RigidBodies to see what would happen. The game had zero problems until I tried to interact with one of the boxes and my interaction system got fussy. Now that I think about it, I need to repeat this very important experiment with my bomb object...
Journal UI
Started implementing another important menu. This one gives you and overview of all your quests and lets you lightly manage them. I plan to also put a 'database' feature in so you can come back to important information/lore you've encountered previously.