Hello Everyone ✨ In this tutorial, I am gonna showing to you how to code a 3D city with javascript and THREE.js library. this 3d city is full responsive and we used a bit bootstrap in this project❗️
in this code we use camera and scene in three js to create city and animate it 🎥
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
• 100 Days of JavaScript Coding
with this coding bootcamp you will learn how to be an javascript developer✅
Every week i will update this playlist ✅
Video Contents :
00:00 - Intro
00:25 - Warming hands
00:30 - Main codes
01:44 - Html coding
02:40 - CSS coding
04:06 - Main JS codes
05:25 - Calling functions
05:52 - Responsive codes
06:46 - Camera
07:16 - THREE variables
07:56 - FOG Background
08:31 - Random Function
09:09 - Change buildings colors
10:08 - Create city
14:27 - Particulars
17:56 - Mouse functions
19:12 - Touch functions
21:02 - Create lights
24:02 - Grid helper
24:31 - Cars world
28:16 - Generate lines
28:38 - Camera position
29:07 - Animate function
32:00 - Fix bugs
33:13 - Final Result
Other Video's :
Coding a Snake Game : • ASMR Programming - Coding a Snake Gam...
Movie Guide App Coding : • ASMR Programming - Movie Guide App Wi...
Coding IOS (IPhone) Dynamic Music : • ASMR Programming - Coding IOS (IPhone...
Asmr Game Coding Playlist : • JavaScript Game Coding
Subscribe → https://bit.ly/3Lf1K4A ✅
Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.
About AsmrProg Channel :
Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming