|
|
@@ -32,7 +32,8 @@
|
|
|
<body>
|
|
|
|
|
|
<div id="info">
|
|
|
- <a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> - webgl HDR (RGBE) texture loader example
|
|
|
+ <a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> - webgl HDR (RGBE) texture loader example<br/>
|
|
|
+ Image courtesy of <a href="http://www.pauldebevec.com/Research/HDR/" target="_blank" rel="noopener">Paul Debevec</a>.
|
|
|
</div>
|
|
|
|
|
|
<script src="../build/three.js"></script>
|
|
|
@@ -51,7 +52,7 @@
|
|
|
}
|
|
|
|
|
|
var params = {
|
|
|
- exposure: 1.0
|
|
|
+ exposure: 2.0
|
|
|
};
|
|
|
|
|
|
var renderer, scene, camera;
|
|
|
@@ -76,7 +77,7 @@
|
|
|
|
|
|
camera = new THREE.OrthographicCamera( - aspect, aspect, 1, - 1, 0, 1 );
|
|
|
|
|
|
- new THREE.RGBELoader().load( 'textures/miranda_uncropped.hdr', function ( texture, textureData ) {
|
|
|
+ new THREE.RGBELoader().load( 'textures/memorial.hdr', function ( texture, textureData ) {
|
|
|
|
|
|
//console.log( textureData );
|
|
|
//console.log( texture );
|
|
|
@@ -88,7 +89,7 @@
|
|
|
|
|
|
var material = new THREE.MeshBasicMaterial( { map: texture } );
|
|
|
|
|
|
- var quad = new THREE.PlaneBufferGeometry( textureData.width / textureData.height, 1 );
|
|
|
+ var quad = new THREE.PlaneBufferGeometry( 1.5 * textureData.width / textureData.height, 1.5 );
|
|
|
|
|
|
var mesh = new THREE.Mesh( quad, material );
|
|
|
|
|
|
@@ -102,7 +103,7 @@
|
|
|
|
|
|
var gui = new dat.GUI();
|
|
|
|
|
|
- gui.add( params, 'exposure', 0, 2 ).onChange( render );
|
|
|
+ gui.add( params, 'exposure', 0, 4, 0.01 ).onChange( render );
|
|
|
gui.open();
|
|
|
|
|
|
//
|
Mr.doob