Downpour Noir

A #genuary32nd project.
A hot summer downpour in an oppressive city.

My method for Genuary was to read the prompt for the next day before going to bed, sleeping on it, and then try to quickly find an interesting idea with my morning coffee.

The prompt for Day 19 was "Black and White". My mind went to the high-contrast style of comic-book writer and artist Frank Miller, specifically "Sin City" and "The Dark Knight Returns" and their heavy film-noir influences. The result can be found here : https://ulucode.com/genuary2023/19/

This project is a more polished version of my work that day with a few additional features.

The intended output is what first appears, but in the spirit of Genuary, you can explore and experiment with the controls provided to get creative, but also see under the hood.
The camera is left free, so you can change the point of view.
Here are the camera controls ( mobile in parenthesis ) :

• Mouse left click and drag (Touch drag) to rotate.
• Mouse Right and drag (Two fingers drag) to pan.
• Mouse Wheel/Middle (Pinch) to zoom

/// Press SPACE (or Double Tap on mobile) to show/hide the MENU. ///

In this MENU you can :

• Adjust the anti-aliasing quality : mostly for the animation and camera manipulations. Default is "medium". Try reducing the quality if the animation is choppy. Set it to "ideal" for optimal quality.

• Aspect ratio : you can change the desired aspect ratio from the default "poster" to "window", in which case the piece resizes itself to fill the window in which it is displayed. Useful if you want to capture in other formats.

• Animated : toggle to start/stop the animation

• Display frame : toggle to hide/show the comic-like frame

• Display stats : toggle to display a small FPS counter in the top left.

• Export : choose the resolution and press the "Export capture" button to export a PNG of what is currently displayed. Warning : large resolutions can take a few seconds and weigh around 300Mo. This is the recommended method if you want CLEAN graphic files.

NFT License

Runs on Three.js : https://threejs.org/
GUI uses lil-gui : https://www.npmjs.com/package/lil-gui