ScratchData LogoScratchData
Back to sly_i's profile

Scrolling Perspective Grid SVG

SLsly_i•Created May 24, 2024
Scrolling Perspective Grid SVG
5
4
101 views
View on Scratch

Instructions

Scrolling svg textures by stamping 8 times. The texture scales by Y and offloading the skewX to svg markup. Each alternating row skews a repeating fixed perspective texture logarithmically. The basis of the method should be performant as it only 8 stamps.

Description

unsure of the maths and it is probably wrong but gives fake 3d motion illusion. Alot of the "code" is offloaded to the svg markup, so no fisheye effects. Textures size are too large & are not scaled yet. Need to test the svg on WebKit for windows. A bit giggly at low speed. WIP ... Next steps: figure out re-scaling svg paths, adjust the texture so the vanishing point is at 0y. SkewY row for turning. Unsure of side scrolling?? The process can probably scripted per texture after I learn a bit about svg paths.

Project Details

Project ID1026496231
CreatedMay 24, 2024
Last ModifiedJune 6, 2024
SharedMay 27, 2024
Visibilityvisible
CommentsAllowed