ASMR Programming - Coding Space Globe - Web Development Tutorial

Показать описание

Join us in this tranquil ASMR coding journey as we silently create a fully functional Space Globe using HTML, CSS, and JavaScript. There are no words, only the soothing sounds of coding and the visual magic of web development. Whether you're here to learn or simply unwind, this video offers a unique and calming web development experience that will inspire your creativity.

Git Repository for view the source code:

00:00 - Preview
01:00 - HTML Coding
01:27 - Create CSS file & CSS coding
03:27 - Create JS file
03:54 - Reference Tree CDN JS
04:38 - OrbitControls CDN JS
05:33 - simplex noise CDN JS
06:26 - JS Coding
07:58 - init function
12:45 - Orbit Controls
14:10 - loading images
16:40 - Nucleus
18:38 - Sphere Background
20:30 - Moving stars
21:24 - randomPointSphere function
24:06 - stars material
25:52 - Debug JS code
26:24 - animate function
27:36 - nucleus geometry
29:51 - Sphere Background Animation
33:31 - stars Animation
36:39 - createStars function
39:45 - Debug
40:15 - using createStars function
42:19 - Debug
43:02 - adding window resize event
44:43 - Final Result

#space #globe #spaceGlobe #sphere #game #jsgamer #HTML #CSS #JavaScript #webdevelopment #JS #frontenddevelopment #InteractiveWebApp #ASMR #coding #WebDevelopment #CodingTutorial #WebDesign #UIDesign #asmrcoding #ios #iphone #calculator #swift #ui #ux #silentasmr

Space Globe Coding, ASMR Programming, Web Development Showcase, HTML CSS JS Project, Silent Coding Tutorial, Relaxing Web Design, HTML CSS JS Challenge, Interactive Web Globe, Creative Coding Experience, No Commentary Coding, ASMR Web Development, Coding Challenge, HTML5 CSS3 Project, Web Design Aesthetics, Interactive Web Globe, Silent Coding Journey, ASMR Web Design, Space Globe Creation, HTML CSS JS Challenge, Web Development Inspiration,
Coding Space Sphere, Create Sphere HTML CSS JavaScript, Globe JS, Sphere JS, Sphere CSS.