Skip to content

Instantly share code, notes, and snippets.

@jakedowns
Last active December 22, 2023 21:21
Show Gist options
  • Save jakedowns/d0ee98252e05f38ffc09f3c00e1ea583 to your computer and use it in GitHub Desktop.
Save jakedowns/d0ee98252e05f38ffc09f3c00e1ea583 to your computer and use it in GitHub Desktop.
three-js-isometric-prompt

using THREE.js isometric grid here

please make it pannable and zoomable and make the viewing angle controllable with a slider the viewing angle control worked great

make it dark mode

remember to add panning and zooming

also, add sub-division (lighter) lines in the grid please add buttons for:

pan left, up, down, right

zoom in, zoom out add a minimap that shows:

  1. where the current viewport is on the grid relative to the full-size grid

also make sure the minimap shows the current zoom level visually and shows the current zoom level in a slider zoom in/out are backwards visually

make the minimap clickable to pan the view please, like photoshop navigator

also, visualize the full grid on the minimap with less subdivisions

ALSO add a cube a sphere and a cone on the grid as starting objects and make sure they're reflected on the minimap we lost our viewing angle slider? or i can't see it anymore, only the zoom slider

also add basic lighting and shading to the cube , sphere and cone mousewheel / pinch should zoom

dragging left click should pan

add back viewing angle tilt control slider

add buttons for rotate 90 clockwise, and rotate 90 ccw, and lerp when changing vertical rotation

square is rendering without shadows? add a Recenter button

stack the buttons vertically

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment