Jordan West
Jordan West
  • Видео 8
  • Просмотров 866 678
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...
Просмотров: 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

Комментарии

  • @stevenpike7857
    @stevenpike7857 9 дней назад

    I have a fascination with isometric too.

  • @kotucheniy5527
    @kotucheniy5527 20 дней назад

    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?

    • @kotucheniy5527
      @kotucheniy5527 20 дней назад

      how to include the z axis in the calculation?

  • @Novastar.SaberCombat
    @Novastar.SaberCombat 23 дня назад

    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!

  • @VolumetricTerrain-hz7ci
    @VolumetricTerrain-hz7ci 26 дней назад

    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!

  • @meckanism
    @meckanism Месяц назад

    You F******* rock!

  • @TheProgrammer-up4hc
    @TheProgrammer-up4hc Месяц назад

    hello, can someone tell how 2d isometric collision work

  • @janpaweii3115
    @janpaweii3115 2 месяца назад

    i feel like a monkey when i check your video xD

  • @kyledunbar9255
    @kyledunbar9255 3 месяца назад

    Amazing video!

  • @PirateFoxBox
    @PirateFoxBox 4 месяца назад

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

  • @sambeauJonez
    @sambeauJonez 4 месяца назад

    This is great! Thanks :)

  • @NElectronicSoul
    @NElectronicSoul 4 месяца назад

    DAY-TA!

  • @max_broker9965
    @max_broker9965 6 месяцев назад

    thats great, thx did u have telegram ch?

  • @MrRoverto82
    @MrRoverto82 6 месяцев назад

    This is my new favorite channel

  • @askbatguy
    @askbatguy 8 месяцев назад

    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 8 месяцев назад

    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 8 месяцев назад

    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 8 месяцев назад

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

  • @ad.i
    @ad.i 8 месяцев назад

    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 9 месяцев назад

    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 9 месяцев назад

    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

  • @Wourghk
    @Wourghk 10 месяцев назад

    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 11 месяцев назад

    In Australia, we say maths, not math.

  • @doodlegarbage6769
    @doodlegarbage6769 11 месяцев назад

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

  • @vampire_catgirl
    @vampire_catgirl 11 месяцев назад

    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 11 месяцев назад

    Madness

  • @mohokhachai
    @mohokhachai Год назад

    Graphic card technology

  • @giant0803
    @giant0803 Год назад

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

  • @brinklebros7136
    @brinklebros7136 Год назад

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

  • @RLSalagarkus
    @RLSalagarkus Год назад

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

  • @sampixel3453
    @sampixel3453 Год назад

    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 Год назад

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

  • @Weltaz
    @Weltaz Год назад

    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

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

  • @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 2 года назад

    perfect video

  • @rehamb.o9534
    @rehamb.o9534 2 года назад

    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 2 года назад

    great vids

  • @morejpeg
    @morejpeg 2 года назад

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