
<p>The Incredible contraption is part of the fxhackathon 2023: co-creation interfaces.</p>



<p>It&#8217;s an attempt to give any collector a fun and powerful tool to create generative art and a new kind of minting experience, with a set of tools in the form of a tile laying toy available to collectors to experiment with and try to create artworks.</p>



<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
<iframe loading="lazy" title="The Incredible Contraption release trailer" width="696" height="392" src="https://www.youtube.com/embed/0nH1-7yGQOA?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div></figure>



<p>Here a samples of the creation </p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="683" height="1024" data-id="975" src="https://ulucode.com/wp/wp-content/uploads/2024/02/tic40-683x1024.png" alt="" class="wp-image-975" srcset="https://ulucode.com/wp/wp-content/uploads/2024/02/tic40-683x1024.png 683w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic40-200x300.png 200w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic40-768x1152.png 768w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic40-1024x1536.png 1024w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic40.png 1080w" sizes="auto, (max-width: 683px) 100vw, 683px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="683" height="1024" data-id="976" src="https://ulucode.com/wp/wp-content/uploads/2024/02/tic39-683x1024.png" alt="" class="wp-image-976" srcset="https://ulucode.com/wp/wp-content/uploads/2024/02/tic39-683x1024.png 683w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic39-200x300.png 200w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic39-768x1152.png 768w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic39-1024x1536.png 1024w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic39.png 1080w" sizes="auto, (max-width: 683px) 100vw, 683px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="683" height="1024" data-id="977" src="https://ulucode.com/wp/wp-content/uploads/2024/02/tic12-683x1024.png" alt="" class="wp-image-977" srcset="https://ulucode.com/wp/wp-content/uploads/2024/02/tic12-683x1024.png 683w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic12-200x300.png 200w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic12-768x1152.png 768w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic12-1024x1536.png 1024w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic12.png 1080w" sizes="auto, (max-width: 683px) 100vw, 683px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="683" height="1024" data-id="978" src="https://ulucode.com/wp/wp-content/uploads/2024/02/tic102-683x1024.png" alt="" class="wp-image-978" srcset="https://ulucode.com/wp/wp-content/uploads/2024/02/tic102-683x1024.png 683w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic102-200x300.png 200w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic102-768x1152.png 768w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic102-1024x1536.png 1024w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic102.png 1080w" sizes="auto, (max-width: 683px) 100vw, 683px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="683" height="1024" data-id="979" src="https://ulucode.com/wp/wp-content/uploads/2024/02/tic63-683x1024.png" alt="" class="wp-image-979" srcset="https://ulucode.com/wp/wp-content/uploads/2024/02/tic63-683x1024.png 683w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic63-200x300.png 200w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic63-768x1152.png 768w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic63-1024x1536.png 1024w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic63.png 1080w" sizes="auto, (max-width: 683px) 100vw, 683px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="683" height="1024" data-id="980" src="https://ulucode.com/wp/wp-content/uploads/2024/02/tic164-683x1024.png" alt="" class="wp-image-980" srcset="https://ulucode.com/wp/wp-content/uploads/2024/02/tic164-683x1024.png 683w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic164-200x300.png 200w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic164-768x1152.png 768w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic164-1024x1536.png 1024w, https://ulucode.com/wp/wp-content/uploads/2024/02/tic164.png 1080w" sizes="auto, (max-width: 683px) 100vw, 683px" /></figure>
</figure>



<p></p>



<p>The UI, a mix of React components and three.js sprites looks like that </p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="1024" src="http://ulucode.com/wp/wp-content/uploads/2024/02/The-Incredible-Contraption_blueprint_2_1691072314369-1024x1024.png" alt="" class="wp-image-984" srcset="https://ulucode.com/wp/wp-content/uploads/2024/02/The-Incredible-Contraption_blueprint_2_1691072314369-1024x1024.png 1024w, https://ulucode.com/wp/wp-content/uploads/2024/02/The-Incredible-Contraption_blueprint_2_1691072314369-300x300.png 300w, https://ulucode.com/wp/wp-content/uploads/2024/02/The-Incredible-Contraption_blueprint_2_1691072314369-150x150.png 150w, https://ulucode.com/wp/wp-content/uploads/2024/02/The-Incredible-Contraption_blueprint_2_1691072314369-768x768.png 768w, https://ulucode.com/wp/wp-content/uploads/2024/02/The-Incredible-Contraption_blueprint_2_1691072314369.png 1080w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>


The Incredible Contraption

Build, Iterate, Create

More content