Coding Challenge 102: 2D Water Ripple

Поділитися
Вставка
  • Опубліковано 30 жов 2024

КОМЕНТАРІ • 203

  • @iestynne
    @iestynne 2 роки тому +29

    Hugo Elias is a friend of mine. His site is a treasure trove of creative graphics techniques, wonderfully explained. Way ahead of his time in terms of visual online educational material. Really glad it got archived!

    • @TheCodingTrain
      @TheCodingTrain  2 роки тому +13

      Please say hello. I am a huge fan and admirer!

    • @hugoelias1392
      @hugoelias1392 2 роки тому +23

      @@TheCodingTrain @iestyn Hi guys! Thanks for the love. So happy to see that my page is still inspiring people after all this time. Your site is amazing, and I've learned so much from it. Thank you.

    • @TheCodingTrain
      @TheCodingTrain  2 роки тому +12

      @@hugoelias1392 Oh wow, amazing to hear from you!!! Thanks for the inspiration!

    • @elnico5623
      @elnico5623 Рік тому +9

      this interaction made my day

  • @Invalid571
    @Invalid571 6 років тому +90

    I've learned a ton of stuff from watching your videos.
    A big THANK YOU and don't ever stop coding. ☺

  • @atiiii2010
    @atiiii2010 6 років тому +62

    Don't understand a single thing. I'm 0 at what you do. Neither understand a single thing what's going. But love the way how you do it. . You are pro! Keep it up. Watch all of ur videos...

    • @gamedevprod6276
      @gamedevprod6276 5 років тому +1

      Ati javed yooo, you gotta get in on this man, coding will let you look at stuff in different perspectives, here's something to get you started
      ua-cam.com/video/r530ovO8Ysc/v-deo.html

  • @lordwhippleton9734
    @lordwhippleton9734 6 років тому +16

    You have been the biggest inspiration in me pushing myself towards coding and programming. Because of you I have created multiple versions of the animated circle packing, learned to make simple physx engines in P3D and have even made several audio visualizers as part of my senior capstone for highschool. Thank you so much Daniel Shiffman for what you have provided me and others!

  • @atrumluminarium
    @atrumluminarium 6 років тому +28

    Man seeing how webpages looked back in the day makes me feel so old

  • @CherPsKy
    @CherPsKy 6 років тому +8

    I love how happy you present yourself. It's motivating.

  • @dannorris1406
    @dannorris1406 6 років тому +3

    Wow! I'm up to date!!! Started watching the coding challenges at the beginning of the year and after watching 150 of them, I'm now up to date. Thanks so much for the videos Dan!

    • @TheCodingTrain
      @TheCodingTrain  6 років тому +1

      Wow! Just curious, over how long a period of time did you watch all the challenges?

    • @dannorris1406
      @dannorris1406 6 років тому +2

      I just had a look back through my watch history and can't find any exact dates but I'm sure I started in January, so about 4.5 months. First vid was 3D knots then, decided to start from the beginning. I managed to fit in the Neural network playlist at some point during that time too...hmmm....might need to find my local Coding Train Anonymous meeting.

  • @addowhite6331
    @addowhite6331 6 років тому +14

    I love this algorithm! I actually implemented this years ago back when I was in school from the exact same webpage. Was looking for it again recently but couldn't find it.
    Well now I know why.
    Glad to find it again :D

    • @SeishukuS12
      @SeishukuS12 6 років тому +1

      Same here, though I also implemented it in GPU shaders way back in the day when programmable GPUs were just becoming a thing.

    • @addowhite6331
      @addowhite6331 6 років тому +1

      same, first used Java but it was incredibly slow so I took the opportunity to learn ARB assembly.
      This was back when most computers didn't even have Pixel Shader 2.0 so it wouldn't work on the school computers :P
      Floating-point error cause a bunch of issues if I remember.
      Easy to forget how much easier things are these days.

    • @paladin1147
      @paladin1147 5 років тому

      @@addowhite6331 Wow the puts things into perspective

  • @likeyou3317
    @likeyou3317 6 років тому +12

    With damping 0,999 u get rly cool patterns if u drop one water drop in the middle

    • @borekworek69
      @borekworek69 6 років тому +1

      So check damping = 1, it's so cool and relaxing

  • @PieterDeStickere
    @PieterDeStickere 6 років тому +53

    2:50 The struggles are real 😂

  • @ErnestGWilsonII
    @ErnestGWilsonII 6 років тому +7

    @Daniel you need to be more careful when you find old code on the internet, you got lucky this was not an ancient curse that opened a time portal and allowed the zombies back in! I am of course subscribed to this channel and thumbs up as always! I love that you took the time to thank the original author and dust off old technology that is still cool and in fact fun to run even on new technology! This makes me wonder how many awesome code archives could be dusted off and revampt. I also thought it was really neat how quickly you adapted the code into only a few lines of Easy-to-Read code. I really hope the original person that posted the web page decades ago sees your video, this was as fun today as it was then I am sure! I wonder if some newer technology used in conjunction with this algorithm could use some kind of hardware acceleration or webgl or just plain horsepower on new hardware that could add features and performance that the original author only dreamed of back in the day?

  • @aslatas7450
    @aslatas7450 6 років тому +7

    My goodness, I have to try this in UE4 (or Unity). Might be able to generate heightmap waves that react to actual objects being tossed into water. Oh man now I'm excited.

    • @TheCodingTrain
      @TheCodingTrain  6 років тому

      Please share if you do!

    • @gamesvrtech6666
      @gamesvrtech6666 6 років тому +7

      If I'm not wrong here's a nice example of this done in WebGL
      madebyevan.com/webgl-water/
      I found it years ago and am glad it's still there!

  • @edster512
    @edster512 6 років тому +1

    I've just coded this in Lua using your video as a guide :) Love this coding challenge and your channel!

    • @CyCloNeReactorCore
      @CyCloNeReactorCore 2 роки тому +1

      what sort of environment did you run this in? a shot in the dark at 3 years lol

  • @thecodingnerd2568
    @thecodingnerd2568 6 років тому +2

    The ripples look super cool when they bounce off the edges :)

  • @draco9113
    @draco9113 5 років тому +2

    I think it makes the effect look better if you use the abs function when assigning current[i][j] and also if you take the diagonal neighbours to your pixel

  • @cirrilo2
    @cirrilo2 6 років тому +3

    Best programming teacher in Oasis!!🕹😘☺Thnx!

  • @AndrewTuline
    @AndrewTuline 4 роки тому +1

    That's a fun and nice simple routine that I've appropriated to create a 1D FastLED example on the Arduino.
    My challenge, however, is limited RAM. Some folks spend most of their available RAM on the CRGB array for the LEDs, and not enough memory is left over for the arrays used in this example.
    So, how to create a nice smooth propagated and dampened droplet without using arrays. So far, I've got sine waves, phase shifting and exponential dampening, but not the time oriented propagation from the initial 'splash'.

  • @xnick_uy
    @xnick_uy 6 років тому

    Very cool result from a seemingly simple looking code.
    If your arrays become too large and you need to save memory, it is possible to "skip" the temp array and the swap operation at the expense of adding some dirty looking code.: you add a second loop after the first one with the arrays swapped "by hand" (it requires a rendering in between them).

  • @artistpw
    @artistpw 2 роки тому

    The grids are really practical for some robotics devices that appear like they function off hand gestures and will raise small columns to move items,

  • @d_v_d1070
    @d_v_d1070 6 років тому +1

    processing 3, so happy seeing them frequent again,

  • @nietschecrossout550
    @nietschecrossout550 6 років тому +5

    You need to implement wave physics in this one; cancelation, addition etc.

  • @stntoulouse
    @stntoulouse 6 років тому +26

    Looks like color(current[i][j]) at 12:30 became color(current[i][j]*255) at 12:49 without any explanation ...

    • @stntoulouse
      @stntoulouse 6 років тому +1

      Since the values in current and previous are already between 0 and 255, why do we have to multiply them again by 255 ?

    • @HairyPixels
      @HairyPixels 6 років тому +2

      I don't get the ranges of these values either. The array is init'd with 0's I think (he didn't explicitly init it) and with the dampening at 0.9 the number may be getting so low you can't see anything so he pushed it up with * 255 (which would clip past 255 often I'm sure). He also changed the array to hold floats so he may have messed up some assumption the original code made about the values being words (unsigned ints) and how these were truncated using integer arithmetic.
      who knows but it's a good question. He already messed this one up after renaming the arrays from buffer1/2 and the iterators from x/y to i/j and totally confused himself. :)

    • @TheCodingTrain
      @TheCodingTrain  6 років тому +9

      This is just a mistake that occurred during my debugging. I've removed it and added a short explanation here.
      github.com/CodingTrain/website/commit/eb798afc71f8e8cf3e2a71779dc52907305ea74b#diff-11c53590d2031c3a491dcca747f3831b
      Thank you for pointing this out!

    • @Phscyoman
      @Phscyoman 6 років тому

      He made the values a float and so float * 255 to convert to a color wasnt it?

    • @stntoulouse
      @stntoulouse 6 років тому +1

      Thank you for taking the time to respond

  • @alimodz6253
    @alimodz6253 2 роки тому

    pretty sick effect, also I think I am laughing a little too much at your small jokes XD

  • @sadhlife
    @sadhlife 6 років тому +37

    why not curr and prev :P

  • @loic.bertrand
    @loic.bertrand 6 років тому +37

    I love your french accent 😝 préviou

    • @jean-naymar602
      @jean-naymar602 6 років тому +8

      I'm french and I can totally confirm that he nailed the accent.
      EDIT : Well I just read your username and I guess you're french too lol

    • @marcbenzahra2597
      @marcbenzahra2597 6 років тому +4

      french squad here

    • @maximeellerbach4190
      @maximeellerbach4190 6 років тому

      Hey, I'm bit the only french here 😉

    • @loic.bertrand
      @loic.bertrand 6 років тому

      Jean-Nay Mar Yes I'm french 😂

  • @ellier2d2
    @ellier2d2 6 років тому +4

    Hey I love your videos, I noticed you did some coding challenges for some arcade games like snake and space invaders. Please please please do a video on making tetris!

  • @loukask.9111
    @loukask.9111 6 років тому

    nice 15 min challenges but i'd also like to see some more longer coding challenges, they were really awesome!!!

  • @granumuse7847
    @granumuse7847 4 роки тому

    Congratulations! Great job once again!!!

  • @liquidexw
    @liquidexw 6 років тому +4

    I wish you could mess around with PixelFlow at some point. Seems like a cool library for Processing.

    • @stntoulouse
      @stntoulouse 6 років тому

      Yes please. This library looks absolutely amazing!

  • @gurll-fn4ul
    @gurll-fn4ul 6 років тому

    i watched the video without sound but still get it! Thanks alot!

  • @fadge316
    @fadge316 6 років тому +5

    "no that bothers me more" 😂 slayed me

  • @duality4y
    @duality4y 4 роки тому

    1:34 someone who knows what they are talking about! I respect that!

  • @SimonTyler0
    @SimonTyler0 6 років тому

    A nice example - but the numerics bugged me because it looked so close to a numerical derivative! It turns out it actually is just the naive central difference approximation to the 2D wave equation on a square lattice, but with a very special choice of wave speed and/or step size. Here's a derivation with a unit time and space step size:
    Use central difference to get discrete version of wave equation for ripple height H:
    d_tt H = c^2 (d_xx + d_yy) H
    H_{x,y,t-1} - 2 H_{x,y,t} + H_{x,y,t+1} = c^2 (H_{x-1,y,t} - 2 H_{x,y,t} + H_{x+1,y,t} + H_{x,y-1,t} - 2 H_{x,y,t} + H_{x,y+1,t})
    H_{x,y,t+1} = c^2 (H_{x-1,y,t} + H_{x+1,y,t} + H_{x,y-1,t} + H_{x,y+1,t}) + (2 - 4 c^2) H_{x,y,t} - H_{x,y,t-1}
    If c^2 = 0.5 then you get the nice simplification that is used in this video
    H_{x,y,t+1} = 0.5 * (H_{x-1,y,t} + H_{x+1,y,t} + H_{x,y-1,t} + H_{x,y+1,t}) - H_{x,y,t-1}

  • @Miionu
    @Miionu 4 роки тому

    13:38 Waaaaaw wasn't ready for such a nice render :O

  • @nofacee94
    @nofacee94 6 років тому

    the ripples are a bit squarey, maybe if you took into account all 8 pixels (not just 4) around the middle pixel, but the diagonal pixels are further away and so shouldn't be taken into account as much as the adjacent pixels. This could make it more circular.

  • @metadaat5791
    @metadaat5791 5 років тому

    Hugo Elias is a demoscene legend, of the Hornet Archive fame. Not just any random person. I'm a bit sad that if you google "hugo elias hornet demoscene" or something like that, you don't get any history, instead just very few random pages (you should go and check any way). If I remember correctly Hornet was a big archive of demoscene productions, kept by Hugo.

  • @alephgates7519
    @alephgates7519 5 років тому

    Thank you for showing all of these wonderful coding lessons! I am trying to learn python so I attempted to do this in pygame. I learned numpy is slow also need to see how I messed up my array because the waves are diamond shaped. Need to fix the array, ditch numpy, and maybe use something to not update black space. I am having fun though.
    import pygame as pg
    import numpy as np
    import random
    rows, cols = 600, 400
    pg.init()
    screen = pg.display.set_mode((rows, cols))
    # 3 = rgb
    npArray = np.ndarray( (rows, cols, 3) )
    current = np.ndarray( (rows, cols) )
    previous = np.ndarray( (rows, cols) )
    temp = np.ndarray( (rows, cols) )
    previous.fill( 0 )
    dampening = 0.99
    continueLoop = True
    while continueLoop:
    mouseX, mouseY = pg.mouse.get_pos()
    for event in pg.event.get():
    if event.type == pg.QUIT:
    continueLoop = False
    if event.type == pg.MOUSEBUTTONDOWN:
    previous[ mouseX ][ mouseY ] = 250
    print( 'x: ', mouseX, ' y: ', mouseY )
    for i in range( 2, rows - 2 ):
    for j in range( 2, cols - 2 ):
    current[i][j] = previous[i-1][j] + \
    previous[i+1][j] + \
    previous[i][j-1] + \
    previous[i][j+1] / 2 - current[i][j]
    current[i][j] = current[i][j] * dampening
    npArray[i][j][0] = current[i][j] % 100 #red
    #npArray[i][j][1] = current[i][j] #green
    npArray[i][j][2] = current[i][j] % 255 #blue
    #if current[i][j] > 255 or current[i][j] < 0:
    # print( 'Out of bounds: ', current[i][j] )
    # create a surface same size as the array
    surf = pg.Surface( (npArray.shape[0], npArray.shape[1]) )
    # draw npArray onto surface
    pg.surfarray.blit_array(surf, npArray)
    # transform the surface to screen size
    #surf = pg.transform.scale(surf, (rows, cols))
    screen.blit(surf, (0, 0))
    temp = previous
    previous = current
    current = temp
    pg.display.update()
    pg.quit()

  • @circli
    @circli 6 років тому +6

    I am also bothered by letter length mismatch... Try spacing it out. *:)*

  • @psuzn
    @psuzn 6 років тому +3

    Just amazing

  • @SameBasicRiff
    @SameBasicRiff 6 років тому

    dude thanks lieterally entirely to this channel I want to program a fast fourier into processing to read analogue guitar inputs and create a mosaic of imagry based on what the guitar is playing at that moment.
    Thats about 5 years and 1000 more videos away, but I will get there one day! (or if you see this and can do it yourself, random person out there, let me know!)

    • @janwillem4775
      @janwillem4775 6 років тому +1

      That's awesome! Keep us posted if you give it a shot!

  • @jaydenwyatt5798
    @jaydenwyatt5798 6 років тому

    Dan you are the Man! Keep up the great work man!

  • @MarceloZamith-UFRRJ
    @MarceloZamith-UFRRJ 6 років тому

    Great tutorial ! Very useful, especial to understand the basic logic of CA.
    I think that in huge domain, the order of matrix (lattice) you access make different in processing time. I C language, It is better access cols x row than row x cols.

  • @L-Fix2711
    @L-Fix2711 6 років тому

    Very nice video, Daniel! Keep up the great work especially with the NN stuff.
    Just one quick question to you and the community:
    Is it possible to have no reflections at the walls?

  • @basiccoder2166
    @basiccoder2166 6 років тому +1

    You made my day sir.

  • @realgabreal
    @realgabreal 6 років тому +6

    Hey That's Pretty good

  • @up4life108
    @up4life108 6 років тому

    Really cool effect / video. Would be great to see more application of cellular automata in terms of effects.

  • @curt8806
    @curt8806 6 років тому +1

    Id love to see js version!

  • @portalsrule1239
    @portalsrule1239 6 років тому +1

    I made something like this a while back with the same algorithm. Cool!

  • @SameBasicRiff
    @SameBasicRiff 6 років тому +1

    I LOVE YOUR CHANNEL!!!!!!!!!!!!!!!! AHHHH!!!!!!!!!!!!

  • @d_vibe-swe
    @d_vibe-swe 6 років тому +1

    Memories from the 90's demoscene :)

  • @stanosipenko7305
    @stanosipenko7305 6 років тому

    best, intro, ever.

  • @oo0O08
    @oo0O08 6 років тому +4

    hey Dan do you ever plan on doing a GLSL for Processing tutorial?

    • @TheCodingTrain
      @TheCodingTrain  6 років тому +3

      I'd like to, yes.

    • @fifggdsfghj
      @fifggdsfghj 6 років тому

      That would be marvellous, I struggle wrapping my mind around glsl, I feel stuff I try in sdl would be so much faster using shaders/opengl, there's not that much in the way of 2d stuff on UA-cam for it.. Great series by the way!

    • @oo0O08
      @oo0O08 6 років тому

      check out thebookofshaders.com I dont think id have even been able to approach GLSL without it

  • @pradeeshbm5558
    @pradeeshbm5558 6 років тому

    Omg... what did u do 😱

  • @berny8535
    @berny8535 3 роки тому +1

    Does it matter if I began coding in JS but then used Java to add this ripple effect?

  • @renjithkumar6951
    @renjithkumar6951 6 років тому

    Thank you for teaching this which i also requested in one of my comments

  • @live_destin-3408
    @live_destin-3408 6 років тому +2

    thank you so much for these videos they ar so inspiring and I love watching them I cant what every day to see if you uploaded thanks dan
    by the way, im Live_Destin I just changed my name:)

  • @ritikkhatri
    @ritikkhatri 6 років тому

    Amazing!

  • @raheloberhummer6038
    @raheloberhummer6038 4 роки тому +1

    Great video!
    I was able to get the same result, however, I can't figure out how to use an image as the background which interacts with the ripples. Any help? :)

    • @10vid5
      @10vid5 3 роки тому

      You need to create a *displacement* map, derived from the *current* buffer. The *current* buffer can be thought as a height map.
      For each pixel in the image, the *displacement* map has two elements, dX and dY (which together form the displacement vector).
      The C declaration of such *displacement* map looks like this:
      struct DMAP {float dX, dY} disp [W][H];
      and can be computed as follows:
      disp [x][y] .dX = ( current [x+1][y] - current [x][y] ) * RI;
      disp [x][y] .dY = ( current [x][y+1] - current [x][y] ) * RI;
      where RI is a constant between 0.0f and 2.0f or more, which you can loosely call the refraction index, and sets the strength of the distortion.
      To use the *displacement* map on the image:
      OutputImage [x][y] = SourceImage [x][y] + (int) disp [x][y] .dY * W + disp [x][y] .dX;

  • @prashanthkumar0
    @prashanthkumar0 6 років тому

    wow that's awesome

  • @eduveloper
    @eduveloper 6 років тому

    Could we give color to the individual ripples and let those too interfere? Guess that would also slow it down quite a bit, but just for the exercise...

    • @TheCodingTrain
      @TheCodingTrain  6 років тому

      This is a great idea, you should try it!

    • @eduveloper
      @eduveloper 6 років тому

      studying the reference in processing.org now ....
      have fun everyone. thanks Dan

  • @maximeellerbach4190
    @maximeellerbach4190 6 років тому

    An other very good video !

  • @krishnasivakumar2479
    @krishnasivakumar2479 5 років тому

    This is really like Huygens principle

  • @khaliayeung
    @khaliayeung 3 роки тому

    I want to know how to change the colour fo the background color ,thank you!

  • @iwearanapeskinsuntil3592
    @iwearanapeskinsuntil3592 6 років тому

    the algorithm works, but i cant wrap my head around why it works

    • @SimonTyler0
      @SimonTyler0 6 років тому

      Here's a derivation of the algorithm: use a central difference approximation to get discrete version of wave equation for ripple height H: d_tt H = c^2 (d_xx + d_yy) H
      H_{x,y,t-1} - 2 H_{x,y,t} + H_{x,y,t+1} = c^2 (H_{x-1,y,t} - 2 H_{x,y,t} + H_{x+1,y,t} + H_{x,y-1,t} - 2 H_{x,y,t} + H_{x,y+1,t})
      H_{x,y,t+1} = c^2 (H_{x-1,y,t} + H_{x+1,y,t} + H_{x,y-1,t} + H_{x,y+1,t}) + (2 - 4 c^2) H_{x,y,t} - H_{x,y,t-1}
      If c^2 = 0.5 then you get the nice simplification that is used in this video
      H_{x,y,t+1} = 0.5 * (H_{x-1,y,t} + H_{x+1,y,t} + H_{x,y-1,t} + H_{x,y+1,t}) - H_{x,y,t-1}
      You can then use two arrays to store the current and previous grid values as done in the video.

    • @nachogallo2207
      @nachogallo2207 6 років тому

      I just opened paint and like manually did a 4*4 grid according to the code, and kinda understood. I know it sounds dumb (and it is) but it helped.

  • @lukejriddle1
    @lukejriddle1 6 років тому

    Not familiar with Processing, but is it just rendering a pixel for each integer in the 2d array?

  • @toastyPredicament
    @toastyPredicament 2 роки тому

    Omg u are god

  • @loukask.9111
    @loukask.9111 6 років тому +1

    "i so wanna do that, i'm not gonna do that" :DDDD

  • @haesklar3635
    @haesklar3635 3 роки тому

    thank you so much for sharing this, i've been trying to achieve what you said at the end of the video, i tried populating those two arrays with the pixels of an image so that the background wouldn't be just all zeros(black) but all i get is some crazy random colors and weird things, i just want to have those same ripples but over a background, is it possible if you could give me a hand with it

    • @dave6012
      @dave6012 2 роки тому

      In p5.js you can lay your canvas over an image and achieve that effect. I don’t think it works the same in processing, but they are pretty much identical, except p5 runs in the browser.

  • @magsudhajiyev7810
    @magsudhajiyev7810 6 років тому

    Can you make a video about music or any recommedation system? And it would be really nice if you implement nwural networks in it :)

  • @Loquendotop94
    @Loquendotop94 6 років тому

    Mr. Hugo Elias would be proud.

  • @rishabhmadan7861
    @rishabhmadan7861 6 років тому

    How about simulating the constructive and destructive interference???

    • @SimonTyler0
      @SimonTyler0 6 років тому

      That's already part of wave equations, so you don't need to add it in by hand. What you can do to demonstrate it is maybe to set up a pair of oscillations to simulate a double slit etc...

  • @MrNosugarcoating
    @MrNosugarcoating 6 років тому

    Yey. Love it.

  • @seanoreilly1675
    @seanoreilly1675 6 років тому

    Is it possible to make the code your writting bigger (zoom in) using processing 3? Thanks.

    • @TheCodingTrain
      @TheCodingTrain  6 років тому

      Thanks for the feedback, yes I can try to make the code bigger for the next video.

  • @bhaveshtiwari5783
    @bhaveshtiwari5783 6 років тому

    That's so cool:o

  • @davedewhurst1
    @davedewhurst1 6 років тому

    Has something changed with Processing?
    I have successfully recreated this project using the latest version but my ripples are coloured (pinks and greens with a few whites)
    Thinking Id done something wrong I downloaded Daniels and it has the same effect.

  • @hillolbarman
    @hillolbarman 6 років тому

    What is the shortcut for auto formatting the code in Atom?

  • @MorganLock
    @MorganLock 6 років тому +1

    Waow !!!

  • @phir9255
    @phir9255 6 років тому

    15:47 "What am I even doing"

  • @michalbotor
    @michalbotor 5 років тому +1

    (8:16) meme review!
    oow.. sorry.. wrong show. ;p

  • @charbelsarkis3567
    @charbelsarkis3567 6 років тому +4

    Prev and curr have the same number of letters

  • @tcchan14
    @tcchan14 6 років тому

    Could anyone explain in detail about the algorithms?

  • @rahiprajapati50
    @rahiprajapati50 6 років тому

    someone please explain me this two lines,
    int index = i + j * cols;
    pixels[index] = color(current[i][j]);
    i m trying to implement it in js, so what does the color() means here in java p5?

  • @dorisliu5603
    @dorisliu5603 5 років тому

    Does anyone know how to change the background? I found out it's related to pixels[index] = color(current[i][j] * 255); I think I need to grab the color of img I use in the background. I am currently trying PIxel Sorting but I don't know what exactly I should do.. .

  • @TarousDT
    @TarousDT 4 роки тому

    No need to swap the buffers as you are calculating the current state each frame. Just set previous = current and you're done.

  • @pseudo_goose
    @pseudo_goose 6 років тому

    "This is going to be over soon!"

  • @NeoxX317
    @NeoxX317 6 років тому

    hey everyone I would like to code this but I don’t know how to draw using python.. is it possible to things like this with python ?

  • @thestacksonfilm
    @thestacksonfilm 6 років тому

    Does anyone know how to mirror webcam video in P5 JS?

  • @Marrk_23
    @Marrk_23 6 років тому

    Can you make a typing race game?

  • @nocopyrightmusic5281
    @nocopyrightmusic5281 5 років тому

    were can we find the code?

  • @CharIie83
    @CharIie83 6 років тому

    somehow that looks easy

  • @raihanfauzanz.7461
    @raihanfauzanz.7461 6 років тому

    i like learn more

  • @rasool2753
    @rasool2753 5 років тому

    i found a little bug
    try to click on edge of the window and you find it :)

  • @Username-em1oe
    @Username-em1oe 6 років тому

    I downloaded the code but i cant get it to run. I'm on processing 3 and its set to Java. Anyone know why it doesn't work?

  • @MrRushifyIt
    @MrRushifyIt 6 років тому

    Check out Paul falstsds ripple tank.

  • @theinquisitor18
    @theinquisitor18 6 років тому

    What language is This?
    Edit: nevermind. I swear Java is quite similar to C#. I won't have that much of a learning curve.

  • @fairydragonbreath9192
    @fairydragonbreath9192 6 років тому +1

    Anyone know of any good online schools? And don't say WGU, going their, not bad but, I don't feel like I'm learning anything.

  • @juanpablosyoutube
    @juanpablosyoutube 6 років тому

    the first language is java right?

  • @naifmohammed668
    @naifmohammed668 4 роки тому

    did anyone actually type the code in...
    I wanna use it and mess around with it . Copy it in replies if u got it

  • @juanpablosyoutube
    @juanpablosyoutube 6 років тому

    oh, nvm

  • @toastyPredicament
    @toastyPredicament 2 роки тому

    Processing...