Jordan West
Jordan West
  • 8
  • 840 029
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: th-cam.com/video/zuegQmMdy8M/w-d-xo.html
- FreeCodeCamp article: www.freecodecamp.org/news/pointers-in-c-are-not-as-difficult-as-you-think/
มุมมอง: 3 878

วีดีโอ

Immutability, visually explained | Code Words
มุมมอง 11K2 ปีที่แล้ว
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
มุมมอง 792K3 ปีที่แล้ว
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
มุมมอง 13K4 ปีที่แล้ว
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)
มุมมอง 1K11 ปีที่แล้ว
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
มุมมอง 17K13 ปีที่แล้ว
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
มุมมอง 1K13 ปีที่แล้ว
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
มุมมอง 83215 ปีที่แล้ว
Music: Viba - In the Orchard Lies a Secret asianvariations.com/bonsai.html

ความคิดเห็น

  • @MrRoverto82
    @MrRoverto82 11 ชั่วโมงที่ผ่านมา

    This is my new favorite channel

  • @askbatguy
    @askbatguy หลายเดือนก่อน

    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

  • @automatescellulaires8543
    @automatescellulaires8543 หลายเดือนก่อน

    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.

  • @LoStFoReVeRiNtImE
    @LoStFoReVeRiNtImE หลายเดือนก่อน

    this one of my favorite videos of all time. It combines everything I love into one video. Applauds to you jordan! 👏 👏

  • @ad.i
    @ad.i หลายเดือนก่อน

    This is quite literally one of the most helpful "visual" videos on programming that I have ever watched, holy crap

  • @ad.i
    @ad.i หลายเดือนก่อน

    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.

  • @antonionotbanderas9775
    @antonionotbanderas9775 2 หลายเดือนก่อน

    I only understood about half of this video but it's already answered a lot of questions I had about 2.5D games.

  • @bombrman1994
    @bombrman1994 2 หลายเดือนก่อน

    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

  • @VolumetricTerrain-hz7ci
    @VolumetricTerrain-hz7ci 3 หลายเดือนก่อน

    For those of you who missing a horizon with sky, in isometric game, now there is a solution! By, say, contracting a square vertically, more and more the further away from the horizon a square is, you can actually get both terrain, sky and depth, without changing perspective or angle, on the square. I can't directly say that I don't like isometric games. But I miss looking up at the sky.

  • @Wourghk
    @Wourghk 3 หลายเดือนก่อน

    Technically not "iso"metric since it's all pixel-friendly integer ratios, but an otherwise extremely good explanation of the implementation for laymen. Cheers!

  • @cosmicrdt
    @cosmicrdt 4 หลายเดือนก่อน

    In Australia, we say maths, not math.

  • @doodlegarbage6769
    @doodlegarbage6769 4 หลายเดือนก่อน

    Even a year later, these videos are helping programmers like me to this day.

  • @bifrostbeberast3246
    @bifrostbeberast3246 4 หลายเดือนก่อน

    This i why I never learned C++ and never will.

  • @vampire_catgirl
    @vampire_catgirl 4 หลายเดือนก่อน

    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

  • @The-cyber-imbiber
    @The-cyber-imbiber 4 หลายเดือนก่อน

    Madness

    • @The-cyber-imbiber
      @The-cyber-imbiber 4 หลายเดือนก่อน

      Thanks for the video, very great stuff!

  • @mohokhachai
    @mohokhachai 5 หลายเดือนก่อน

    Graphic card technology

  • @giant0803
    @giant0803 5 หลายเดือนก่อน

    Dude, your visually explained video is great Hope u still do something like that

  • @brinklebros7136
    @brinklebros7136 5 หลายเดือนก่อน

    this is a masterpiece. I love sprites!!!!

  • @RLSalagarkus
    @RLSalagarkus 8 หลายเดือนก่อน

    Is it me or did you kind of gloss over the screen to grid transformation?

  • @sampixel3453
    @sampixel3453 9 หลายเดือนก่อน

    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.⚡

  • @scoutgaming737
    @scoutgaming737 9 หลายเดือนก่อน

    Now I understand why copy functions must exist for lists. Thanks!

  • @Weltaz
    @Weltaz 9 หลายเดือนก่อน

    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.

  • @reitokenvideogamecreation7655
    @reitokenvideogamecreation7655 10 หลายเดือนก่อน

    really good vidéo :D fun to see each result !!!

  • @blitzkreg335
    @blitzkreg335 ปีที่แล้ว

    I've been struggling the whole week and only found this video now. Thank you !

  • @christophercampbell6884
    @christophercampbell6884 ปีที่แล้ว

    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))

  • @mikeonthebox
    @mikeonthebox ปีที่แล้ว

    1:50 I believe here you forgot to describe that you also made it bigger and not just rotated 45º otherwise the tips of the arrows wouldn't align with the original grid.

  • @bewky
    @bewky ปีที่แล้ว

    hey love the animation in this!

  • @milosancheztv8432
    @milosancheztv8432 ปีที่แล้ว

    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).

    • @JordanWest
      @JordanWest ปีที่แล้ว

      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.

  • @mangaart3366
    @mangaart3366 ปีที่แล้ว

    Ok wow!

  • @st0n3p0ny
    @st0n3p0ny ปีที่แล้ว

    This is why AI is going to win.

  • @theMadZakuPilot
    @theMadZakuPilot ปีที่แล้ว

    this's amazing. I hope you come back to this channel.

  • @Celellste
    @Celellste ปีที่แล้ว

    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)

  • @justbodewes
    @justbodewes ปีที่แล้ว

    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!

  • @Maraus92
    @Maraus92 ปีที่แล้ว

    Exactly what I needed to build my engine, thanks!

  • @phonenaing1149
    @phonenaing1149 ปีที่แล้ว

    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 :)

  • @sergeytarasenko1213
    @sergeytarasenko1213 ปีที่แล้ว

    Thanks a lot!

  • @debonairrose
    @debonairrose ปีที่แล้ว

    beautiful music

  • @JapaneseModernist
    @JapaneseModernist ปีที่แล้ว

    perfect video

  • @rehamb.o9534
    @rehamb.o9534 ปีที่แล้ว

    Which program did you use?

    • @JordanWest
      @JordanWest ปีที่แล้ว

      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

  • @bini420
    @bini420 ปีที่แล้ว

    great vids

  • @morejpeg
    @morejpeg ปีที่แล้ว

    Mind if I use that little blue tile for a game I'm making? I'll modify the colors.

    • @JordanWest
      @JordanWest ปีที่แล้ว

      Of course!

    • @morejpeg
      @morejpeg ปีที่แล้ว

      @@JordanWest Thank you!

  • @manth3bus
    @manth3bus ปีที่แล้ว

    Very good explications, thanks a lot :D

  • @HiHi-iu8gf
    @HiHi-iu8gf ปีที่แล้ว

    fantastic video :)

  • @raiden631
    @raiden631 ปีที่แล้ว

    Really good video on how to explain pointers ;) I had a hard time understanding them in my C/C++ course but these kind of videos + tutorial helped me get my head around them !!

  • @adsick_ua
    @adsick_ua ปีที่แล้ว

    nice walkthrough, I'm a Rust programmer came here just to refresh some basic cs stuff.

  • @Rivershield
    @Rivershield ปีที่แล้ว

    I just realized I can't into math

  • @BoyceBailey
    @BoyceBailey ปีที่แล้ว

    Cool

  • @BlueHat1
    @BlueHat1 ปีที่แล้ว

    Can you make a video about how to procedurally generate an isometric map? It would be so helpful.

  • @colinfinnie5074
    @colinfinnie5074 ปีที่แล้ว

    You explained this perfectly! The quality of the video is amazing!

  • @dclxviclan
    @dclxviclan ปีที่แล้ว

    Super Cool video, i love this