diff --git a/index.html b/index.html index 0f5923e..aa611bf 100644 --- a/index.html +++ b/index.html @@ -28,6 +28,11 @@ +

Can you animate the Mandelbulb?

+

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:

+ + +

The Code

coming soon @@ -48,10 +53,21 @@

This is where the power comes in (mentioned in the image descriptions). We can look at Mandelbulbs with powers that are not 2.

-

Can you animate the Mandelbulb?

-

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:

+

What happens when the power is < 1?

- +

Short answer: Weird stuff. Long answer: I don't know!

+

here are some renders with weird powers:

+ +
+
+ A mandelbulb rendered with power 0.2, it's just a small sphere + Mandelbulb with power 0.2 +
+
+ A mandelbulb rendered with power -2, it's super weird looking + Mandelbulb with power -2. Looks like a giant, interdimensional jellyfish. +
+


diff --git a/src/style.css b/src/style.css index 6ef4447..e088d40 100644 --- a/src/style.css +++ b/src/style.css @@ -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;