Frontend Tutorial

Rare Earth Juejin Tech Community

Mar 22, 2025 · Frontend Development

Recreating Genshin Impact Moon Scene with Three.js – A Step‑by‑Step Tutorial

This article walks through recreating Genshin Impact’s Moon scene using Three.js, covering asset extraction, background loading, star field generation with custom shaders, concentric ring creation, axis stars, camera grouping, and performance optimizations, complete with full source code and live demo links.

3D graphicsFrontend TutorialGenshin Impact

0 likes · 10 min read

Recreating Genshin Impact Moon Scene with Three.js – A Step‑by‑Step Tutorial

Rare Earth Juejin Tech Community

Dec 9, 2023 · Frontend Development

Create a Rolex GMT‑MASTER Style Watch Using HTML Canvas

This tutorial walks a front‑end developer through building a fully functional Rolex‑inspired GMT‑MASTER watch with HTML, CSS and JavaScript by dividing the watch into dial, bezel and hand modules, initializing three canvas elements, defining color variables, and implementing drawing functions for the bezel, dial, hour, GMT, minute and second hands.

CSSCanvas DrawingFrontend Tutorial

0 likes · 21 min read

Create a Rolex GMT‑MASTER Style Watch Using HTML Canvas