price
0 TEZ1/222 minted
Token is currently disabled by author
Project #28732
Params
Animated
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 inspiration from the mental patterns that each of us has but can be unaware of, I wanted to visualize them using feedback loops. While minting, you can imagine sharing one of such patterns with the world.
The graphical style is inspired 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
[ s ] - save the current frame as an image
[ f ] - fullscreen
Created with Three.js & TensorFlow
Copyright (c) August 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 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.
[ Setup ]
- 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 minting interface is not designed for mobiles.
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 inspiration from the mental patterns that each of us has but can be unaware of, I wanted to visualize them using feedback loops. While minting, you can imagine sharing one of such patterns with the world.
The graphical style is inspired 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
[ s ] - save the current frame as an image
[ f ] - fullscreen
Created with Three.js & TensorFlow
Copyright (c) August 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 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.
[ Setup ]
- 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 minting interface is not designed for mobiles.
Price0 TEZTicket 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)
Filters
Features
Listings