mirror of
https://github.com/TomHodson/tomhodson.github.com.git
synced 2025-06-26 10:01:18 +02:00
26 lines
1.1 KiB
Markdown
26 lines
1.1 KiB
Markdown
---
|
|
title: ThreeJS Earth
|
|
layout: post
|
|
excerpt: A small earth renderer made using ThreeJS
|
|
|
|
image:
|
|
thumbnail: /assets/blog/sphere_geodesics/thumbnail.png
|
|
assets: /assets/blog/sphere_geodesics/
|
|
alt: A render of a 3D spherical earth.
|
|
|
|
head: |
|
|
<script async src="/node_modules/es-module-shims/dist/es-module-shims.js"></script>
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"three": "/node_modules/three/build/three.module.min.js",
|
|
"three/addons/": "/node_modules/three/examples/jsm/",
|
|
"three/examples/": "/node_modules/three/examples/jsm/",
|
|
"lil-gui": "/node_modules/lil-gui/dist/lil-gui.esm.min.js"
|
|
}
|
|
}
|
|
</script>
|
|
<script src="/assets/blog/sphere_geodesics/index.js" type="module"></script>
|
|
---
|
|
A small earth renderer made using ThreeJS. The most fun thing here is to max out the dislacement scale to see how big the Himalayas are! <a href = "https://github.com/TomHodson/tomhodson.github.com/tree/main/assets/blog/sphere_geodesics">Code here.</a>
|
|
<sphere-viewer style="height: 500px; display: block;"></sphere-viewer> |