Build a 3D WebGIS Engine with Three.js

JA

An interactive 11-chapter hands-on course — learn globe rendering with live demos and code

About This Site

Accuracy Disclaimer

The content may contain inaccuracies. While the code has been verified to work, some explanatory descriptions may not be entirely precise, and the code itself may contain bugs. Some implementation approaches may not be optimal, but we believe they are still useful for understanding the concepts in a learning context.

Technology Choice

There are many ways to implement WebGIS, but this course uses Three.js to understand how 3D rendering works. For production WebGIS development, we recommend selecting appropriate libraries and frameworks based on your use case.

Usage Notice

This content is intended for learning purposes. The internal components still require significant work to reach production quality, including performance tuning and edge case handling. For this reason, they are not publicly available.

Feedback

If you find any errors, bugs, or have suggestions, feel free to reach out to @nokonoko_1203 on X.

Disclaimer

This content is provided for educational purposes only. No guarantees are made regarding the completeness, accuracy, or currency of the information. The author assumes no liability for any damages arising from the use of the code or information presented here. If you intend to use any part of this content in a production environment, please verify and test it thoroughly under your own responsibility.