price
0.22 TEZ222/222 minted
Project #28784
Params
Animated
Interactive
Custom UI
FXHACKATHON2023
Part of the fxhackathon 2023: co-creation interfaces.
The hackathon provided the perfect excuse to create a custom minting interface that makes use of hand-tracking. Enabling this sort of co-creation between the algorithm and the user has been on my mind for quite some time and is most likely the first of its kind on this platform!
Drawing conceptual inspiration from the mental patterns that each of us has, but can be unaware of, this is an attempt to visualize them using feedback loops. While minting, you can imagine sharing one of your patterns like this with the world.
The graphical style is influenced by the infinitely looping GIFs, and the effect itself is created using a bunch of simple circular geometries that are fed into feedback loops. The color gradients are made by something that could be called chromatic motion blur.
Controls
[ space ] - pause
[ f ] - fullscreen
[ s ] - save the current frame as an image
Created with Three.js & TensorFlow
Copyright (c) August - September 2023 Shaderism
Minting Instructions
Enabling the browser camera when asked is recommended! Although it’s possible to mint without a camera, the minting experience is designed to be used with TensorFlow hand-tracking. The outputs are generated using the minter’s address and the seed parameter, which means that what you see is what you get!
The minting interface is not designed for mobiles.
The minting UI is divided into 3 sections: [ Setup | Params | Capture ]
[ Params ]
If you haven't recorded a customized path yet, switching to a different seed will automatically generate an algorithmic path, in case you prefer the look of that or can’t use a camera. Seed also changes the styling. You can modify the loop duration before OR after recording, which can be useful for capturing paths in slower motion or smoothing out the path.
Before minting, you should define a point in time (Preview Snap %) for capturing the thumbnail preview. [ c ] can be used to set it instead of the slider!
[ Setup ]
- The debug layer is enabled automatically when capturing a path
- You can change to any detected camera source
- Hand-track smoothing can be helpful to avoid flickering in the detection
[ Capture ]
Start recording by using the button or [ r ] - start/stop recording
The hackathon provided the perfect excuse to create a custom minting interface that makes use of hand-tracking. Enabling this sort of co-creation between the algorithm and the user has been on my mind for quite some time and is most likely the first of its kind on this platform!
Drawing conceptual inspiration from the mental patterns that each of us has, but can be unaware of, this is an attempt to visualize them using feedback loops. While minting, you can imagine sharing one of your patterns like this with the world.
The graphical style is influenced by the infinitely looping GIFs, and the effect itself is created using a bunch of simple circular geometries that are fed into feedback loops. The color gradients are made by something that could be called chromatic motion blur.
Controls
[ space ] - pause
[ f ] - fullscreen
[ s ] - save the current frame as an image
Created with Three.js & TensorFlow
Copyright (c) August - September 2023 Shaderism
Minting Instructions
Enabling the browser camera when asked is recommended! Although it’s possible to mint without a camera, the minting experience is designed to be used with TensorFlow hand-tracking. The outputs are generated using the minter’s address and the seed parameter, which means that what you see is what you get!
The minting interface is not designed for mobiles.
The minting UI is divided into 3 sections: [ Setup | Params | Capture ]
[ Params ]
If you haven't recorded a customized path yet, switching to a different seed will automatically generate an algorithmic path, in case you prefer the look of that or can’t use a camera. Seed also changes the styling. You can modify the loop duration before OR after recording, which can be useful for capturing paths in slower motion or smoothing out the path.
Before minting, you should define a point in time (Preview Snap %) for capturing the thumbnail preview. [ c ] can be used to set it instead of the slider!
[ Setup ]
- The debug layer is enabled automatically when capturing a path
- You can change to any detected camera source
- Hand-track smoothing can be helpful to avoid flickering in the detection
[ Capture ]
Start recording by using the button or [ r ] - start/stop recording
PriceDutch auction TEZ 22->2.2->0.22changes every 1 dayAuction startsTicket Grace Period7 days(1)Royalties22.0%(2)Tags
Metadataopen in new tab (0)
webgl
threejs
tensorflow
animation
camera
fxhackathon2023
shaderism
Metadataopen in new tab (0)
Mentions (1)
Filters
Features
Listings