Object Study
A rotatable game controller drawn with halftone dots or stepped ink shadows. Adjust the strokes, colors, dot pattern and light direction.
Drag to rotate the controller. Scroll or pinch to zoom.
View the controller
Use it on your website
Your selected settings are already included.
- Copy the embed
Use the button below.
- Paste into your page
Add it to an HTML or embed block.
- Publish and play
Your visual is ready to interact with.
<script src="https://kraft.team/components/assets/object-study/1.0.0/component.js" defer></script>
<object-study mode="halftone" silhouette-weight="3.5" detail-weight="0.9" detail-level="62" details="true" shadow-steps="3" shadow-coverage="0.28" dot-spacing="6" dot-size="1" dot-angle="45" base-color="#f6b744" ink-color="#000000" light-azimuth="-21" light-elevation="35" view="axonometric"></object-study>
Adjust the playground above to update your embed. Add the script once, then use the element wherever you want the visual.