aogl.cn — личные закладки по инструментам генеративного ИИ

← На главную · оригиналы

Интерактивная 3D Земля — WebGL-глобус

Three.js · облака и ореол · орбитальное управление

· Оригинал aogl.cn

Эта интерактивная 3D-модель Земли — оригинальная WebGL-демонстрация на Three.js (r128). Используются текстуры в стиле «blue marble», карта рельефа (bump), блеск воды, отдельный слой облаков и пользовательский шейдер ореола атмосферы на внешней сфере — удобно для географии, науки и яркого визуала на лендинге.

Попробуйте глобус онлайн

Перетаскивайте мышью для вращения камеры, колёсико — масштаб. Всё работает в браузере без плагинов.

Встроенный WebGL-просмотрщик: глобус Three.js, облака и свечение атмосферы.

Почему это полезно для SEO

  • Семантическая разметка (заголовки, figure, figcaption) явно задаёт тему: Земля, WebGL, Three.js, облака, атмосфера.
  • Текст до и после iframe даёт индексируемое содержание, даже если canvas находится во фрейме.
  • loading="lazy" снижает нагрузку на первую отрисовку при переходе со списков статей.

Технологии (для разработчиков)

WebGLRenderer, направленный и окружающий свет, OrbitControls. Атмосфера — чуть большая сфера с фрагментным шейдером, смешивающим френелевский ореол и голубой оттенок.

На мультиязычном сайте локализуйте заголовки и краткие описания, оставляя один общий интерактивный ресурс — так проще сопровождать и лучше покрывать запросы по языкам.