- Видео 9
- Просмотров 70 335
iberryboi
Добавлен 11 июн 2013
Welcome to iberryboi's channel, where we delve deep into the intricacies of multimedia development and design. Our channel is a gateway to freelancing success and entrepreneurship. We provide practical paths to not only start your freelance journey but also to create unique gigs that set new trends in the digital space.
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
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
This is the best tutorial for scripting widgets out there! Send you a friend request on discord, hoping to ask you some questions!
Ty, added!
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?
THIS IS INCREDIBLE! Thank you so much for the help. I learned a TON about where I was going wrong.
Great to hear! If you have any other questions ever just ping me in the comments.
@@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?
@@gogreyhoundmusicYea for sure! Are you on discord?
you are just amazing 😄
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?
Thank you! Absolutely, that can be done.
@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.
@@gogreyhoundmusic Sweet! Glad they are helpful, wasn't sure if this format was good or not, I will make more because you said that.
@@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.
@@gogreyhoundmusic Ok i will make a video on it! Stay tuned!
thx for that, but how do i add emotes from betterTTV, 7TV or FrankerFaceZ?
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
Absolutely, I will do that.
How do you line all the JS Code up so nicely? 5:38
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?
@@-itimora- Comment out/remove the setInterval function and just use the field button to test
Excellent video. Have you configured a wireless n64 controller?
...where's part 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!
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.
Hey, was just wondering is there a way to make the colors customisable?
Absolutely
GYAT DAMNN ANOTHER ONE?
LETS GOOO ITS UP
This video always bails me out when I have to configure my usb controller. Thank you very much.
Great stuff! Really would like to see in depth video on creating custom chat widget.
ty! here it is: ruclips.net/video/rf735Ti4260/видео.htmlsi=ZpCajmtVM31y1RR2
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.
@@waffleboi2110 yea sure thing, I've been meaning to release a video on this!
@@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!
@@waffleboi2110 I checked out BeniArts, great design on those! I will show you how to implement something similar.
@@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.
@@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.
Thank you man, really.
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?
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?
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.
tyvm! That seems to be the case with alot of people 🤣
i know this is 3 years old but man.. this will always be helpful. Thank you so much for this
i pronounced "Lua" wrong lol
Thank you for this!
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
ty dude!
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
thanks
Very helpful video! I followed everything but I keep getting one error - editor mode: will not report channel event visible
can we make this bar vertical?
Absolutely, it would be mostly the same but you'd be animating the height instead of the width.
@@iberryboi you have discord or something I have so many questions
@@nvlvibes yes my discord name is iberryboi
@@iberryboi I have sent you the request.
i know this is old but watched this and did everything and it does not work anymore
Could you make some more advanced stuff such as widgets connected to certain commands through stream avatars
absolute life saver <3
This worked! Thank you for making this guide!
you have the most recent comment, i cannot get this to work at all. and ive watched and done exactly everything he has done.
That's really cool! Do you have a skript for custom avatars so they can enter for example !battleroyal?
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!
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 ?
Hi i have followed each step and it's not working :( i've been at this for an hour now, could you please help?
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!
Still works as of August 2023, saved my sanity, thank you so much
yoo can you please help me, mine isn’t working 😢
Don't know what to tell you, I followed iberryboi's instructions point by point, and that did it.
Soild work man, thanks for the video
for some reason the name of the follower is using the font but the "followed" phrase isn't
for me it says that the controller is an xbox 360 controller although its an n64 controller
legend
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!
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 :)
Ty, absolutely. Accepted request.
@@iberryboi Perfect mate, sent u thru a msg outlining the task and we can see what we can do
Thanks SO MUCh bro this helped