A Vue.js and Three.js-based interactive 3D rotating Earth H5 page for mobile web experiences.
xplan is an interactive 3D Earth visualization built with Vue.js and Three.js for mobile H5 pages. It allows users to rotate a detailed globe model through touch gestures and discover hidden visual effects. The project clones the experience of a popular original site to demonstrate how to create engaging 3D web content for mobile browsers.
Frontend developers and creative coders interested in building interactive 3D web experiences for mobile devices using Vue.js and Three.js.
It provides a ready-to-use, mobile-optimized 3D Earth implementation with touch controls, serving as both a practical demo and a starting point for similar interactive H5 projects.
A rotating earth H5 page with Vue and threejs
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Designed specifically for mobile H5 with intuitive touch rotation and long-press gestures, as demonstrated in the interactive demo.
Includes hidden animations and effects triggered by user interaction, enhancing engagement for promotional or educational content.
Built with Vue.js and Three.js, providing a practical example of integrating 3D graphics into a popular frontend framework.
Offers a readily accessible demo at http://jackgit.github.io/xplan, allowing instant testing without setup.
The README is brief with minimal setup instructions or API details, making customization and integration challenging for new users.
As a replica of an original site, it lacks unique features and may not be actively maintained or extended beyond its demo scope.
Relies on WebGL via Three.js, which can strain low-end mobile devices and lead to suboptimal performance without optimization.