잠시만 기다려 주세요.
devaslife
2023. 2. 16.
▶ Source code https://github.com/craftzdog/ghibli-style-shader ▶ My dotfiles https://github.com/craftzdog/dotfiles-public ▶ My equipment http://uses.craftz.dog/ ▶ Check out my product: Inkdrop - Markdown note-taking app https://www.inkdrop.app/?utm_source=devaslife&utm_medium=youtube&utm_campaign=vlog&utm_content=IGK6eceWyU4 Follow me online here: ▶ My weekly vlog https://www.youtube.com/@craftzdog ▶ Subscribe to my newsletter https://www.devas.life/ ▶ Twitter https://twitter.com/inkdrop_app ▶ Instagram https://instagram.com/craftzdog References: ▶ Blenader tutorial by Lightning Boy Studio https://www.youtube.com/watch?v=DEgzuMmJtu8&ab_channel=LightningBoyStudio 00:00:00 Hello 00:00:44 Unboxing a new MacBook Pro 00:01:54 Heading to Osaka Castle Park 00:04:00 Create a new React project 00:05:12 Install libraries 00:05:31 Make the page background transparent 00:06:32 Remove the template content 00:06:53 Integrate React Three Fiber into the project 00:08:49 Add a simple scene 00:14:33 Add a ground plane for shadows 00:17:19 Import a tree model 00:18:28 Add the tree model to the scene 00:19:37 Use Standard Material 00:20:50 Use Toon Material 00:23:25 Rotate the tree object 00:24:55 Create a simple shader 00:28:05 Use a custom toon shader 00:32:10 Tweak the toon shader 00:35:11 Start creating a Ghibli shader 00:40:01 Define variables 00:42:12 Calculate brightness 00:44:25 Add gradient colors 00:44:53 Create another color variation 00:47:29 Thank you for watching #ThreeJS #CodeWithMe #ASMR
이번 영상에서는 프로그래밍에서 중요한 원칙 중 하나인 Single Point of Truth(SPOT)에 대해 이야기합니다. 특히 git을 사용할 때 발생하는 문제와 이를 해결하기 위한 방법을 다룹니다. 예전에는 모든 자료가 mono repo로 관리되었지만, git의 초기 기능 부족으로 많은 문제가 생겼습니다. 이로 인해 대기업에서 git 사용이 힘들었고, 다양한 repo를 복제하여 사용하는 복잡한 방법들이 필요해졌습니다. 이를 해결하기 위해 symbolic link나 junction을 사용해 특정 폴더 구조를 고정하는 방법을 설명합니다. 이를 통해 개발 환경을 통합하고 관리할 수 있습니다. 특히 junction을 사용하여 모든 직원이 동일한 폴더 구조에서 작업할 수 있도록 설정하는 방법을 제안합니다. 이렇게 하면 개발 환경 설정이 쉬워지고, 업무 효율이 높아집니다. 이번 영상에서는 이러한 git 사용의 문제점과 이를 해결하는 방법을 자세히 설명합니다.
2024. 5. 20.
Vercel's infrastructure now keeps a minimum of one function instance warm for production environments on paid plans. This improves startup times for apps with relatively low traffic. This builds on our recent improvements to make Vercel Functions start up even faster, by powering them with Rust and adding support for bytecode caching. In this video, we walk through the two blog posts below in more detail. ◆ https://vercel.com/blog/vercel-functions-are-now-faster-and-powered-by-rust ◆ https://vercel.com/blog/introducing-bytecode-caching-for-vercel-functions
2024. 6. 10.
Justin Schroeder presents a talk at VueConf US 2024. Watch all the talks from this conference and more on Vue Mastery 👉 https://www.vuemastery.com/conferences Ready to master Vue.js? With weekly Vue js tutorials on the latest topics, and exclusive content with Evan You (the creator of Vue), Vue Mastery is the ultimate learning resource for Vue developers to level-up their skills. Watch more free Vuejs tutorials 👉 https://www.vuemastery.com/courses 0:00 Scalable Forms in Vue 0:27 What is scalability? 1:54 Scalable front ends 8:38 Forms are hard 12:25 FormKit's solution
2024. 9. 26.
In this video, with the topic Amazing 3D Animation Website with Three.Js So Eazy, Not only will I guide people to get acquainted with Three.js, I will also guide people to create extremely interesting animations when users scroll the page with Three.js easily. Steps - By Steps: 00:00 Intro project 00:41 Prepare 02:17 Initialize the Camera In Three.Js 03:16 Initialize the Scene 04:18 Render 3D to Html 06:18 Set up the light 06:55 Change Position Model 07:23 Use built-in Animation 08:50 Create Animation Scrolling Download Code: https://www.lundevweb.com/2024/09/amazing-3d-animation-website-with.html ----- Hello everyone, I'm creating a lot of new projects every day and sharing them 😍, including things you'll love to know about javascript and web Developer, Designer. Subscribe to the channel so you don't miss it ✅. #javascript #code #css ----- Theme VsCode I'm Using: https://youtu.be/DSxUlhIN2lk Featured video series React Js Tutorial: https://www.youtube.com/playlist?list=PLe28tn1x4EIYkPFBrutgP-j1Pe8edxLiz Design Slider - Carousel web: https://www.youtube.com/playlist?list=PLe28tn1x4EIZE0Rp8xakXrvPY7m63_6Oc E-Commerce Web Coding: https://www.youtube.com/playlist?list=PLe28tn1x4EIYlb9cvanZ97XQ5xoQpwcZD Design Parallax SCrolling Effect: https://www.youtube.com/watch?v=LlPQk6ajrnE&list=PLe28tn1x4EIbqW7C8iZ4vw7PonCHbw0Kd&pp=gAQBiAQB Web Applycation Code: https://www.youtube.com/playlist?list=PLe28tn1x4EIaNeqeXklFk2I4ZqjM1z5wh Javascript Tutorial: https://www.youtube.com/playlist?list=PLe28tn1x4EIb4_feu3SA-yFzmvzmyrIaU CSS Tutorial: https://www.youtube.com/playlist?list=PLe28tn1x4EIYuMWtE0YDraW1SWkFi_4tM Many other impressive videos: https://www.youtube.com/@lundeveloper/videos Contact With me: Instagram: https://www.instagram.com/lundev.web Email: hohoang.dev@gmail.com Buy me a cup of coffee by clicking the thanks button on any video. Thank you very much for your support 😍. Here, I share all my knowledge about Developer and Web Design including languages such as HTML, CSS, SASS, Javascript, Vue, React, Bootstrap, Tailwind along with clean code techniques and UI UX Design.
2024. 9. 21.
어릴 적 여러분들 시간을 뺏었던 게임은 뭐가 있었나요? 구독 눌러주세요! https://www.youtube.com/@TTALKKAG-AI?sub_confirmation=1 @RunwayML #ai #ai게임 #동영상ai #동영상생성ai #생성형ai #생성ai #gta #인공지능 #딥러닝 #인공지능로봇 #ai이미지 #ai비디오 #미래전망 #미래도시 #미래게임 #ai미래 #미래ai #미래산업
2024. 10. 11.
오픈 톡방 (https://open.kakao.com/o/gGn2mAnc) 코딩에 관심있는 사람들이 토론하기 위해서 카카오톡 오픈 채팅오픈하였습니다.
2021. 5. 19.