<!--
LUME ✨👉 https://github.com/lume/lume
Old Version. See v2: https://codepen.io/trusktr/pen/wvzjgbo
-->

<style>
	html,
	body {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background: #222;
	}
</style>

<lume-scene id="scene" perspective="800" webgl="true">
	<lume-point-light position="200 -200 200" intensity="3" color="white"></lume-point-light>
	<lume-ambient-light color="white" intensity="2"></lume-ambient-light>
	<lume-perspective-camera size="0 0 0" position="0 0 1000" rotation="0 0 0" active></lume-perspective-camera>

	<lume-gltf-model src="https://rawcdn.githack.com/KhronosGroup/glTF-Sample-Models/c99173c645f47fae603dcb2e7263e656e265cf06/2.0/DamagedHelmet/glTF-Binary/DamagedHelmet.glb" rotation="0 45 0" size="1 1 1" id="model" scale="200 200 200"></lume-gltf-model>
</lume-scene>

<script src="https://unpkg.com/lume@0.3.0-alpha.14/dist/global.js"></script>
<script>
	LUME.useDefaultNames()
	model.rotation = (x, y, z) => [x, ++y, z]
</script>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.