Ripple Effect Landing Page | PixiJS & Greensock | HTML, CSS & JAVASCRIPT

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ธ.ค. 2024

ความคิดเห็น • 57

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

    as a photographer and developer, I cannot thank you enough for providing amazing tutorials, It's been a long time I'm planning to make my photo portfolio and I'm happy to find your channel

  • @m3hiran
    @m3hiran 4 ปีที่แล้ว

    no one can judge you dude, you are pionnneer in this way !

  • @thitithanachaipornsakun1978
    @thitithanachaipornsakun1978 5 ปีที่แล้ว

    I love you dude, I been just following your tutorials and man.... I struck gold. No BS, Straightforward. THANK YOU THANK YOU THANK YOU.

  • @m3hiran
    @m3hiran 4 ปีที่แล้ว

    I think you really deserve more !!!!! you are awesome bro...... keeeeep it up

  • @magiccubing2587
    @magiccubing2587 3 ปีที่แล้ว

    Thanks brother, love from 🇮🇳

  • @Dmytro.R-b6h
    @Dmytro.R-b6h 5 ปีที่แล้ว +8

    You motivate me to start learning this, make a training course (platform) where i can get to this level.
    You are the only one I am willing to pay for courses!

    • @codegrid
      @codegrid  5 ปีที่แล้ว +1

      Thank you 🙏

  • @hjnkj
    @hjnkj 5 ปีที่แล้ว +1

    You hit in the center, that's what we want. Congratulations you are extraordinary :)

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      Thanks 🙏

  • @rajkumarshah8539
    @rajkumarshah8539 5 ปีที่แล้ว +3

    Superb design I was waiting for it..
    Finally it came out.🙏🙏 Thanks for inspiring us with your easy tuts.

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      Thanks 🙌

  • @itspravas
    @itspravas 5 ปีที่แล้ว

    Good artists copy; great artists steal.
    ....Pablo Picasso.
    Don't focus on judgemental people's comments. They don't know you or your situation before commenting anything. Do what you love. Keep Learning & Keep Sharing.
    Anyway Lovely tutorial. Thanks to you for the effort you put into it.

    • @codegrid
      @codegrid  5 ปีที่แล้ว +3

      It was just an effort / lesson that can help them to grow 😂 It ain't about the situation. It's the process. It's about inspiration. Anyway, thanks ❤

  • @Azalin2012
    @Azalin2012 5 ปีที่แล้ว +2

    Thank you for your awesome content! Love your style, music, glitches and design. It's very inspiring.

    • @codegrid
      @codegrid  5 ปีที่แล้ว +2

      Thank you so much!

  • @sidneybernardin6484
    @sidneybernardin6484 5 ปีที่แล้ว

    finally out! great work!

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      thank you!

  • @HeshanAthukorala
    @HeshanAthukorala 5 ปีที่แล้ว +4

    Really great educational content. Love your work. BTW, is it allowed to use the source code of these tutorials and use it on a personal website?

    • @codegrid
      @codegrid  5 ปีที่แล้ว +4

      Absolutely.

  • @ismailylmaz8980
    @ismailylmaz8980 4 ปีที่แล้ว

    Awesome pal!!!!

  • @ucminhcao4321
    @ucminhcao4321 3 ปีที่แล้ว

    Could you suggest some sites that i could get images like the ripple.png in the video

  • @NirazanBsnt
    @NirazanBsnt 5 ปีที่แล้ว +1

    Great Tutorial. Thank you for the great content. Love from Nepal. :)

    • @codegrid
      @codegrid  5 ปีที่แล้ว +1

      Thank you!

  • @kaioalms
    @kaioalms 5 ปีที่แล้ว

    I have an urgent question. I am trying to use Pixi, but I am selecting a div with width 50% and height 800px. Pixi is generating a canvas (all right so far) with a width and height in the tag. It does not take / fill with div size. How can I solve?

  • @brunozilio1717
    @brunozilio1717 5 ปีที่แล้ว

    @Codegrid Hello first thanks you so much for everything you are doing its awesome, i had a question about this code? when i load it in google chrome the image doesnt load and i have a black background while its working just fine in edge, internet explorer ? do you have any idea? please

  • @rtcwkillz
    @rtcwkillz 5 ปีที่แล้ว +1

    7:40 what is this math function?,
    what is it called and where can I find it?

    • @codegrid
      @codegrid  5 ปีที่แล้ว +1

      At the end of the ‘loop’ function the sprite is scaled to the amount of displacement and filter scaled to the amount of depth it should have. Finally the map function is declared that maps value ranges to new values when we movemouse and next NEW values are called.

    • @shantanukumar1527
      @shantanukumar1527 4 ปีที่แล้ว +1

      It's an interpolation formula, here it is interpolating the value.

  • @kennerhenandez8219
    @kennerhenandez8219 4 ปีที่แล้ว

    Where did you learn this stuff. Just by reading docs?

  • @israelayokunnu7974
    @israelayokunnu7974 5 ปีที่แล้ว

    bless you man!!! this is awesome!

    • @codegrid
      @codegrid  5 ปีที่แล้ว +1

      Thanks ❤

  • @P31-q8i
    @P31-q8i 5 ปีที่แล้ว

    I love you work and channel. Thanks for all.

    • @codegrid
      @codegrid  5 ปีที่แล้ว +1

      thanks

  • @BrasserieDuMontBlanc
    @BrasserieDuMontBlanc 5 ปีที่แล้ว

    hello how can we make the canvas responsive ?

  • @TheBorninmotion
    @TheBorninmotion 5 ปีที่แล้ว +7

    OMG this is so cool ! Please keep doing what you do , ps. try to use Visual studio code .

    • @evakuator8118
      @evakuator8118 5 ปีที่แล้ว +2

      Does it matter what editor to use? I myself use microsoft word. Yes, I am retarded.

  • @stiven-castro-dev
    @stiven-castro-dev 5 ปีที่แล้ว

    Awesome !! Thanks
    from CO, i like yours videos! :3

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      Thanks ❤

  • @amanda-fb2ww
    @amanda-fb2ww 5 ปีที่แล้ว +1

    AMAZING! Thank you, i can learn from u.

  • @aseniyanimnad6288
    @aseniyanimnad6288 4 ปีที่แล้ว

    images don't load why.?

  • @kimanivernon7849
    @kimanivernon7849 5 ปีที่แล้ว

    Ayo this is inspiration....just started learning Webdev. Any pointers as to what I should learn or what I should do 😁

    • @codegrid
      @codegrid  5 ปีที่แล้ว

      According to me, try to make your game strong at fundamentals first. Then move ahead.

  • @rajkumarshah8539
    @rajkumarshah8539 5 ปีที่แล้ว +1

    You like a pro😃

    • @codegrid
      @codegrid  5 ปีที่แล้ว +1

      Haha! Not at all 🙏

  • @fablyinspirations7783
    @fablyinspirations7783 5 ปีที่แล้ว

    Amazing!!!. Thank you

  • @117Jango
    @117Jango 5 ปีที่แล้ว

    Awesome dude thanks a lot !

    • @codegrid
      @codegrid  5 ปีที่แล้ว +1

      🙏❤

  • @rajusam5
    @rajusam5 5 ปีที่แล้ว

    You are awesome!

  • @romainluciano6797
    @romainluciano6797 5 ปีที่แล้ว

    Great Job !!! Just a question : your code doesn't work on Mozilla Firefox server ... Is it normal ? By the way, I'm a big fan of your work !!! Thank you for your answer to my question and your content ;)

  • @unnhao
    @unnhao 5 ปีที่แล้ว

    Pixi my love

  • @theman7050
    @theman7050 2 ปีที่แล้ว

    The loop() function is a mess. Plz explain better

  • @shivamgoyal796
    @shivamgoyal796 5 ปีที่แล้ว

    Again master peice i use this in my portpolio

  • @_hasib_
    @_hasib_ 5 ปีที่แล้ว

    music name ....???

    • @codegrid
      @codegrid  5 ปีที่แล้ว +1

      I don't remember the names bro as I'm directly using it from artlist.io. I'll let you know if I find it again 😂🙌

    • @_hasib_
      @_hasib_ 5 ปีที่แล้ว

      @@codegrid thanks brother :)