Channel BannerChannel Banner
IGK6eceWyU4IGK6eceWyU4

How to create Ghibli-style trees with three.js

302,189
Socialcounts.Org
Enter Fullscreen (f)
7,876
likes
253
comments
daily view 0
monthly view 0

Share

Live Analytics

Comments 0

How to create Ghibli-style trees with three.js Analytics Table

Income Estimates for How to create Ghibli-style trees with three.js

Based on this YouTube video's total view count of 302K views and industry-standard rates, the estimated total earning is $212 - $604 through ad revenue. Historical data is not yet available to calculate daily, weekly, or monthly averages.

About How to create Ghibli-style trees with three.js

Explore How to create Ghibli-style trees with three.js with 302,189 views, 7,876 likes, and 253 comments. Experience the impact of this video content that has captured audience attention.

â–¶ 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

About YouTube Real-Time View Count

With SocialCounts.org’s view counter, track your YouTube video’s live view count and YouTube likes count in real time with fast, reliable updates.

Watch every YouTube video live view count rise with our real-time YouTube views tracker—built for accuracy and minimal delay.

Follow YouTube real time views as they happen, using our dedicated view counter for YouTube videos.

Get up-to-date live view count on YouTube and see real-time growth with SocialCounts.org’s smart tracking tools.

Embed Widget

Parameters:

  • fullscreen=true - Fullscreen counter
  • graph=true - Live graph chart
  • counter=0/1/2 - Select counter (0=likes, 1=views, 2=comments)
URL

Click to copy the embed URL to your clipboard