John Fewell (@johnfewell) profile picture

John Fewell

@johnfewell

Building Toronto on the web. Isometric Toronto + Slop Toronto, live TTC, real weather. three.js / WebGPU. https://xitter.cf/t.co/PDeIhlFL6Q

 Toronto, Ontario
github.com/johnfewell/
Joined June 2008
  • Tweets320
  • Following316
  • Followers733
61Media
Photo by John Fewell (@johnfewell)Photo by John Fewell (@johnfewell)Photo by John Fewell (@johnfewell)Photo by John Fewell (@johnfewell)Photo by John Fewell (@johnfewell)Photo by John Fewell (@johnfewell)Photo by John Fewell (@johnfewell)Photo by John Fewell (@johnfewell)Photo by John Fewell (@johnfewell)Photo by John Fewell (@johnfewell)
Toronto, golden hour, entirely in a browser tab. Built on @mrdoob's Slop New York, three.js WebGPU + TSL, real city data, open source. slop-toronto.cloud6711.worke…
5
1
2
42
2,906
John Fewell retweeted
Grant Scarratt (@Syntelion) profile picture
Grant Scarratt
@Syntelion8h
this is so cool!
John Fewell (@johnfewell) profile pictureJohn Fewell
@johnfewellOct 24
Toronto, golden hour, entirely in a browser tab. Built on @mrdoob's Slop New York, three.js WebGPU + TSL, real city data, open source. slop-toronto.cloud6711.worke…
1
2
172
John Fewell retweeted
Yadong Xie (@yadong_xie) profile picture
Yadong Xie
@yadong_xie19h
The 3D map data stops around 2016, but I found a few magic ways to bring the map up to 2026.
Yadong Xie (@yadong_xie) profile pictureYadong Xie
@yadong_xieNov 5
Inspired by @johnfewell , I'm making an isometric pixel-art Singapore 🇸🇬 – Google 3D Tiles → one orthographic camera – Qwen-Image 2.1 Turbo + my LoRA – One RTX 5080, seamless joint sampling
6
5
79
2,835
My isometric map of Toronto now covers the whole City: all 630 km², from Etobicoke to Scarborough and from the lake up to Steeles. And all of it is redrawn in a new, crisper style. 🧵👇
24
44
4
457
28,805
Try it now: iso.sloptoronto.ca
Isometric Toronto

Isometric Toronto

An isometric illustrated map of downtown Toronto. Zoom in on every block.

iso.sloptoronto.ca
5
5
1
52
2,725
The new look: I made 382 new training pairs with GPT Image, retrained my Qwen-Image LoRA on them and redrew the whole map. Sharper lines, cleaner colours. Before on top, now below.
Image from John Fewell (@johnfewell)
Image from John Fewell (@johnfewell)
1
33
2,456
John Fewell retweeted
ataberk (@iamataberk) profile picture
ataberk
@iamataberkNov 7
I built a world map of every isometric city map on the internet 🗺️ 47 maps across 38 cities, from pixel art to 3D dioramas. Every map credits its maker. Made one for your city? Submit it on the site or just DM me 👇
2
1
3
317
Drop the stickman on any downtown street in my isometric map of Toronto, and you land in 3D Slop Toronto exactly where he fell, facing down the street. 🧵👇
4
3
1
67
3,142
more replies
Planes fly in and out of Billy Bishop on the real arrivals and departures board ✈️, and city traffic just got a brain upgrade: live TTC streetcars, cars that wait behind streetcars instead of driving through them, real turn bans and working traffic lights.
3
1
4
194
Go drop the stickman on your own street: iso.sloptoronto.ca 📍 Let me know which neighbourhood I should build next. 👇
2
3
174
This game is legit amazing.
Yegor Sak (@yegor) profile pictureYegor Sak
@yegorNov 4
Watchdogs, but you're a pidgin. Control a government bird drone on the streets of Toronto. Complete 8 covert missions, or just fly around, poop on pedestrians and be a regular pidgin. Act natural, and try to blend in. Play it here: coo.mx
Image from Yegor Sak (@yegor)
1
5
1,114
John Fewell retweeted
Yegor Sak (@yegor) profile picture
Yegor Sak
@yegorNov 4
Watchdogs, but you're a pidgin. Control a government bird drone on the streets of Toronto. Complete 8 covert missions, or just fly around, poop on pedestrians and be a regular pidgin. Act natural, and try to blend in. Play it here: coo.mx
Image from Yegor Sak (@yegor)
3
3
2
12
2,081
Isometric Toronto: Now with traffic. Simulated cars on Toronto's real road network, from the Gardiner to Bloor. Explore it: iso.sloptoronto.ca xitter.cf/johnfewell/status/2117…
John Fewell (@johnfewell) profile pictureJohn Fewell
@johnfewellNov 3
The whole downtown core of my isometric Toronto is drawn: Bathurst to the Don, Bloor to the harbour. 12.66 km² as one 256-megapixel image, about 2% of the city, made in one evening on my laptop. Explore it: iso.sloptoronto.ca
Image from John Fewell (@johnfewell)
61
57
13
731
33,897
more replies
What broke: drawn straight onto the map, the Gardiner's cars drove right across a condo tower. Now each car pixel is checked against a height mask from Google's depth, so cars go behind towers, roofs and trees. About 70% of downtown's street length is hidden from this angle.
1
1
618
Still rough: streetcars on Spadina's raised right-of-way sometimes show in pieces, cars don't yield at junctions without lights, and there are no buses, bikes or ferries yet. Next, the map grows out to the rest of the old City of Toronto.
1
513
There's traffic now too: little pixel cars and red TTC streetcars on the real streets, from OpenStreetMap and the City of Toronto's traffic counts. They stop at the lights and drive behind buildings and trees. Light traffic for now, and no buses or ferries yet.
1
1
55
The same Kensington street before and after the switch: the illustration at 1.5×, the pixel layer at 4×. The whole pixel layer for downtown is 26 MB, and the cars stay sharp on top of it.
Image from John Fewell (@johnfewell)
Image from John Fewell (@johnfewell)
14
High Park in Slop Toronto now sits at the correct elevations, from Ontario's 2023 lidar: the plateau, the long slope down to Grenadier Pond, the Spring Creek and Wendigo ravines, and every pond at its own water level. Golden hour. Live now at sloptoronto.ca
Image from John Fewell (@johnfewell)
Image from John Fewell (@johnfewell)
Image from John Fewell (@johnfewell)
Image from John Fewell (@johnfewell)
1
38
2,946
Load more