All components
3D illustrationv1.0.0

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.

Drawing style
Halftone dots

Dots grow as the surface moves into shadow.

Outlines and details
Shadows
Light direction
View the controller

Download ZIP Open demo

Use it on your website

Your selected settings are already included.

  1. Copy the embed

    Use the button below.

  2. Paste into your page

    Add it to an HTML or embed block.

  3. Publish and play

    Your visual is ready to interact with.

HTML embed
<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.