iberryboi
iberryboi
  • Видео 9
  • Просмотров 70 335
Stream Elements: Custom Chatbox User Group Tutorial
iberry.gumroad.com/l/user-group-chatbox
github.com/flygOn-LiTe/widget-api-service
Gumroad- iberry.gumroad.com/
Discord- @iberryboi
Github- github.com/flygOn-LiTe
Personal site- rowberry.dev
TIMESTAMPS
00:00 Intro
00:35 Event Listener
01:05 Guard Clause
01:42 Message Data
02:09 hasBadge Helper Function
02:56 User Group Logic
04:03 Memoizing Function
04:20 Client Class
05:53 Cached Group
07:18 addRow Function
08:30 innerHTML
09:50 CSS Styling
10:47 Test Function
11:28 Widget Progress
11:47 BONUS CODE
12:37 getUserId
13:58 checkFollowerStatus
14:39 Channel ID
15:48 Conclusion
#streamelements #widget #twitch #chatbox
Просмотров: 128

Видео

Stream Elements: Twitch Sliding Chatbox Coding Master Class
Просмотров 19621 день назад
iberry.gumroad.com/l/sliding-chatbox rowberry.dev/blog/se-test-functions/ Gumroad- iberry.gumroad.com/ Discord- @iberryboi Github- github.com/flygOn-LiTe Personal site- rowberry.dev TIMESTAMPS 00:00 Intro 00:50 Event Listener 02:20 addRow Function 02:50 Test function 04:44 Container 05:20 Track Row Positions 06:30 Create Row 07:32 Animation 10:39 New Row Animation 11:45 CSS Styling 15:00 Queue ...
Stream Elements: Chat Box Animations with GSAP
Просмотров 3013 месяца назад
Chatbox Code- iberry.gumroad.com/l/animated-chatbox Test Functions- rowberry.dev/blog/se-test-functions/ Gumroad- iberry.gumroad.com/ Discord- @iberryboi GitHub- github.com/flygOn-LiTe Personal site- rowberry.dev Widget Platform Template- railway.app/template/UvkJaG?referralCode=xqd8QO Widget Platform Demo- frontend-service-production.up.railway.app/ TIMESTAMPS 00:00 Intro 01:48 Boilerplate 02:...
Stream Elements: Custom Chat Box Widget Coding Basics
Просмотров 1,1 тыс.4 месяца назад
Chatbox Template- iberry.gumroad.com/l/chatbox-template Gumroad- iberry.gumroad.com/ Discord- @iberryboi GitHub- github.com/flygOn-LiTe Personal site- rowberry.dev Widget Platform Template- railway.app/template/UvkJaG?referralCode=xqd8QO Widget Platform Demo- frontend-service-production.up.railway.app/ TIMESTAMPS 00:00 Intro 00:49 Get The Messages 03:35 Simulate Message Events 07:26 Build Messa...
Stream Elements: Custom Goal Bar Widget with Phaser 3 + Midjourney
Просмотров 56610 месяцев назад
Code- iberry.gumroad.com/l/phaser-goalbar Tutorial- rowberry.dev/blog/phaser-se-goal-bar/ Gumroad- iberry.gumroad.com/ Discord- @iberryboi GitHub- github.com/flygOn-LiTe Personal site- rowberry.dev Widget Platform Template- railway.app/template/UvkJaG?referralCode=xqd8QO Widget Platform Demo- frontend-service-production.up.railway.app/ TIMESTAMPS 00:00 Intro 01:30 Create UI asset 02:55 Exportin...
Stream Avatars: Intro To Custom Scripts
Просмотров 1 тыс.2 года назад
Gumroad- iberry.gumroad.com/ Discord- @iberryboi GitHub- github.com/flygOn-LiTe Personal site- rowberry.dev
Stream Elements: Custom Twitch Goal Bar Widget SVG Coding Basics
Просмотров 3,8 тыс.2 года назад
Gumroad- iberry.gumroad.com/ Discord- @iberryboi GitHub- github.com/flygOn-LiTe Personal site- rowberry.dev Widget Platform Template- railway.app/template/UvkJaG?referralCode=xqd8QO Widget Platform Demo- frontend-service-production.up.railway.app/ TIMESTAMPS 00:00 Intro 00:50 Create UI asset (Adobe Illustrator) 07:19 Export SVG as Code 08:00 Coding Widget functionality 17:40 Error Fix 18:01 Fin...
How to use ANY Custom Font with Streamlabs Alerts
Просмотров 33 тыс.4 года назад
Gumroad- iberry.gumroad.com/ Discord- @iberryboi GitHub- github.com/flygOn-LiTe Personal site- rowberry.dev Widget Platform Template- railway.app/template/UvkJaG?referralCode=xqd8QO Widget Platform Demo- frontend-service-production.up.railway.app/
How to configure a N64 USB Controller in RetroArch for N64 games
Просмотров 30 тыс.4 года назад
Fast & Easy how to setup your n64 USB controller inputs in retroarch to play n64 games. Discord- @iberryboi

Комментарии

  • @Muffinmouth
    @Muffinmouth День назад

    This is the best tutorial for scripting widgets out there! Send you a friend request on discord, hoping to ask you some questions!

  • @GengarQT
    @GengarQT 3 дня назад

    thank you so much! i want to ask, what if i want to use as a border a custom box that i designed on illustrator, how do i implement it?

  • @gogreyhoundmusic
    @gogreyhoundmusic 17 дней назад

    THIS IS INCREDIBLE! Thank you so much for the help. I learned a TON about where I was going wrong.

    • @iberryboi
      @iberryboi 16 дней назад

      Great to hear! If you have any other questions ever just ping me in the comments.

    • @gogreyhoundmusic
      @gogreyhoundmusic 2 дня назад

      @@iberryboi hope all is well! I think i've hit another wall/my lack of knowledge is in my way. Could I send you my code (which is really just your code, lol) to see what it is that I'm doing wrong?

    • @iberryboi
      @iberryboi 16 часов назад

      ​@@gogreyhoundmusicYea for sure! Are you on discord?

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

    you are just amazing 😄

  • @gogreyhoundmusic
    @gogreyhoundmusic 23 дня назад

    DOPE tutorial. I'm currently learning to code so there are tons of advanced concepts here for me - but i get VERY excited when i AM able to follow along. one thing - I would like to decorate several things uniquely. I would like each alert to have its own styling, and I would also like to style messages uniquely depending on the user group (VIP, Mod, Follower, User, perhaps custom groups defined in the code). Would that be possible, or am I dreaming too big?

    • @iberryboi
      @iberryboi 22 дня назад

      Thank you! Absolutely, that can be done.

    • @gogreyhoundmusic
      @gogreyhoundmusic 22 дня назад

      @iberryboi awesome. I'm going to keep digging around in your code and trying to manipulate it and rewrite it to get the desired outcome. I'm still in over my head, but being able to follow your logic as you code is helping tremendously! Can't wait for the next one. Thank you so much for putting this info out.

    • @iberryboi
      @iberryboi 22 дня назад

      @@gogreyhoundmusic Sweet! Glad they are helpful, wasn't sure if this format was good or not, I will make more because you said that.

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

      @@iberryboi I'm running into a brickwall when it comes to using the chatters 'role' (broadcaster, mod, vip, follower, custom group) to if/else different class decorations in the JS. it's no doubt because im trying to do something beyond my level - BUT if you were needing a topic for your next video - I would love a lesson in how to accomplish it.

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

      @@gogreyhoundmusic Ok i will make a video on it! Stay tuned!

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

    thx for that, but how do i add emotes from betterTTV, 7TV or FrankerFaceZ?

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

    Would you be able to create a guide for RUclips? I'm specifically having trouble with the emotes since it seems like you need to call them a different way from Twitch

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

      Absolutely, I will do that.

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

    How do you line all the JS Code up so nicely? 5:38

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

      Nevermind I found it out, But a other problem is... how do you make the test that reapeat it self over and over to stop?

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

      @@-itimora- Comment out/remove the setInterval function and just use the field button to test

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

    Excellent video. Have you configured a wireless n64 controller?

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

    ...where's part 2?

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

    ❤❤❤❤

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

    THANK YOU for making this video, there's like NO tutorials for that kind of thing on RUclips or I just can't find the right ones... but this one you made is gonna be so useful!! Thanks for your hard work!

  • @FernandoLopes-ec5cp
    @FernandoLopes-ec5cp 2 месяца назад

    Thank you for the quick and nice video. I manged to get my N64 controlelr working porperly (as configured) by toggling "Remap Controls for this Core" ON. Then the controller remap under the core settings worked as intended.

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

    Hey, was just wondering is there a way to make the colors customisable?

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

    GYAT DAMNN ANOTHER ONE?

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

    LETS GOOO ITS UP

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

    This video always bails me out when I have to configure my usb controller. Thank you very much.

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

    Great stuff! Really would like to see in depth video on creating custom chat widget.

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

      ty! here it is: ruclips.net/video/rf735Ti4260/видео.htmlsi=ZpCajmtVM31y1RR2

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

    Yo i was wondering if you could post a guide for a custom chat box; similar to the ones you can find on etsy and such. If you can it would be much appreciated.

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

      @@waffleboi2110 yea sure thing, I've been meaning to release a video on this!

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

      @@iberryboi thanks man! I just started learning about webdev stuff and i really wanna up my streaming :) would be much helpful! I got somewhat of an idea down, but i know im probs making this as hard as possible lmfao. I've been using BeniArts as an inspo for what i want to do for my own chat! Hopefully your next vid will help with that!

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

      @@waffleboi2110 I checked out BeniArts, great design on those! I will show you how to implement something similar.

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

      @@iberryboi Neat! Thanks for taking the time to do so :D I think i figured out a bunch of the stuff from beni arts widgets too, im just 10000000% sure i can do this with more efficient code with a guide.

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

      @@iberryboi hey man i wanted to ask if you got a discord i could add you on? with just this video i think i've figured out how to make the chatbox completely on my own, just wanna toss a few of my ideas at you and see if they make sense. Planning to use anime.js for the animation, and jQuery to simplify the JS a bit.

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

    Thank you man, really.

  • @simplylogan93
    @simplylogan93 5 месяцев назад

    Can this also be achieved using Adobe Animate? I know you can export SVG but I can't find an option to export the code. Unless I have to export from an HTML canvas?

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

    so I'm having an issue where the font is only changing the {Name} but not "has followed!" part of my alert. What did I do incorrectly?

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

    I can never seem to absorb this info which for you isn't a bad thing because I means I always gotta keep watching this. its helped me heaps so huge props to you for making this so simple and easy to follow.

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

      tyvm! That seems to be the case with alot of people 🤣

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

    i know this is 3 years old but man.. this will always be helpful. Thank you so much for this

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

    i pronounced "Lua" wrong lol

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

    Thank you for this!

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

    Thanks brotha! Been trying to configure this retrolink controller and everything i found so far was using auto configure or just wrong but think this will actually work

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

    ty dude!

  • @rhysmaughan9823
    @rhysmaughan9823 7 месяцев назад

    I'm having the problem where the alert doesn't show the followers name its worked fine for the others but the follower alert isn't having it

  • @jasonorourke1531
    @jasonorourke1531 7 месяцев назад

    thanks

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

    Very helpful video! I followed everything but I keep getting one error - editor mode: will not report channel event visible

  • @nvlvibes
    @nvlvibes 9 месяцев назад

    can we make this bar vertical?

    • @iberryboi
      @iberryboi 9 месяцев назад

      Absolutely, it would be mostly the same but you'd be animating the height instead of the width.

    • @nvlvibes
      @nvlvibes 9 месяцев назад

      @@iberryboi you have discord or something I have so many questions

    • @iberryboi
      @iberryboi 9 месяцев назад

      @@nvlvibes yes my discord name is iberryboi

    • @nvlvibes
      @nvlvibes 9 месяцев назад

      @@iberryboi I have sent you the request.

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

    i know this is old but watched this and did everything and it does not work anymore

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

    Could you make some more advanced stuff such as widgets connected to certain commands through stream avatars

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

    absolute life saver <3

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

    This worked! Thank you for making this guide!

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

      you have the most recent comment, i cannot get this to work at all. and ive watched and done exactly everything he has done.

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

    That's really cool! Do you have a skript for custom avatars so they can enter for example !battleroyal?

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

    I wanted to get into making widgets and this was lovely, still alittle confused but that's fine since you explained stuff clearly enough, it's really late for me so it could be a tired brain lmao I didn't want to ask, if you could maybe do a video on having the number or percentage filled outside the bar attached to a sign post or mascot? I've seen some of those recently and they look interesting to do! But they are vertical, not sure if that matters T-T EITHER WAY TY! I LOVED THIS!

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

    This tutorial is amazing ! Thanks a lot, it helped. I wonder, will you make tutorials on chat widget next ? On how to create a custom twitch chatbox and stuff like that :D ?

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

    Hi i have followed each step and it's not working :( i've been at this for an hour now, could you please help?

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

    I used transfonter and it unfortunately didnt work for me.. :( only issue I'm recognizing is that when I'm enter the "font-family" portion the text isnt changing color so I'd assume for some reason that might be an issue? any ideas? thanks in advance!

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

    Still works as of August 2023, saved my sanity, thank you so much

    • @user-vt1ti5ui3g
      @user-vt1ti5ui3g Год назад

      yoo can you please help me, mine isn’t working 😢

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

      Don't know what to tell you, I followed iberryboi's instructions point by point, and that did it.

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

    Soild work man, thanks for the video

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

    for some reason the name of the follower is using the font but the "followed" phrase isn't

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

    for me it says that the controller is an xbox 360 controller although its an n64 controller

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

    legend

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

    I hope you come back and continue this series. You break down and explain everything so well. As an artist trying to break into making custom widgets myself I'm finding your tutorials very beginner friendly!

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

    Hey man, recently saw ur vids and rly love them and could use ur expertise. Send you a friend request on discord would love to have a chat about a certain element u might be able to help with :)

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

      Ty, absolutely. Accepted request.

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

      @@iberryboi Perfect mate, sent u thru a msg outlining the task and we can see what we can do

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

    Thanks SO MUCh bro this helped