Back to Web Projects
WebFrontend

Arcanyst.com

FrontendMarketing site for the Arcanyst universe with a WebGL portal, localised in three languages.

Arcanyst.com presents the four games of the Arcanyst universe by Caesium Games: Arcanyst Chaos, Bloopire, Apothecaria and Witchroad. The landing page features a WebGL mage portal that cross-fades between the four worlds, rendered with React Three Fiber and custom GLSL shaders.

  • Website
  • 3D
  • Multilingual
Arcanyst.com - Screenshot 1

Overview

Arcanyst.com presents the four games of the Arcanyst universe by Caesium Games: Arcanyst Chaos, Bloopire, Apothecaria and Witchroad. The landing page features a WebGL mage portal that cross-fades between the four worlds, rendered with React Three Fiber and custom GLSL shaders.

The site is built with React 19, Vite, TypeScript and Tailwind CSS 4, supports English, French and Korean, and falls back to static art when WebGL is unavailable or reduced motion is requested.

Features

  • React Three Fiber portal with custom GLSL shaders, lazy loaded
  • Design-token based Tailwind CSS 4 theme
  • Localised routes (/, /fr, /ko) with sitemap generation
  • Accessible fallbacks for reduced motion and small screens