<!--
LUME ✨👉 https://github.com/lume/lume
-->
<script src="https://unpkg.com/lume@0.3.0-alpha.14/dist/global.js"></script>

<style>
	html, body { width: 100%; height: 100%; margin: 0; touch-action: none; }
</style>

<lume-scene
	id="scene"
	webgl
	equirectangular-background="true"
	background="//assets.codepen.io/191583/luna-station.jpg"
	environment="//assets.codepen.io/191583/luna-station.jpg"
>
	<lume-point-light position="200 -200 200" intensity="1" color="white"></lume-point-light>
	<lume-ambient-light color="white" intensity="1.2"></lume-ambient-light>	
	<lume-camera-rig initial-polar-angle="0" min-distance="550" max-distance="2500" initial-distance="1200"></lume-camera-rig>

	<lume-gltf-model id="model" src="//assets.codepen.io/191583/DamagedHelmet.glb" scale="400 400 400"></lume-gltf-model>
</lume-scene>

<script>
	// Define all the LUME HTML elements with their default names.
	LUME.defineElements()
	model.rotation = (x, y, z) => [x, y + 0.06, z]
</script>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.