- Видео 461
- Просмотров 17 720
Marty Trujillo
Добавлен 31 май 2014
I've been a web developer for 28 years since 1996, specializing mostly in front-end development. I've also worked as a full-stack developer, coding in MEAN, .Net, and LAMP stacks. However, even in full-stack roles, my focus has primarily been on front-end tasks involving HTML, CSS, and JS.
015 ThreeJS and Angular Space And Time Application: More Interfaces
In this video I continued to create interfaces.
Просмотров: 2
Видео
014 ThreeJS and Angular Space And Time Application: Interfaces continued...
Просмотров 82 часа назад
In this video I continued working on the my interfaces... mostly about position.
012 ThreeJS and Angular Space And Time Application - Interfaces
Просмотров 17 часов назад
In this video I don't have access to chatgpt so I have to resort to using Google. I mostly create a couple of interfaces to make the code more maintainable.
013 ThreeJS and Angular Space And Time Application - More Interfaces
Просмотров 47 часов назад
In this video I continue to flesh out the interfaces.
011 ThreeJS and Angular Space And Time Application - Unit Test The Renderer Service
Просмотров 179 часов назад
In this video I add a couple of Unit Tests for the renderer service.
Angular - Web API Speech Analyzer: Video 066 bug fix
Просмотров 99 часов назад
In this video I fixed a bug where there duplicate values were being displayed as I moved from tab to tab.
010 ThreeJS and Angular Space And Time Application: Unit Test Coverage
Просмотров 1312 часов назад
In this video I move my Unit Test Coverage up to 100%.
Angular - Web API Speech Analyzer - Video 065 Web Analyzer
Просмотров 1412 часов назад
In this video I play around with the app and commit the last bug fix. I found a new bug and tried to fix it, but the fix did not work.
008 ThreeJS and Angular Space And Time Application - Renderer Service
Просмотров 5916 часов назад
In this video I moved the renderer creation into it's own service.
009 ThreeJS and Angular Space And Time Application: renderer unique id
Просмотров 1816 часов назад
In this video I refactored the renderer code to return a id for a new renderer not the renderer itself. Then I added a new function to get the renderer itself.
007 ThreeJS and Angular Space And Time Application: Three Git Commit/Checkin
Просмотров 1816 часов назад
In this video I commit my basic threeJS app.
006 - ThreeJS and Angular Space And Time Application - Three Unit and E2E Tests
Просмотров 1121 час назад
In this video I run the unit tests and E2E tests to make sure that they still work and that we still have 100% test coverage.
007 ThreeJS and Angular Space And Time Application: ThreeJS Git Checkin
Просмотров 1121 час назад
In this video I fix the unit tests and E2E tests. I also committed and pushed the code.
005 ThreeJS and Angular Space And Time Application - ThreeJS Part 2
Просмотров 9День назад
In this video I import and get ThreeJS working in the application.
004 ThreeJS and Angular Space And Time Application - ThreeJS Part 1
Просмотров 22День назад
In this video I go over the files that I installed to get Cypress working, explored NPM dev dependencies vs dependencies, and started install threeJS.
Angular - Web API Speech Analyzer - Video 064 checked in discrete list
Просмотров 19День назад
Angular - Web API Speech Analyzer - Video 064 checked in discrete list
003 ThreeJS and Angular Space And Time Application - Cypress
Просмотров 20День назад
003 ThreeJS and Angular Space And Time Application - Cypress
Angular - Web API Speech Analyzer - Video 063 added discrete history
Просмотров 21День назад
Angular - Web API Speech Analyzer - Video 063 added discrete history
002 ThreeJS and Angular Space And Time Application - Unit Tests
Просмотров 19День назад
002 ThreeJS and Angular Space And Time Application - Unit Tests
001 Angular/ThreeJS/SpaceTime - Starting A New ThreeJS Project.
Просмотров 2714 дней назад
001 Angular/ThreeJS/SpaceTime - Starting A New ThreeJS Project.
Angular/ThreeJS - 339 finished knot torus
Просмотров 1414 дней назад
Angular/ThreeJS - 339 finished knot torus
Angular/ThreeJS - Video 338 implemented knot torus
Просмотров 2114 дней назад
Angular/ThreeJS - Video 338 implemented knot torus
Angular/ThreeJS - Video 337 finished torus
Просмотров 3814 дней назад
Angular/ThreeJS - Video 337 finished torus
Angular - Web API Speech Analyzer - Video 062 add confidence and count
Просмотров 2214 дней назад
Angular - Web API Speech Analyzer - Video 062 add confidence and count
Angular/ThreeJS - Video 335 PR and Torus start
Просмотров 4814 дней назад
Angular/ThreeJS - Video 335 PR and Torus start
Angular - Web API Speech Analyzer: Video 61 Clear Count
Просмотров 2414 дней назад
Angular - Web API Speech Analyzer: Video 61 Clear Count
Angular/ThreeJS - Video 334 upload new code to the website
Просмотров 2014 дней назад
Angular/ThreeJS - Video 334 upload new code to the website
Angular/ThreeJS - Video 333 built out all of the platonic geometries
Просмотров 921 день назад
Angular/ThreeJS - Video 333 built out all of the platonic geometries
Angular/ThreeJS - Video 332 implemented platonic shapes
Просмотров 1921 день назад
Angular/ThreeJS - Video 332 implemented platonic shapes
You are rendering after the page has loaded and you are viewing it, is there a way to asign three to a specific DIV?
Yes. I usually use a template reference variable (#divname) and then get a reference to the native element. Then you can append the renderer.domElement to the div. There are definitely a lot of other ways to do it. Good luck!
Do you use Obsidian? I mean what is the new hype among programmers using this notepad application? I am asking because I thought you might know the about it beyond the hype...
This is the first time I have heard of it. Do you us Obsidian?
@martytrujillo521 no I just got some RUclips recommandations about the topic. Btw have you checked my glb model video
@@VikrantVKadam Is Veronica a glb?
@@martytrujillo521 yes it is a glb file, downloaded from Ready Player Me and animations are from Mixamo. I have added those using gltfLoader() and AnimationMixer()
What are you building my guy?
Hi! This is just a proof of concept that lets me see what different 3JS attributes do. I will be shutting this POC down at the end of the year and starting a new one on 1/1/2024.
I just watched your "notes on livestreaming video" - that was a fun watch. I just subscribed. My wife is a lot more serious about this stuff - she's on tiktok like you. www.tiktok.com/@craftybymelissa
Hi Marty Vikrant here! So your implementation of three js in Angular 17 in 10 Min. video inspired me to add 3D Avatars for the chatbot I created, so until now I have created a chatbot which includes STT and also TTS, so in my company we were thinking it would be nice to add an Avatar as the chatbot was already producing sound from the response generated by LLM. So we had 2 choices either include another AI model which will create lip sync videos, which is if you think about it would have been computationally costly, but I thought it would be nice if we use Three JS. So I used 3D model from Ready Player ME, and added lip sync too on that model right inside ThreeJS. So that is the whole story.
Wow. That is so cool. I would love to see a screen shot.
Finally you figured out OBS, proud of you sir🤗
Thanks, I couldn't have done it without you :)
Hey Marty what are you exactly trying to build here? Like with 3js are you planning to include glb models in future?
So this was just supposed to be a proof of concept that would allow me to learn how 3JS features work. I had built a few threeJS projects in the past but I didn't like at www.chemx.xyz/ but while I was able to get stuff working I wasn't really able to understand what was going on. So like what is fog in threeJS and how does it work? I still don't really know what I want to build...
Let's not forget to like people!
Thanks! Likes are genuinely appreciated :)
I noticed you have increased the video quality to 1080p😊
I did! Do you think the videos are better now?
@@martytrujillo521well, it is 1080p but you just need to figure out how to make it full screen, as it is shifted to top left side of the screen.
@@VikrantVKadam Oh, I see... ok I figured out how to adjust my settings! Thanks!
Thanks for sharing such valuable information! I have a quick question: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). Could you explain how to move them to Binance?
thanks! So I have no idea, I don't have or participate in crypto currency or web 3.0 in any way. But I am pretty sure that those words are supposed to be secret.
You are right web speech api is more fun to non developers... maybe three js seems little too much technical
I am very surprised the web speech has not become more desired in the corporate world.
Can you shoot and upload videos in 1080p?
Sure thing! That sounds like an excellent suggestion. :)
Note. I changed my settings for the video that I am getting ready to create today. That will be in video 307 and I will upload that one on December 2nd.
Dude I just binge watched your Threejs series, I still need to rewatch some of the videos, even though I am working on angular for more than 2 years now, after listening to you I realized how much more I have to learn... This is Great Please keep doing this...
Thank you very much. Yeah, it's incredible how much there is to learn in Angular. Keep on coding!
nice one!
thanks!
Published the code anywhere? Wanted to try it for a spin.
yeah man! Here is a link to my git hub... github.com/martytheparty/showtime I am currently working on the github.com/martytheparty/showtime/tree/scene-round-fog branch. I haven't pushed the distributed application anywhere yet.
Oh shoot... the branch if for my full angular threeJS application. Gimme a minute and I will push this ng19 application to github.
I have pushed the code from this email to github.com/martytheparty/ng19alexanderb - thanks for watching!
> then I got distracted by bugs and never committed classic!
lol... gets me every time.
Hello, I did not found your playlist well. Why are not you make playlist? Your tutorial list is randam.
Hi. Sorry, I started this set of videos before I understood playlists. But I do number the videos.
Up
thanks!
Hey! Great content you have here in the channel 👏 I think that changing the titles of your videos will have a huge impact on the amount of visits and subscribers. Also, changing the thumbnail will make the videos more appealing. I guess you haven't asked for advice and probably you already know this but your content seems to be awesome and it deserves more views 🙌 All the best for you 👍
Thank you so much for the compliments. I suspect that you are 100% correct... I have found that when I change the titles to have more industry words in them like "Angular Material" the views go way up. I have also noticed that when I add terms like "Top 3..." the view go way up, but I wonder if getting extra views has any benefit. I sincerely appreciate your suggestions and with you the best of luck!
I love your content! And i find completely randomly. You deserve more than that! Please keep going!
You are very kind! Thank you!
Is there a way to control the scene in a component? And get some tag in the HTML
Hi! I think I understand your scene. When you create a scene with threeJS it returns a reference to the scene. Then you set change attributes of the scene. The attributes I often change are the background colors and casting shadows. Good luck!
Hi Marty nice videos! thank you so much for this. Marty do you have some tutorials for GLFT loader? it will be nice to implement objects .glb which look more stetic for websites
You're welcome. I don't... I haven't ever heard the GLFT. I will try to look into it.
GJ
thanks!
Which font size you have in vscode ?
Hi! My font size is 14px
Hi thank you for the video. I was following step by step but I got following error when running the app: window is not defined
Hi, thanks... so I think that you might have created a SSR project (which might be the default now - so you probably followed the video exactly, but the process may have changed) . I am working right now, but I will take a look after work. In the mean time, when you are setting up the project if it offers the option to create an SSR project select the other option. If that is the issue SSR is Server Side Rendering and there is no window object on the server.
I am pretty sure that your application was set up as a SSR project. I am going to make a new video now, but I think that it will work for you if you select NO for SSR during the setup. Thanks!
That is impressive! Thanks for the video, sir.
If you have your social media accounts or GitHub account, I would like to know.
Glad you liked it! And thank you for the kind words :)
My git hub is github.com/martytheparty I have a tiktok but I don't do anything technical there... www.tiktok.com/@martythejavascriptparty
@@martytrujillo521 I appreciate it
well done
thanks!
Your audio is to quiet to hear even with my volume maxed. Great to see some ThreeJS tutorials being made though!
Thanks for letting me know... I will try to figure that out.
Thank you for your guidance. I will try this as my next project.
You're are Very Welcome! Thank you very much for your comment :)
very tanks from venezuela !!
you're welcome!
Hello, What is the purpose of the provider if it is not used?
Hey! Are you referring to {provide: Window, useValue: window} line? If so then I think (heavy emphasis on think) that is a relic of the past... there was a time when you could not access the window object in Angular without that provider (there were other ways to access the window object as well), but I think that I noticed that in Angular 17 that is no longer necessary...
@martytrujillo521 Oh I didn't know, thanks anyway, I've been checking and the problem with using this code is zone.js, in fact I'm taking a look at angular three to avoid this
Nice video sir please add respective git repo for the video
I am not 100% sure what you mean... do you want a repo for the Angular code that I am working on, or do you want a link the the MDN Webdocs repo? I haven't made one for the code I am working on, but I can if that's what you want :)
@@martytrujillo521 github repo sir,
@martytrujillo521 sir I need the github repo
@@tranquillityEnthusiast is this what you want? github.com/martytheparty/angular-speech-color-changer
I implemented this last year for a website in pure JS. There is a set of event types exposed by the browser. You could then map those onto NGRX quite nicely..
I agree... I think this would work with NGRX... I was thinking about this last night and I think I am going to use the new Angular Signals feature to publish events. But IMHO you are 100% correct NGRX is a SOLID option.
Great work i wish you the best
thanks! You too!
😀
thanks
Hi, thanks for the video. Just a quick tip: You can execute local angular CLI commands without having to create npm scripts in package.json and you can also pass multiple package names to ng update. Next time, try "npx ng update @angular/cli @angular/cdk @angular/core @angular/material" all in one go
Thanks for the tip!
Short and constructive. Thank you.
You're welcome!
Hi marty! thanks for the video! I was exactly looking for this. just a recommendations, your audio was pretty low
Sorry about that... yeah. I have learned a lot since then... I really need to redo this video.
@@martytrujillo521 I have not yet seen your other videos but thank you either way 😁
Great video, please keep going
Thanks, will do!
you saved my life dude
Thanks for the feedback. I suspect that you were struggling with how to integrate a 3rd party library into Angular... that took me a very long time to figure out and then it was a huge drama to figure out how to do it again... I am glad this video helped you.
keep going (:
will do!
thanks bro u really came through for me on that assignment at uni
Glad I could help
😡 Promo`SM
Hey. Those are great points. Although, I also like having the commands in the package.json so I can refer back to them in the future.
I hope you make a video to replace the cube with another product from sketchfab
Sorry for the slow reply. You are my first comment ever and I didn't see it. That is such an interesting idea. In a few weeks I plan to start working on exporting and importing the ThreeJS Scene. Once I have that working it would probably be fun and interesting to see if I can come up with a way to import a specific mesh from something like sketchfab. Thanks!
in angular we trust
So true... If you want your application to be viable longer then 3 years and as far as I can tell Angular is your only choice.
Hi sir, actually this topic is amazing, can u show how can i impliment there.js example code on my Projects.
Unfortunately, I am very busy and I don't have time to dig into your project... I wish you luck though :)