- 28
- 6 665 387
t3ssel8r
Canada
Приєднався 18 жов 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
Переглядів: 137 596
Відео
Giving Personality to Procedural Animations using Math
Переглядів 2,4 млнРік тому
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
Переглядів 322 тис.2 роки тому
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
Переглядів 1,4 млн2 роки тому
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
Переглядів 182 тис.3 роки тому
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
Переглядів 69 тис.3 роки тому
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
Переглядів 73 тис.3 роки тому
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
Переглядів 152 тис.3 роки тому
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
Переглядів 89 тис.3 роки тому
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
Переглядів 68 тис.3 роки тому
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
Переглядів 66 тис.3 роки тому
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
Переглядів 37 тис.3 роки тому
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
Переглядів 37 тис.3 роки тому
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
Переглядів 1,2 млн3 роки тому
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
Переглядів 29 тис.3 роки тому
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
Переглядів 19 тис.3 роки тому
Nighttime Dynamic Pixel Art Water Level
Cloud Shader with a Pixel Art Aesthetic
Переглядів 16 тис.3 роки тому
Cloud Shader with a Pixel Art Aesthetic
Realtime Reflections in a 3D Pixel Art Scene
Переглядів 36 тис.3 роки тому
Realtime Reflections in a 3D Pixel Art Scene
Nighttime Lighting in a Pixel Art Scene
Переглядів 23 тис.3 роки тому
Nighttime Lighting in a Pixel Art Scene
Subpixel Camera for a 3D Pixel Art Game Engine
Переглядів 31 тис.3 роки тому
Subpixel Camera for a 3D Pixel Art Game Engine
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.
?
I love this art style and your animations. this is so inspiring, one day i might have enough practice and experience to do this well.
is there any alternative for after effect
1:08 wouldn't a regular aa method fix this issue?
What animation software is this?
Someone explain me how to know when to stop solving a equation so that it can be written in a program
Wow, this looks stunning. Love it!
10:44 i look away for a second, next thing i see there are matrices on my screen and my AP maths class comes back to me
I’m a soon to graduate highschool senior who’s going into game dev for university, and I’m only now realizing that calculus actually matters in the real world for me😂
newbie Dev: 🤯🤯
imagine being 3blue1brown
This is so valuable, how we should actually be thought stuff.
prbably my favorite art style for any game
man this is so useless without any expalation of the pixel-art effect
This is a developers wet dream
brother I FEEL the 60 fps of this video good job