- 28
- 6 723 429
t3ssel8r
Canada
Registrace 18. 10. 2020
weekend game dev
Crafting a Better Shader for Pixel Art Upscaling
In this episode, we explore a subject that was only tangentially related to my game project: rendering pixel art with anti-aliasing. Applications for this technique range from anti-aliasing for pixel-art textures in low-poly games like Minecraft, to games that primarily feature pixel art sprites in 3D environments, like Octopath Traveler. This video was submitted as an entry to the #SoME3 competition.
Check out some extra discussion of the topics covered here over on Patreon:
www.patreon.com/posts/83276362
Timestamps:
00:00 The aliasing problem
01:18 An existing solution
01:41 Background knowledge
02:49 First shader
03:42 Distortion
04:17 Box filter
06:07 The problem
07:12 The solution
08:31 Final shader
10:27 Transparency
11:24 Gameplay
Music:
lofi geek - give me
lofi geek - souls
lofi geek - real
lofi geek - two lifes
lofi geek - lights
Check out some extra discussion of the topics covered here over on Patreon:
www.patreon.com/posts/83276362
Timestamps:
00:00 The aliasing problem
01:18 An existing solution
01:41 Background knowledge
02:49 First shader
03:42 Distortion
04:17 Box filter
06:07 The problem
07:12 The solution
08:31 Final shader
10:27 Transparency
11:24 Gameplay
Music:
lofi geek - give me
lofi geek - souls
lofi geek - real
lofi geek - two lifes
lofi geek - lights
zhlédnutí: 140 215
Video
Giving Personality to Procedural Animations using Math
zhlédnutí 2,4MPřed rokem
It's been a while since the last video hasn't it? I've made quite a bit of progress since the last update, and since one of the things I worked on was some procedurally animated characters, I decided to make a video about the subject. In particular, this video highlights the entire process from initial motivation, to the technical design, technical analysis, and game design considerations. Code...
Designing a Better Aim Assist for 2D Games
zhlédnutí 324KPřed 2 lety
Now that the visual design and graphics pipeline are in a stable-ish state, I've been (slowly) working on gameplay design and tuning. One of the first things that I ran into was the problem of building a player-transparent aim assist that helps the player aim with an analog controller without wrestling fine control away from the player. I thought it was a sufficiently interesting subject, so I ...
Making an Animation for my 3D Pixel Art Game
zhlédnutí 1,4MPřed 2 lety
One of the benefits to making my pixel art game in a 3D game engine is the ability to very quickly build and iterate on animation assets. Among other things, it allows the player model and weapon models to be swapped very easily. Animating convincingly in this style is a little different from typical 3D game animations, but with some guidance and experimentation I think I found some techniques ...
Creating Particle Effects Without Particles
zhlédnutí 183KPřed 3 lety
The beginning area of my game is planned to be set in a forest environment, so I've been working on assets and effects for filling out that space. I took some time out of the dev schedule to record a little trick I've been using for particle effects that's been quite effective for me so far, and probably pretty applicable to other projects as well. Also seen in the video are some preliminary ch...
Fire/Rain/Grass Interaction System
zhlédnutí 70KPřed 3 lety
Date of Recording: 2021-04-02 Recently, I've been working on implementing dynamic systems within the game world that can be exploited for systemic gameplay possibilities. Demonstrated here is the interaction between an object on fire, the terrain system, and the rain system. Burnt grass is encoded in a render texture which is updated by flaming objects using an effect shader.
3D Pixel-Art Terrain Authoring
zhlédnutí 74KPřed 3 lety
Date of Recording: 2021-02-21 The tile-based aesthetic of pixel art games is difficult to capture using Unity's default terrain engine, which linearly interpolates a heightmap texture over a variably-subdivided quad. Instead, we opt to build a custom terrain mesh generator that treats the input heightmap as a low-resolution tile map, and translates it into a mesh using a marching-squares-based ...
Dynamic 3D Pixel Art Particle Lighting
zhlédnutí 153KPřed 3 lety
Date of Recording: 2021-01-30 Bit more work on lighting this week, including a sneak peek at the in-engine components. A quick and dirty light volume shader uses the existing depthnormals pass I'm rendering to compute some pixel-art appropriate approximation of deferred lighting without having to re-render any geometry the way Unity's default forward rendering pipeline does, allowing for a lot ...
God Rays in 3D Pixel Art Game Engine
zhlédnutí 90KPřed 3 lety
Date of Recording: 2021-01-23 Using the light-space shadow map of the sun, I can project some quads on the scene to compute sunbeams (god rays) with just some texture sampling, without the need to do any raycasting or raytracing. This effect can then be modulated by the camera angle, time of day, and rain density, to create some pretty nice atmospheric effects. Hard edges on the rays helps to p...
Pixel Art Shader Updates
zhlédnutí 69KPřed 3 lety
Date of Recording: 2021-01-22 It's been a while since the last update from before the holidays. Several things have been in the works, including a fairly involved procedural terrain generator that deserves its own explanation video some day. Here we are showing off the improvement to the main pixel art shader including light-aware edge coloration, and some procedural moss. Other new additions v...
Parallax Effect for 3D Pixel Art Engine
zhlédnutí 67KPřed 3 lety
Date of Recording: 2020-12-11 While an orthographic camera angled 30 degree downward is great for generating an isometric pixel-art effect, for scenes with a very large depth range (such as on top of a mountain), traditional 2D pixel art games often implement a fake parallax effect where background elements are scrolled more slowly than the foreground, sometimes on multiple layers. In a 3D game...
Pixel Art Rain Shader
zhlédnutí 38KPřed 3 lety
Date of Recording: 2020-11-30 Working on more environment systems, this time it's a rain effect. Selling the atmosphere of rain is a matter of layering together a bunch of individual effects: 1. streaks representing rain drops 2. splashes on all gently-sloped ground 3. spatter on the top edges of objects on screen 4. ripples in the water 5. mist blowing around the scene 6. randomized bobbing of...
Procedural Pixel Art Fire
zhlédnutí 38KPřed 3 lety
Date of Recording: 2020-11-23 This week, I worked on a procedural fire effect. It is a typical game-engine procedural particle-based fire (no Navier-Stokes fluid sim) rendered to a buffer and then post-processed onto the viewport with a color quantization shader. This method of rendering gives a pretty good balance between flame detail complexity and particle-system simplicity, allowing for thi...
Creating a Scene for my 3D Pixel Art Game
zhlédnutí 1,3MPřed 3 lety
Date of Recording: 2020-11-14 I took a bit of a break from the usual tech updates this week to record a making-of video detailing what it's like to create a scene from start to finish in the Unity-based pixel art game engine I've been developing. I found some neat modifier stack tricks in Blender for creating procedural, non-destructive details for rocks, stone bricks, and trees. This saves a l...
Wind Animations
zhlédnutí 29KPřed 3 lety
Date of Recording: 2020-11-09 I improved the tree rendering system somewhat. Normals, sprite placement, and shading have been updated for a hopefully more convincing look. I also turned the grass and leaf sprite sheets into animations, and animated in the shader via UV-offset based on position and time, resulting in a windy animation effect. There is a lot of room for improvement in the drawings.
Nighttime Dynamic Pixel Art Water Level
zhlédnutí 19KPřed 3 lety
Nighttime Dynamic Pixel Art Water Level
Cloud Shader with a Pixel Art Aesthetic
zhlédnutí 16KPřed 3 lety
Cloud Shader with a Pixel Art Aesthetic
Realtime Reflections in a 3D Pixel Art Scene
zhlédnutí 36KPřed 3 lety
Realtime Reflections in a 3D Pixel Art Scene
Nighttime Lighting in a Pixel Art Scene
zhlédnutí 23KPřed 3 lety
Nighttime Lighting in a Pixel Art Scene
Subpixel Camera for a 3D Pixel Art Game Engine
zhlédnutí 31KPřed 3 lety
Subpixel Camera for a 3D Pixel Art Game Engine
This is very good thank you for sharing!
I know it's an old video, but I was wondering why you chose to calculate T_crit and have adaptive timestepping instead of separating physics computation from render framerate. What made you choose that instead of computing physics in a separate thread at a fixed timestep - say 60fps?
Wow, the result looks so nice and cozy, the water is very eye catching too
Как добиться такого эффекта, используя 3D модель в blender ?
Looks amazing. How long did you take to be so good at Blender?
Hey looks great! How is the fps count when running all these lights?
How did you do this? The description is pretty general and I don't know what most of it means.
Is this specialist or methods level maths? Or is this kind of maths learned in science courses?
another great reminder that I have basically deleted half of high school algebra from my memory and I am not getting it back. Complex equations are basically unreadable to me compared to C-like code with comprehensive variable names that aren't just one or two letters. It's a miracle I ever made it as far as I have as a game developer and I really wish I didn't forget all my math despite busting my ass off to get it right in school.
I am really not sure if reaching such science to do a game should be... 🙄
Does anyone have any news about t3ssel8r ? I'm quitte worried at this point.
Last update in Patreon was Dec 24, 2023. Hoping for an update soon.
Creature Of Steel
I have a question. What if instead of plugging delta time (or difference between the frames) into the Euler's method we used a fixed delta time like for example 1/60 and that way we wouldn't need to worry about stability issues because it's independent of frame rate. I believe this is how most games work under the hood so that the frame rate can be whatever but the physics calculations are the same. Am I right or wrong?
I would love to have this lims and body animation for a Minecraft creeper..
Man, how did you learn these things, also not just learning, also becoming that good to teach other people. Well i learn math right now in college but i could not ever used them like you. Did you figure it out yourself? Or you just dive to the internet and search? Please help me i beg you!
what is the name of the graphic style without the pixels
Seems similar to PID controllers
would bo cool if these ran 12 frames a second 8 or even 6 frames a second? looks so kool
Probably no way you actually respond to this, but I've been spending the past two days trying to replicate what you did. I don't understand how you generated the grass at when you hit in play in unity over the green terrain, but not the cobblestone path. The only solutions to this problem involve using a second camera, then using that render to tell your script/shader where to instance the grass. Any hints as to how you do it? Anything at all would be a huge boon.
You sound like your a slave in someone’s dungeon when making the audio for this video lol
this video correlates a bit with PIDs, I'm trying to figure out a good and simple way to find perfect tune values but I'm having trouble with it.
Welp, time to spend the next week trying replicating this
dang bro what a legend! thanks. super interesting. super helpful super awesome.
Finally. 1:20 looks exactly like the game I'm envisioning in my mind. Idk if you still read comments here but can you tell me which engine you've used to build this?
Btw, if you change one letter at "math" you can also have ispiration to make animation using math
I like your funny words magic man
wake up babe, the newest t3ssel8r vid is about to drop!
This is helpful in other ways. This can be applied to microntroller control of robotics.
Would be interesting to approximate your target curve with a truncated Fourier series. You would also get an imperfect reproduction of your target curve. The ringing effect would also produce over and undershoot.
When is your damn game launching
is cascadeur better than blender for 3d animation?
Dang, that pixelated look is too good to be true. Nice video.
Is there a plugin or something I can use in Unity to use this tool? I'm having a hard time figuring out how to make a 3D pixel art map like this.
what’s used for animating this video ?
I think he uses Motion Canvas
Is your game wishlistable somewhere? I know solo dev is quite the endeavour, and it takes as long as it takes. I am so excited to play it though!
somebody call pixar
Can someone recommend a more detailed process on how to do this in godot??
First minuite in and im smiling at the little guy
Woah, love the art style of the turret.
Proud to say that I knew some of those words
coulda fooled me
Technical artists are the most terrifying kind of artist i know (compliment) This was very interesting, even as a non-dev. Thank you!
This why sometimes i like math and sometimes i didnt like math
I understood everything perfectly! No. No, I did not. I've wasted my life.
Looks like tuning a PID control system.
WAIT how did you go from 3d to pixel art look??? the art style just...changed?!?!?!
you are so inspiring! Very cool
Is the game already publish? What is the title of the game I want to play pls
Saving this, I'll be back in a year when I've studied enough to understand this fully.
I'm cooked.