This is a longer description about your blog. 2026-07-16T18:24:28Z https://scouttea.statichost.page/ Sam Coutteau 2026-07-16T18:24:28Z https://scouttea.statichost.page/projects/patterns-collection-1/ <div class="focal"> <img src="https://scouttea.statichost.page/assets/project-files/Patterns-Collection-1/renders/Atomic.png"> </div> <h1>Patterns Collection 1</h1> <div class="showcase"> <img src="https://scouttea.statichost.page/assets/project-files/Patterns-Collection-1/renders/Atomic.png"> <img src="https://scouttea.statichost.page/assets/project-files/Patterns-Collection-1/renders/Maze.png"> <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/Patterns-Collection-1/renders/Crumple.mp4" type="video/mp4"> </video> <img src="https://scouttea.statichost.page/assets/project-files/Patterns-Collection-1/renders/Lattice.png"> <img src="https://scouttea.statichost.page/assets/project-files/Patterns-Collection-1/renders/Gosper.png"> <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/Patterns-Collection-1/renders/Spiral.mp4" type="video/mp4"> </video> </div> 2026-06-29T05:14:40Z https://scouttea.statichost.page/projects/flag-collection-1/ <div class="focal"> <img src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/static/battle_flag1.png"> </div> <h1>Flag Collection 1</h1> <div class="showcase"> <img src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/static/battle_flag1.png"> <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/animation/battle_flag1.mp4" type="video/mp4"> </video> <!-----> <img src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/static/flag3.png"> <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/animation/flag3.mp4" type="video/mp4"> </video> <!-----> <img src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/static/flag7.png"> <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/animation/flag7.mp4" type="video/mp4"> </video> <!-----> <img src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/static/flag8.png"> <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/animation/flag8.mp4" type="video/mp4"> </video> <!-----> <img src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/static/flag9.png"> <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/animation/flag9.mp4" type="video/mp4"> </video> <!-----> <img src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/static/flag10.png"> <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/animation/flag10.mp4" type="video/mp4"> </video> </div> <h2>Original designs</h2> <div class="showcase"> <img src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/source/battle_flag1.png"> <img src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/source/flag8.png"> <img src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/source/flag3.png"> <img src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/source/flag7.png"> <img src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/source/flag9.png"> <img src="https://scouttea.statichost.page/assets/project-files/Flag-Collection-1/renders/source/flag10.png"> </div> <p>HDRI from <a href="https://polyhaven.com/">Polyhaven</a></p> 2026-06-08T19:16:11Z https://scouttea.statichost.page/projects/menger/ <video class="focal" controls="" loop=""> <source src="https://scouttea.statichost.page/assets/project-files/menger/renders/central-zoom.mp4" type="video/mp4"> </video> <h1>Menger Sponge</h1> <div class="showcase"> <video controls="" loop=""> <source src="https://scouttea.statichost.page/assets/project-files/menger/renders/inverted-zoom.mp4" type="video/mp4"> </video> <video controls="" loop=""> <source src="https://scouttea.statichost.page/assets/project-files/menger/renders/side-zoom.mp4" type="video/mp4"> </video> </div> <video class="minor" controls="" loop=""> <source src="https://scouttea.statichost.page/assets/project-files/menger/renders/central-zoom.mp4" type="video/mp4"> </video> 2026-06-07T15:28:16Z https://scouttea.statichost.page/projects/attractors/ <div class="focal"> <video class="focal" controls="" loop=""> <source src="https://scouttea.statichost.page/assets/project-files/Attractors/renders/thomas.mp4" type="video/mp4"> </video> </div> <h1>Attractors</h1> <div class="showcase"> <img src="https://scouttea.statichost.page/assets/project-files/Attractors/renders/general.png"> <video class="focal" controls="" loop=""> <source src="https://scouttea.statichost.page/assets/project-files/Attractors/renders/general.mp4" type="video/mp4"> </video> <video class="focal" controls="" loop=""> <source src="https://scouttea.statichost.page/assets/project-files/Attractors/renders/nose.mp4" type="video/mp4"> </video> <img src="https://scouttea.statichost.page/assets/project-files/Attractors/renders/nose.png"> <img src="https://scouttea.statichost.page/assets/project-files/Attractors/renders/thomas.png"> <video class="focal" controls="" loop=""> <source src="https://scouttea.statichost.page/assets/project-files/Attractors/renders/thomas.mp4" type="video/mp4"> </video> </div> <p>Inspired by <a href="https://chaoticatmospheres.com/mathrules-strange-attractors">Chaotic Atmospheres</a></p> 2026-06-06T17:10:29Z https://scouttea.statichost.page/projects/fractal-wave/ <video class="focal" controls="" loop=""> <source src="https://scouttea.statichost.page/assets/project-files/Wave/renders/0001-0240.mp4" type="video/mp4"> </video> <h1>Fractal Wave</h1> <p><img class="minor" src="https://scouttea.statichost.page/assets/project-files/Wave/renders/still.png"></p> 2026-06-04T18:09:58Z https://scouttea.statichost.page/projects/logo/ <div class="focal"> <img src="https://scouttea.statichost.page/assets/project-files/Logo/renders/folded.png"> </div> <h1>Logo</h1> <div class="showcase"> <video class="focal" controls="" loop=""> <source src="https://scouttea.statichost.page/assets/project-files/Logo/renders/cube.mp4" type="video/mp4"> </video> <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/Logo/renders/tube.mp4" type="video/mp4"> </video> <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/Logo/renders/fold.mp4" type="video/mp4"> </video> <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/Logo/renders/cut.mkv" type="video/mp4"> </video> <video class="focal" controls="" loop=""> <source src="https://scouttea.statichost.page/assets/project-files/Logo/renders/sketch.mp4" type="video/mp4"> </video> <img src="https://scouttea.statichost.page/assets/project-files/Logo/renders/sketch.png"> <img src="https://scouttea.statichost.page/assets/project-files/Logo/renders/cracked.png"> <img src="https://scouttea.statichost.page/assets/project-files/Logo/renders/cobble.png"> <img src="https://scouttea.statichost.page/assets/project-files/Logo/renders/wires.png"> <img src="https://scouttea.statichost.page/assets/project-files/Logo/renders/plain.png"> </div> <p>HDRis from <a href="https://polyhaven.com/hdris/">Polyhaven</a>.</p> 2026-06-02T17:43:52Z https://scouttea.statichost.page/projects/grass-field/ <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/GrassField/renders/0001-1440.mkv" type="video/mp4"> </video> <h1>Grass Field</h1> <p><img class="minor" src="https://scouttea.statichost.page/assets/project-files/GrassField/renders/still.png"></p> 2026-06-01T18:37:39Z https://scouttea.statichost.page/projects/dot-dot-dot/ <div class="focal"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/circle_painting/red.jpg"> </div> <h1>Dot Dot Dot</h1> <div class="showcase"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/coarse_halftone/oval.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/circle_painting/field.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/circle_painting/horizon.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/coarse_halftone/tree.jpg"> </div> <p>The first effect is achieved by overlaying 4 grids of dots (CMYK) over the image and scaling each dot appropriatly</p> <div class="showcase"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/coarse_halftone/yellow.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/coarse_halftone/church.jpg"> </div> <p>The second works similar, but instead of a grid of dots, first high contrast areas are identified. then dots are randomly places given the color based on their location and finally scaled proportionally to how far they are from high contrast areas. As such dots in low contrast areas are larger.</p> <div class="showcase"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/circle_painting/calm.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/circle_painting/fjord.jpg"> </div> <h3>Extras</h3> <div class="showcase"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/coarse_halftone/grain.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/circle_painting/flight.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/circle_painting/lake.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/coarse_halftone/plateau.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/coarse_halftone/pillars.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/circle_painting/mansion.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/circle_painting/palace.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/circle_painting/plains.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/coarse_halftone/forest_edge.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/circle_painting/red.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/circle_painting/sky.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/circle_painting/sunset.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/coarse_halftone/castle.jpg"> <img src="https://scouttea.statichost.page/assets/project-files/dot-dot-dot/render/coarse_halftone/flowers.jpg"> </div> <p>Colors picked using <a href="https://coolors.co">Coolors</a></p> 2026-05-30T06:17:08Z https://scouttea.statichost.page/projects/packing/ <div class="focal"> <img src="https://scouttea.statichost.page/assets/project-files/Packing/output/wallpaper.png"> </div> <h1>Packing</h1> <p>A demonstration of random circle packing</p> <div class="showcase"> <img src="https://scouttea.statichost.page/assets/project-files/Packing/output/square.png"> <img src="https://scouttea.statichost.page/assets/project-files/Packing/output/4x3.png"> <img src="https://scouttea.statichost.page/assets/project-files/Packing/output/square_1.png"> <img src="https://scouttea.statichost.page/assets/project-files/Packing/output/square_2.png"> </div> <p>The basic concept is quite simple.</p> <ol> <li>Pick a random point</li> <li>Draw the largest circle centered at that point without overlapping an existing circle</li> <li>Repeat</li> </ol> <div class="showcase-long"> <img src="https://scouttea.statichost.page/assets/project-files/Packing/output/banner_2.png"> <img src="https://scouttea.statichost.page/assets/project-files/Packing/output/banner.png"> </div> <p>The actual implementation involves keeping track of which areas are still empty, and efficiently querying if what the largest circle possible is at a point.</p> <p><img src="https://scouttea.statichost.page/assets/project-files/Packing/output/square.debug.png" class="detail"></p> <p>Colors picked using <a href="https://coolors.co/fdffff-b10f2e-570000-280000-de7c5a">Coolors</a></p> 2026-05-30T06:17:08Z https://scouttea.statichost.page/projects/wireframe/ <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/Wireframe/Render/video_points.mp4" type="video/mp4"> </video> <h1>Wireframe</h1> <video controls="" class="minor"> <source src="https://scouttea.statichost.page/assets/project-files/Wireframe/Render/video_projection.mp4" type="video/mp4"> </video> <video controls="" class="minor"> <source src="https://scouttea.statichost.page/assets/project-files/Wireframe/Render/video_plane.mp4" type="video/mp4"> </video> 2026-05-30T06:17:08Z https://scouttea.statichost.page/projects/paper-work/ <div class="focal"> <img src="https://scouttea.statichost.page/assets/project-files/PaperWork/Render/toothpaste.png"> </div> <h1>Paper Work</h1> <div class="showcase"> <img src="https://scouttea.statichost.page/assets/project-files/PaperWork/Render/toothpaste.png"> <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/PaperWork/Render/video_mint.mp4" type="video/mp4"> </video> <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/PaperWork/Render/video_toy.mp4" type="video/mp4"> </video> <img src="https://scouttea.statichost.page/assets/project-files/PaperWork/Render/toy.png"> <img src="https://scouttea.statichost.page/assets/project-files/PaperWork/Render/mint.png"> <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/PaperWork/Render/video_toothpaste.mp4" type="video/mp4"> </video> </div> <p>Colors picked using <a href="https://coolors.co">Coolors</a></p> 2026-05-30T06:17:08Z https://scouttea.statichost.page/projects/dark-matter/ <video class="focal" controls=""> <source src="https://scouttea.statichost.page/assets/project-files/DarkMatter/Render/video.mp4" type="video/mp4"> </video> <h1>Dark Matter</h1> <div class="showcase"> <img src="https://scouttea.statichost.page/assets/project-files/DarkMatter/Render/sample_081.png"> <img src="https://scouttea.statichost.page/assets/project-files/DarkMatter/Render/sample_220.png"> <img src="https://scouttea.statichost.page/assets/project-files/DarkMatter/Render/sample_274.png"> <img src="https://scouttea.statichost.page/assets/project-files/DarkMatter/Render/sample_473.png"> </div>