Switching From Pixel Art to Hand Drawn Sprites - Indie Roguelike Game Devlog #2
HTML-код
- Опубликовано: 6 сен 2024
- Jumping headfirst into game development using Unity and C#. Everything shown in this video is subject to change, and most likely will by the time this game is finished, if it is ever finished.
Thanks for watching :)
#indiegame #devlog #gamedevelopment
![[TUTORIAL] How to turn DRAWINGS into GAME ART](/img/1.gif)
The hand drawn style is a huge improvement! Pixel art can look good, but in my opinion, hand drawn has a much broader appeal. Your game really reminds me of Binding of Isaac - one of my all time favourites. Looking forward to seeing how you develop it :)
I'm digital artist and now I'm improving my animation skills, and music composition for games....If you want some help I have some free time to make a contribution if U need some help on your project
@@zeta_cubei,m also studying music composition together art study
I vastly prefer the hand-drawn art. Looks great!!
i agree it looks best if it looks more like its made on paper like cuphead and sonic freedom
Try tunche guys
Well this was a surprise recommendation from youtube :)
i totally dig the new sprite style. it looks super smooth and i totally love the animations.
The humanoid Rats look so good running around. The walking animation of the frog feels a bit off though - i guess its something with crossing the legs when walking. - IMHO.
But the idle Animation of the Frog is - again - so smooth and satisfying.
Also props for using Krita. Best OSS alternative to Photoshop :)
Cant wait for more updates, this was really fun. thanks :)
very true. The legs should alternate at least. Also a key feature of frogs is missing: webbed and large feet
Great devlog. The new sprites look fantastic. Very nice work! 👍✌
Glad you like them!
For curving all you need is a side movement. You've got vector pointing current direction, you'll need to find perpendicular, and add it to the movement (you can increase it to curve more, make it wavey etc.). As long you've got your original direction vector you can do a lot of stuff
The hand-drawn style looks really nice. Animations really shine in this state
the presentation of your devlog is perfect! 10-15 minutes is like the perfect time and everything you showed was really interesting and enjoyable. usually i prefer pixel art over hand drawn art but i much preferred the hand drawn in your case! it looks very clean and aesthetically pleasing so keep up the great work!!! (also frogs are one of my favorite animals so that’s awesome you changed the main character!)
The handdrawn style is very cute! Also, fun audio editing
You didn’t lose your mind, the reason why the old rat design didn’t look right was because the art style was conflicting with the frog. It is more cohesive this way as the old rats would have been more Don’t Starve esqu while your style here is like a child’s cartoon or something which honestly matches the silliness of a frog shooting bubbles to kill sickly rats
The hand drawn sprites look great and I think you did a great job with the video edit! Looking forward to future updates!
I litterally just thought about whether I should switch to hand drawn and seeing this video has helped me come to a deicsion, thanks!
The original frog was so pixelated that I thought it was a cat
Very nice! You're making some quick game development mindset progress! It takes a bold instinc or a lot of experience to be able to make the abrupt decision to switch artstyles after you feel like you've done so much progress, but it is the right move for sure. Love the frog and keep it up doing what you feel is more fun for you and the game itself!
P.S. To get the spider projectiles to curve, if you're using a movement script for the projectiles, you could do quite a lot of options:
1. Rotate the projectile over its lifetime (dangerous in open spaces or if you rotate it too fast! It can come back around)
2. Keep the spawn position in a variable and, on top of applying the forward movement to the projectile itself, apply a sidewards movement perpendicular to the vector from the projectile to the variable. You can then decide if you want to normalise the speed of the projectile itself by adding the forward movement vector and the side movement vector and normalising that one or if you prefer to keep the forward movement constant. With this technique, you can also do some fancy tricks like increasing the side movement speed depening on how far from the spawn position it is to get more interesting trajectories.
The RUclips algorithm did a great job, your dev logs are pretty good, keep doing those nice videos.
Maybe consider giving the dash/bubble attacks a bit more visual flare, player feedback and making sure the player really understands/feels their actions is very important.
Anyways, love this so far and can’t I wait to see more.
KRITA SQUAD RISE UP XD
I personally am a big fan the hand-drawn style (I'm a little biased since that's the route I took too lol); I like how bouncy everything is
Also, I'm a bit sad that the Lovecraftian boi didn't make the cut with your aesthetic choice, but 'tis all apart of the game dev process I suppose
Looking great so far!
Is looking really nice
Love the change from pixel to hand-drawn!
Here are a few thoughts to make the theme consistent:
1. The frog could fire frog spawn instead of bubbles. This could introduce a regeneration mechanic to 'lay more eggs'.
2. Change the setting from a forest to a sewer; you already have rats and spiders and it fits with the dark aesthetic you have at the moment.
3. The frog could jump/hop instead of a dash, which is overplayed in these games. This could present some interesting mechanics with terrain later, pipes, gaps, etc.
Been having this same debate myself lately. Great to see someone else's solution and that it is working out for you. I agree with a lot of the comments here. The new art looks great!
I'm loving how the art style is now! Also, I think the spider could shoot cobwebs or something like a poisonous fang.
Frogs have unique eyes, the new rats have froglike eyes - perhaps googly eyes that roll around
Excellent video/work!
I personally would love the DASH visual trail effect to be even more exaggerated.
I didn’t notice it until you pointed it out.
I like the style you're developing! I'm looking forward to following your progress.
Reminded me a bit of Demontower from Night in the Woods with the cat sprite c: love the pace of you devlogs, keep it up.
Curving the projectiles will require a bit of trig, no matter how you do it. You can either change their location offset from the launch point, or modify each's individual trajectory. I recommend just changing their absolute location due to simplicity and better control. First, determine the angle each will fire at - (360 degrees / 15 projectiles = 24 degrees) aka first projectile = 0 deg, 2nd = 24 deg, 3rd = 48 deg, etc. When the character fires, save the enemy's X and Y position as the launch point. For each projectile, you can get the offset (X position by the cosine and Y position by the sine of that projectile's angle). Multiple those results by the distance the projectile has travelled, the add the resulting X and Y to the launch point X and Y and you have the new absolute positions for each projectile. Then simply increase the distance and change the angle each loop. You may have to convert the angle from degrees to radians before plugging it into the sine/cosine functions.
This game looks so cool! I think a UI damage indicator showing the health of the current enemy would be great. Keep it up!!
After the change, cat converted to frog :O. Amazing!!
I like the change in art style for the game, it looks quite nice. I think you should add shadows, especially for the items, as they look like there just moving north and south rather than up and down. All together though. I'd say you've got a good looking project thus far.
To get the Projectiles to curve, you could create an expanding circle on which the projectiles fly. If you want the velocity to stay the same you would have to adjust the rpm of the projectiles to fit the circles circumference.
your art is so beautiful. 😍😍😍
I have not even watched the video yet but I am 100% here for it.
also comment and something about youtube algo.
For curving the bullets for the spider: A very flexible way of doing it would be to have the bullet simply follow a spline. There is a brand new spline tool in unity that could be used for this. If you are on an older version of unity then there are several great free assets on the asset store you can use. So when you spawn the bullet, you choose which direction it should go in, but you don' actually move forwards. You let the bullet itself control that using some sort of speed value that you can feed it if you wish. It will then travel along the spline and curve in any which way you like. You can make all sorts of wierd loops and runs if you wan to, or just have a very nice and easy curve to it. Loads of personality in the bullets!
Other ways of doing it would be through code where you have to write the curve functions themselves. Seems very difficult to get the result you want going it that way though, but its very poosible and might be a little less upfront work. This approach will probably not scale that well if your curving needs grow quite complex.
I'll check it out thanks
Really enjoyed your content! Looking forward to seeing your future progress.
(The new designs look great btw)
This looks cool!
Personally I really love switch from pixel art to the new style.
Orbiter sprite looked really cute though! I wish you consider adding a little bit of lovecraftian feel the deeper you go
Wow! It's really hard to believe that someone is able to produce that kind of sprites with no prior experience in art, great job! New style looks really cool.
i do have a little bit of graphic design experience, but not any development experience
since i seen you have a good artstyle on handmade assets and also a good workflow to deal with animations on it over unity, have nothing to say agains´t it. is a good change to your game i think.
go ahead and keep uo the good work my mate!
Looks dope, looking forward to following your journey. Maybe consider making the sprites a tad less bouncy especially when they are moving cause it’s a bit overwhelming.
This guy has pontential to be one of the bigger developers on youtube.
haha not sure about that, but I appreciate it!
Wow I can't believe how few subscribers you have! Good job. Maybe consider selling some of the assets you make that you don't plan to use on the unity shop :D
Frogs seem to be popular lately so you might of made the right choice. I think the frog looks cool
didnt expect to laugh as much as i am looking at these animations and designs. good stuff! :D
I prefer your 2d art vs the pixel art. Looks great!
I love devlogs because it promotes small channels, amazing video
This Devlog is so well done, I was baffled to see how little likes it has. I thought this was some sort of super well-known gamedev channel! Keep up the amazing work, hope more people discover your stuff
Thanks!
Loved the devlog and the new art style! 👍😄
it seems both you and I have been blessed by the youtube algorithm. Great vid and congrats on the new subs!
For curving projectiles you could use Bézier curves, or just have the projectile motion be exponential instead of linear. Not entirely sure how to implement it but wanted to throw some ideas into the ring
Curving projectiles: what you first should look up is calculating a point that moves around on a circle - around the shooter. Once you know that part, the projectile is just such a point on a circle with an increasing radius. (position angle and radius calculate the new position each frame).
I love how you present and explain your ideas in your devlog. I should apply some of your style into my own devlogs. Wish you best, the game looks promising. My advice is to not over think it, keep it simple and most of all keep having fun out of it ;-)
Really like your enemy design style. Very elegant and minimalist. Spider is neat!
Workflow wise, i wouldn't include color in animations. At one point you might wanna change the hit feedback (like speeding up the coloration to have more Impact on hit). Changing one common scripted tween would take 2s instead of redoing X get hit animations.
Thanks for the tip, I was also thinking a white flash might be better but you can't recolor a sprite easily, may need to look at shaders
@@Greedable Common tip is to create a material that use the built in Text shader, which allow to make sprite white. It's a bit of a hack but I use it in production ^^
Agreed your hand drawn skills are great! Keep the dev log up these were fun to watch
always nice to find a new devlog series to follow :)
*As an option, you can use a gem in the coat to indicate dash ability CD **_(by changing color)_*
Good luck with project!
oooh that's an interesting idea thanks
The hand drawn sprites look great! I am interested where this project is going. Keep up the great work!
This looks very promising. I like your art style change as it gives the game a more personal feel.
You just earned yourself a new subscriber!
You might also want to dye the enemy projectiles in a similiar color. That way the players won't be overwhelmed when different kinds of enemies fire differently colored projectiles at them.
Nonetheless: I'm looking forward to future videos!
The spider critter is really nice, and the animation makes it have some character, making it seem really creepy. Its awesome.
And I don't mean to be that guy, but spiders have 8 legs. Currently its more like some kind of weird ant >_
I like the artstyle and the FROG CHARACTER. If you want to make your items pop, I'd suggest adding a shadow below I guess? to make it seems like it's floating.
How to do that curve thingy:
I don't exactly know how the "curving behaviour"(it's called homing i think) of projectiles should work but you could maybe first select the certain projectiles which are near the player by collision detection to do "homing" behaviour so that performance could be good ( if it beomces necessarry that is) so, how homing works in my mind is that projectiles just "movetowards" the player but they can only move with certain limited amount of rotation to not make them like go straight to player and we don't want them to stay there forever and follow player so we can delete them after certain time or like i said previously they only act within certain range of player
The title made me think that this was about a game that somehow revolves around switching from pixel art to hand drawn, like through a core mechanic.
Maybe that'd actually be a cool idea but idk how you'd actually put that concept to work
You can move the spider webs just a little bit in the direction of the player on every tick, so it will have a nice curve effect.
Love the handdrawn art style but i feel like movement is a bit bouncy, like when avoiding enemy projectiles players wouldn't know where the hitbox is and makes it a bit more clunky. Just un-bob it a bit and it will be stunning .
Or in gameplay you could do the things that bullet hells do where only if the sprite is hit in the little circle in the middle (could be an amulet on the cape) will the creature take damage and that way you could have more fun with enemy attack patterns without feeling like your compromising gameplay and not have to be limited by designing a smaller sprite
I think good pixel art looks infinitely better than even the best svg graphics, but you have to be a genius to make good pixel art, so specific and minute it's basically a science and even if you can it'd take 20x longer than just making svg art.
Great video! Love the hand drawn sprites. Can't wait to see more!
Nice work! This looks like a really fun start. I find when I'm doing development that I like to take a different approach. I prefer to get the underlying code taken care of before I dive into perfecting the presentation. Otherwise I tend to get stuck in iteration-hell where I just keep tweaking what everything looks like w/o making progress on the underlying mechanics.
I love pixel art... my favourite is probably Metal Slug. A more recent game with great pixel art is called Eastward. With that said, I love your art change. I especially loved the large views we saw of your various characters as they animated in Unity. I guess it doesn't fit with your game, but I almost want your characters to be larger on the screen in game, and to have more animations, as I feel like you really excel at that.
Great video and fantastic project, I'm working on a roguelike myself, and planning on learning a lot from your techniques!! good luck with your project!
I love the hand drawn look, its an amazing job you done =)
Super cool I love the bounce of your animation!
I love this change! I came across this video because I'm thinking of making the same change from pixel to hand drawn in my own game and this was very encouraging! What resolution are your images done in?
You man I really like game development videos and how people make their game and I am really interested to see you too make your own game
Til next video
Entertaining and inspiring video by the way
This showed up in my feed, so I don't know the context, but this is a great improvement. Maybe I'm just burnt out on indie pixel art. I prefer the non-humanoid rat though.
I have this story that you can use as inspiration.
Two 4-dimensional cycles ago, the gods of nature fell asleep due to an event known as the eclipse. Leaving all his creations at the mercy of the dark resonance, which corrupts and distorts everything it touches, causing the mother frog of a village to dream of a prophecy of the end of the tribes .
Taking her on a journey through the corrupted forest to reach the resounding tree and defeat the corruption, to awaken the gods again, for prosperity to return.
Hand drawn is very cool and underrated man. it would be nice if they also have side view tho.
Great video ! Changing the art style was a really good idea to make your game stand out. I have to say that some parts of the devlog like the intro and the octopus are really slow and break the rhythm of the video. Otherwise I love the content and the game, keep it on !
I would change the Dash, to be a jump. It makes more sense - you can jump over your enemies instead of clipping through them. Also frogs jump but don't run so.
I would just have an animation that makes it look like it jumped, no need to change how it works.
The hover and light of item was good touch
froggy guy gives me paper mario vibes. like it!!
edit: both rats absolutely terrify me
Nice work! I do the same type of animation :D
You should look at how the old Dragon Quest designed their enemies, a nice combination of charm and menace
One more thought is to apply an animation curve or lerping to your dash. So that it is not a constant speed from start to finish . But maybe accelerates in, moves fast, and then slows to a stop.
I'm a beginner using unity and enjoyed your videos. Keep it!
The characters and animations are great! Keep it up bro
very good decision
you're actually a good artist
Hahaha Those rats shooting out their groin.
Nice job on the hand drawn sprites man.
You could make the spider projectiles not all come out at the exact same time (delays in the miliseconds, noticeable esthetically but not changing the attack) bc a living organic spider that shoots out projectiles wouldn't shoot them out at the exact same time. I think it will add life to the game
To have them curve you could make the projectiles continuously rotate to their right
This looks really cool, I feel you made the right decision
art style looks neat i like it :)
Ok so for the curving projectiles, you could have them moving at a constant speed in the forward vector, and then just rotate them around their center point.
Im not sure if this is an optimal solution but it should do the trick.
Nice stuff man
Tip for you: either make the rat's loincloth wide or get rid of it.
Having a small dangly bit, especially on small image...yeah you don't want that.
Good work all around!
Ohhhhh yeah I'll fix
Multiple ways to achieve bullet curving. In this case since it is radiating from enemy in all directions you could parent all the bullets of a wave to an object and then Lerp the parent's rotation. You could also make the each individual bullet always go towards the vector it faces and then lerp the rotation of the bullet itself. Finally the "proper" way to do it are probably Quadratic Bezier Curves but bleh math... Good luck.
thanks for the tips!
For curving the bullets :
idk how you move them but in my game I move them in the direction of the right direction Aka the red axis of the bullet (rb.velocity=gameobject.right* speed); so all I need to do is to rotate the bullet slowly over time like this (transform.Rotate ( Vector3.forward * ( RotationSpeed * Time.deltaTime ) ))
Awesome stuff I love the art style now and how about "Dim-Lit Forest" for the name
Normally I prefer pixel art but in that case the hand drawn is way better :) It's so charming and cute
I recommend aprons that also cover torso on rats
Yes you may be right about Orbiter enemy, but you can put him in some secret room as miniboss enemy, that would make sense to hide lovecraftian entity is some ancient secret room, make game more interesting and your effort for drawing it will not be for nothing.
Looks really good, can't wait for the full game, or beta!
5:48 really made me laugh so hard
Hand drawn style is a definite improvement.