Add Tiled round-trip example and dev.to article - #35
Merged
Merged
Conversation
The example loads a Tiled map, builds a bridge with four setTile clicks, and exports the edited map as Tiled JSON that opens in Tiled again. It depends on the published package instead of the workspace, so StackBlitz can run it straight from the repository, and the page scales down to narrow previews such as an embed in an article. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Add the draft article with its GIF and cover image, and the scripts that record them. Headless Chrome clicks the real demo and saves the actual export. Tiled is captured with that exported file open, and compose.py builds the GIF from those captures. The map sits at the same pixel position in both tools, so each crossfade changes only the tool around the map. Fallow now ignores assets/: these are one-off recording scripts, not library code, and the health analysis flagged the untested demo server. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
examples/tiled-roundtrip: a runnable demo of the Tiled → PixiJS → Tiled loop. It loadslevel.tmj, builds a bridge with foursetTileclicks, and exports the edited map as Tiled JSON. It depends on the publishedpixi-tiledmappackage, so StackBlitz can run it straight from the repository, and the page scales down to narrow previews.assets/devto-roundtrip: the draft dev.to article, its GIF (1000×792, ~14 s, 1.6 MB) and cover image (1000×420), plus the scripts that record them:capture-browser.mjsclicks the real demo in headless Chrome over CDP and saves the actual export.capture-tiled.ps1captures Tiled 1.12.2 with that exported file open, the Bridge layer selected, and Highlight Current Layer on.compose.pybuilds the GIF from those captures. Its output is reproducible byte for byte..fallowrc.json: ignoresassets/**. These are one-off recording scripts, and the health analysis flagged the untested demo server.Test plan
pixi-tiledmap@2.11.0from npmlevel-edited.tmjcontains exactly the four Bridge tiles at (7..10, 6) and opens cleanly in Tilednpm run checkandnpm run fallow:gatepassexamples/tiled-roundtripfrommaster🤖 Generated with Claude Code