|
@@ -16,7 +16,8 @@
|
|
|
}
|
|
|
#info {
|
|
|
position: absolute;
|
|
|
- top: 0px; width: 100%;
|
|
|
+ top: 0px;
|
|
|
+ width: 100%;
|
|
|
padding: 5px;
|
|
|
}
|
|
|
#info p {
|
|
@@ -24,7 +25,6 @@
|
|
|
margin-left: auto;
|
|
|
margin-right: auto;
|
|
|
padding: 0 2em;
|
|
|
- margin-top: 2em;
|
|
|
}
|
|
|
a {
|
|
|
color: #2983ff;
|
|
@@ -37,9 +37,7 @@
|
|
|
<div id="container"></div>
|
|
|
|
|
|
<div id="info">
|
|
|
- <a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> - Bloom pass by <a href="http://eduperiment.com" target="_blank" rel="noopener">Prashant Sharma</a> and <a href="https://clara.io" target="_blank" rel="noopener">Ben Houston</a><br/><br/>
|
|
|
-
|
|
|
- <div id="info">
|
|
|
+ <a href="http://threejs.org" target="_blank" rel="noopener">three.js</a> - Bloom pass by <a href="http://eduperiment.com" target="_blank" rel="noopener">Prashant Sharma</a> and <a href="https://clara.io" target="_blank" rel="noopener">Ben Houston</a>
|
|
|
<p>
|
|
|
This Bloom Pass is inspired by the bloom pass of the Unreal Engine. It creates a mip map chain of bloom textures and blur them
|
|
|
with different radii. Because of the weigted combination of mips, and since larger blurs are done on higher mips this bloom
|
|
@@ -47,7 +45,7 @@
|
|
|
</p>
|
|
|
Model: <a href="https://sketchfab.com/models/d3f50a66fee74c6588dd9bc92f7fe7b3" target="_blank" rel="noopener">Primary Ion Drive</a> by
|
|
|
<a href="https://sketchfab.com/indierocktopus" target="_blank" rel="noopener">indierocktopus</a>, CC Attribution.<br/>
|
|
|
- <a href="https://blog.sketchfab.com/art-spotlight-primary-ion-drive/" target="_blank" rel="noopener">Art Spotlight</a> blog post.
|
|
|
+ Details in <a href="https://blog.sketchfab.com/art-spotlight-primary-ion-drive/" target="_blank" rel="noopener">Art Spotlight</a> blog post.
|
|
|
</div>
|
|
|
|
|
|
<script src="../build/three.js"></script>
|
|
@@ -162,8 +160,6 @@
|
|
|
|
|
|
} );
|
|
|
|
|
|
- gui.open();
|
|
|
-
|
|
|
window.onresize = function () {
|
|
|
|
|
|
var width = window.innerWidth;
|