zink/animated_wallpaper
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Trapezoid shadow with full adjacent edge

Browse Source
This commit is contained in:
Richard Zink committed 2026-10-06 18:11:40 +02:00
1 parent 7f6d74f9fd
commit 57ee4c4798
1 file changed
+8 -10
Download Patch File Download Diff File Expand all files Collapse all files
assets/index.html
+8 -10
View File
@@ -207,19 +207,18 @@
if (shadowFromRight > 0) { if (shadowFromRight > 0) {
var shadowW = Math.min(shadowFromRight * 4, TILE * 2); var shadowW = Math.min(shadowFromRight * 4, TILE * 2);
var tt = shadowW / TILE;
var edge1 = project(wx + GAP/2, wy + TILE - GAP/2, h * HEIGHT_UNIT); var edge1 = project(wx + GAP/2, wy + TILE - GAP/2, h * HEIGHT_UNIT);
var edge4 = project(wx + GAP/2, wy + GAP/2, h * HEIGHT_UNIT); var edge4 = project(wx + GAP/2, wy + GAP/2, h * HEIGHT_UNIT);
var mid1 = project(wx + GAP/2 + shadowW, wy + TILE - GAP/2 - shadowW, h * HEIGHT_UNIT); var far1 = project(wx + GAP/2 - shadowW, wy + TILE - GAP/2 + shadowW, h * HEIGHT_UNIT);
var mid2 = project(wx + GAP/2 + shadowW, wy + GAP/2 + shadowW, h * HEIGHT_UNIT); var far2 = project(wx + GAP/2 - shadowW, wy + GAP/2 - shadowW, h * HEIGHT_UNIT);
renderList.push({ renderList.push({
type: 'shadow', type: 'shadow',
points: [ points: [
{ x: edge4[0], y: edge4[1] }, { x: edge4[0], y: edge4[1] },
{ x: edge1[0], y: edge1[1] }, { x: edge1[0], y: edge1[1] },
{ x: mid1[0], y: mid1[1] }, { x: far1[0], y: far1[1] },
{ x: mid2[0], y: mid2[1] } { x: far2[0], y: far2[1] }
], ],
depth: wx + wy + h + 0.999 depth: wx + wy + h + 0.999
}); });
@@ -227,19 +226,18 @@
if (shadowFromFront > 0) { if (shadowFromFront > 0) {
var shadowW = Math.min(shadowFromFront * 4, TILE * 2); var shadowW = Math.min(shadowFromFront * 4, TILE * 2);
var tt = shadowW / TILE;
var edge3 = project(wx + TILE - GAP/2, wy + GAP/2, h * HEIGHT_UNIT); var edge3 = project(wx + TILE - GAP/2, wy + GAP/2, h * HEIGHT_UNIT);
var edge4 = project(wx + GAP/2, wy + GAP/2, h * HEIGHT_UNIT); var edge4 = project(wx + GAP/2, wy + GAP/2, h * HEIGHT_UNIT);
var mid1 = project(wx + GAP/2 + shadowW, wy + GAP/2 + shadowW, h * HEIGHT_UNIT); var far1 = project(wx + TILE - GAP/2 + shadowW, wy + GAP/2 - shadowW, h * HEIGHT_UNIT);
var mid2 = project(wx + TILE - GAP/2 - shadowW, wy + GAP/2 + shadowW, h * HEIGHT_UNIT); var far2 = project(wx + GAP/2 + shadowW, wy + GAP/2 - shadowW, h * HEIGHT_UNIT);
renderList.push({ renderList.push({
type: 'shadow', type: 'shadow',
points: [ points: [
{ x: edge4[0], y: edge4[1] }, { x: edge4[0], y: edge4[1] },
{ x: edge3[0], y: edge3[1] }, { x: edge3[0], y: edge3[1] },
{ x: mid2[0], y: mid2[1] }, { x: far1[0], y: far1[1] },
{ x: mid1[0], y: mid1[1] } { x: far2[0], y: far2[1] }
], ],
depth: wx + wy + h + 0.999 depth: wx + wy + h + 0.999
}); });