- Видео 8
- Просмотров 866 678
Jordan West
Австралия
Добавлен 31 дек 2008
Pointers, visually explained | Code Words
Pointers can be pretty challenging to get your head around. But even if you never use them, understanding the layers below high level code can help you write more reliable and efficient software.
This video is aiming to give you a conceptual overview of pointers, so some specific details have been simplified here.
0:00 Intro
0:23 Values
0:49 References
1:54 Memory
2:42 Stack and Heap
3:14 Allocating memory
4:33 Memory safety
6:00 Arrays
6:32 Linked lists
8:35 Pointer sizes
10:07 Outro
If you want to explore deeper, here are some great resources to learn more:
- Pointer syntax: www.programiz.com/c-programming/c-pointers
- 4hr FreeCodeCamp course on pointers: ruclips.net/video/zuegQmMdy8M/видео.html
- Free...
This video is aiming to give you a conceptual overview of pointers, so some specific details have been simplified here.
0:00 Intro
0:23 Values
0:49 References
1:54 Memory
2:42 Stack and Heap
3:14 Allocating memory
4:33 Memory safety
6:00 Arrays
6:32 Linked lists
8:35 Pointer sizes
10:07 Outro
If you want to explore deeper, here are some great resources to learn more:
- Pointer syntax: www.programiz.com/c-programming/c-pointers
- 4hr FreeCodeCamp course on pointers: ruclips.net/video/zuegQmMdy8M/видео.html
- Free...
Просмотров: 4 573
Видео
Immutability, visually explained | Code Words
Просмотров 12 тыс.2 года назад
Immutable is one of those coding terms that can be really daunting the first time you hear it. This video breaks down immutability visually, explains what it is and why it might be useful. This is the first in what I'm hoping will be a series on software concepts explained visually, rather than with code. 0:00 Intro 0:14 Definition 1:10 Purity 2:02 Time travel & Undo 2:57 Parallel processing 5:...
How Isometric Coordinates Work in 2D games
Просмотров 816 тыс.3 года назад
Isometric games often use hand-drawn 2D sprites to add depth to a game without having to deal with full 3D rendering. In this video, I cover how it works, the math you need to render isometric sprites on the screen, and how to find the isometric tile from a screen coordinate. 0:00 Intro 0:21 Orthographic projection 1:16 Tiling a sprite 1:40 Transforming tile coordinate to screen 2:55 Accounting...
Real-time 2D shadows with WebGL
Просмотров 14 тыс.4 года назад
Lighting and shadows can add a lot of depth to 2D rendering. This tutorial will show you a simple approach to the math and shaders I used to generate shadows in WebGL. Links Source code github.com/jordwest/2d-shadows-video twgl.js twgljs.org/ 2D Visibility by Red Blob Games www.redblobgames.com/articles/visibility/ WebGL Fundamentals webglfundamentals.org/ Godot game engine godotengine.org/
UQ Mechatronics Team Project 2 - METR3800 (2011)
Просмотров 1,1 тыс.12 лет назад
Soccer robots! Well, single player soccer. At least... the robots think it's single player.
UQ and St Lucia at flood peak - 2011 Brisbane Floods
Просмотров 17 тыс.13 лет назад
This is the University of Queensland in St Lucia just after the flood waters began receding from a peak of 4.46 metres. Most of the classrooms and buildings are fine, but it looks like a lot of research was damaged.
UQ METR2800 Team Project - 2008
Просмотров 1,1 тыс.14 лет назад
A satellite that shoots lasers. Our second year mechatronic engineering projects. The satellite needed to detect an infrared light source (above the targets) and fire a laser at the bullseye. We designed built the entire thing from scratch, starting with only the can.
Yozakura - Night Cherry Blossoms
Просмотров 85515 лет назад
Music: Viba - In the Orchard Lies a Secret asianvariations.com/bonsai.html
I have a fascination with isometric too.
how did you do the wavy thing at the end? i cant figure it out. also, the mouse interaction works only with a isometric plane, and doesn't work with walls of cubes, for example. how to fix that?
how to include the z axis in the calculation?
Any freelance programmers out there who are interested in working on an independent project? PAID WORK of course. I don't know how else to go about this anymore, but I already have ~3gb of assets (music, sound, graphics--most of which I've created myself) which could easily be utilized. Any leads on or from someone who's serious about completing an independent project would be great to encounter!
I have finding a way to imaging the tesseract (hypercube) by rotating the phone. It's easier to do with isometric view. So also can you! The method is simple. You rotate the video so the skewed lines of the isometric map becomes straight and the straight lines skewed. then imagine that flat surfaces (such as walls, windows and doors) are the texture of the outside of the room, which is now a solid block, and 3d objects (shelves, tables and person) are inside the block. With little imagination and fantasy, the 4d space is now understandable! By the way, good video!
You F******* rock!
hello, can someone tell how 2d isometric collision work
i feel like a monkey when i check your video xD
Amazing video!
2"35 can someone explain to me? isnt 3/1 is the coordinates already? i dont really understand whats happening in this part :V or are the grid coordinate =/= screen coordinates? idk, its very confusing to me ~~
This is great! Thanks :)
DAY-TA!
thats great, thx did u have telegram ch?
This is my new favorite channel
the steps gone through to me finding this video were incredible: begins with me trying out a Minecraft mod called hexcasting which is a computer science based magic mod which literally asks you to watch three blue one brown's vector video to understand the mod and now yt recommends this to me :D
Yeah, never realized that 3d techniques can apply right off the bat. I remember building some isometric based grids (with a cursor) for some school project, but i found the formula by simple trial and error (and observation). It did work. But the inverse 3d transform is so much more elegant.
this one of my favorite videos of all time. It combines everything I love into one video. Applauds to you jordan! 👏 👏
This is quite literally one of the most helpful "visual" videos on programming that I have ever watched, holy crap
This was really cool to watch. Mechatronics in our college is well known to be notoriously hard so many avoid it like the plague, but this 13 year old video might have just convinced me to try and see the possibility of doing it for my capstone.
I only understood about half of this video but it's already answered a lot of questions I had about 2.5D games.
why dont we do x 2 instead of /2. What would happen to the map and to the visualization. I think 1 by 2 was some kind of solution in some other video, unless if I miss understood something
Technically not "iso"metric since it's all pixel-friendly integer ratios, but an otherwise extremely good explanation of the implementation for laymen. Cheers!
In Australia, we say maths, not math.
Even a year later, these videos are helping programmers like me to this day.
I watched this awhile ago and asked how the matrix multiplication worked, but I soon after deleted that comment because I decided to just look it up, since this is the internet and that's a thing So now I love matrix multiplication, now that I know how you read it and multiply with it. It's such a neat and simple little way to write a system of equations and I love that So thanks for getting me interested in learning more math Also great tutorial, love the helpful animations and diagrams. I'm planning on using the isometric style in my next pico-8 game
Madness
Thanks for the video, very great stuff!
Graphic card technology
Dude, your visually explained video is great Hope u still do something like that
this is a masterpiece. I love sprites!!!!
Is it me or did you kind of gloss over the screen to grid transformation?
I liked this video that it inspired me to make the same wave as yours. I used the Unity engine to build this and made a video showing how it works. I would be glad if you watch it. Thanks a lot for your content.⚡
Now I understand why copy functions must exist for lists. Thanks!
would it be possible to add a depth effect like this? : the top of the screen would have a horizontal zone in which the height of the perspective would be modified (reduced, flattened) for example half as high. Then, the screen would have different horizontal zones in which the height of this perspective would be modified, until the last horizontal zone located at the very bottom of the screen, which would have the characteristic of the height as you did here in your example, i.e. a "normal" height of isometric perspective. This would add a depth effect! there could for example be 6 horizontal zone which would separate the screen to gradually modify the height of the perspective. We could then also modify the width of the boxes in the top band. This would have an effect of increasing the effect of perspective.
really good vidéo :D fun to see each result !!!
I've been struggling the whole week and only found this video now. Thank you !
If anyone wants to know how to convert a screen position to the isometric tile position without the complicated matrix stuff, use this: x = (screen.x * 0.5) + (screen.y * -1) y = (screen.x * 0.5) + (screen.y) If you want to snap it to the tile grid, then use: x = (screen.x * 0.5) + (screen.y * -1) x = (round(x/(tile width*0.5))*(tile width*0.5)) y = (screen.x * 0.5) + (screen.y) y = (round(y/(tile width*0.5))*(tile width*0.5))
hey love the animation in this!
Wonderful tutorial ! Would it be possible to have the formula screen to iso without matrix. I got this for the X : cell.I * 0.5 * TILE_WIDTH() + cell.J * -0.5 * TILE_WIDTH() But I have trouble from there for going cell to screen without Matrix (several tutorial on them in c#, im just clueless about them).
Hi Milo, there's a link to a snippet in the pinned comment: gist.github.com/jordwest/8a12196436ebcf8df98a2745251915b5 The `to_grid_coordinate` function should do the screen to isometric grid calculation. You might need to tweak the numbers for your case but hopefully it gives the general idea.
Ok wow!
This is why AI is going to win.
this's amazing. I hope you come back to this channel.
this looks really good, but you forgot to account for my public education! (i have no idea what im doing but im sure ill figure it out)
This video is exactly what I needed! I’m working on an isometric project and was having trouble with the tile picking formula. Can’t thank you enough!
Exactly what I needed to build my engine, thanks!
Legend! You explained this soo much better than ChatGPT! And I loved the fact you covered the dangers with pointer arithmetic. Keep up the great work :)
Thanks a lot!
beautiful music
perfect video
Which program did you use?
This video was made with code - JavaScript & WebGL, and Blender for the coordinates visualisation. I'm using the Godot game engine for my newer videos
great vids
Mind if I use that little blue tile for a game I'm making? I'll modify the colors.
Of course!
@@JordanWest Thank you!