datenvorr.at/renders.datenvorr.at
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

added weird power mandelbulbs

Browse Source
This commit is contained in:
Anton Lydike 2020-04-29 19:32:31 +02:00
parent b66064f61c
commit b825ec0d40
2 changed files with 47 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
index.html
View File

@ -28,6 +28,11 @@
<button class="slider-control slider-next">&gt;</button>
</div>
<h1>Can you animate the Mandelbulb?</h1>
<p>Yes, of course! It only takes a huge amount of time. This one rendered in about an hour, it animates the power from 1 to 20:</p>
<video src="https://datenvorr.at/renders/mandelbulb.mp4" controls="show"></video>
<h1>The Code</h1>
<i>coming soon</i>
@ -48,10 +53,21 @@
<p>This is where the <i>power</i> comes in (mentioned in the image descriptions). We can look at Mandelbulbs with powers that are not 2.</p>
<h1>Can you animate the Mandelbulb?</h1>
<p>Yes, of course! It only takes a huge amount of time. This one rendered in about an hour, it animates the power from 1 to 20:</p>
<h2>What happens when the power is &lt 1?</h2>
<video src="https://datenvorr.at/renders/mandelbulb.mp4" controls="show"></video>
<p>Short answer: Weird stuff. Long answer: I don't know!</p>
<p>here are some renders with weird powers:</p>
<div class="image-board">
<div class="image-item">
<img class="embed-img-small" src="https://datenvorr.at/renders/lowres/mandelbulb0.2.png" alt="A mandelbulb rendered with power 0.2, it's just a small sphere"/>
<span class="subtitle">Mandelbulb with power 0.2</span>
</div>
<div class="image-item">
<img class="embed-img-small" src="https://datenvorr.at/renders/lowres/mandelbulb-2.png" alt="A mandelbulb rendered with power -2, it's super weird looking"/>
<span class="subtitle">Mandelbulb with power -2. Looks like a giant, interdimensional jellyfish.</span>
</div>
</div>
<br/>
<br/>

29
src/style.css
View File

@ -9,7 +9,7 @@ html, body {
body {
font-size: 16px;
line-height: 2rem;
line-height: 1.7rem;
}
.nav-inner, main, .footer-inner {
@ -98,6 +98,33 @@ video {
display: block;
}
.image-board {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: stretch;
flex-wrap: wrap;
}
.image-board .image-item {
position: relative;
flex-shrink: 0;
flex-basis: 280px;
flex-grow: 1;
margin: 8px;
}
.image-board .image-item img {
width: 100%;
}
.subtitle {
color: rgba(0,0,0,0.7);
display: block;
font-style: italic;
text-align: center;
line-height: 1.2;
}
@media(max-width: 600px) {
body {
font-size: 14px;