Tag

lighting

1 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 20, 2024 · Frontend Development

Creating a 3D Cityscape with Lighting, Shadows, and Radar Effects Using Three.js

This tutorial demonstrates how to build a 3D city model in Three.js by adding ambient and directional lighting with shadows, generating random building geometries, customizing shaders for top‑view UV mapping, and implementing animated radar diffusion and scanning effects through shader uniform updates.

ShaderThree.jsWebGL
0 likes · 9 min read
Creating a 3D Cityscape with Lighting, Shadows, and Radar Effects Using Three.js
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Sep 15, 2024 · Frontend Development

Three.js Tutorial: Installation, Scene Setup, Model Loading, Interaction, and Optimization

This article provides a step‑by‑step guide on using three.js—including installing the library, creating a scene with an orthographic camera, loading GLTF models, implementing touch‑based rotation, zoom, and pan interactions, adding lighting and rendering optimizations, and handling iOS Safari scaling issues.

3D modelFrontendOptimization
0 likes · 11 min read
Three.js Tutorial: Installation, Scene Setup, Model Loading, Interaction, and Optimization
DaTaobao Tech
DaTaobao Tech
Sep 19, 2022 · Product Management

High‑Quality E‑commerce Live Streaming Setup Guide

The Alibaba Taobao Live and Canon guide offers a low‑cost, standardized solution for high‑quality e‑commerce live streaming, detailing a 20,000 CNY single‑camera seated‑broadcast setup—including equipment selection, room décor, a six‑step rapid installation, optimal camera/audio configurations, and software tips for TBS.

AudioLive Streamingcamera setup
0 likes · 13 min read
High‑Quality E‑commerce Live Streaming Setup Guide
Amap Tech
Amap Tech
Feb 1, 2021 · Frontend Development

Realistic Lighting Rendering for 3D Building Elements in AMap JSAPI 2.0

The article explains how AMap JSAPI 2.0 achieves realistic 3‑D building lighting by applying the Blinn‑Phong model with ambient, diffuse and specular components, employing directional, point and spot lights together with a classic three‑point lighting setup—including a high‑altitude point light over the Oriental Pearl Tower—to produce depth‑rich, non‑flat visualizations.

3D renderingBlinn-PhongWebGL
0 likes · 11 min read
Realistic Lighting Rendering for 3D Building Elements in AMap JSAPI 2.0