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://teapawt.org/t.co/PDeIhlFL6Q

 Toronto, Ontario
github.com/johnfewell/
Joined June 2008
  • Tweets369
  • Following358
  • Followers965
67Media
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)
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)
85
96
23
1,312
165,555
The whole City of Toronto, isometric, and now you can turn it. All 630 km², drawn from four angles. Hit rotate and walk around the CN Tower, or your own street. 🧵 iso.sloptoronto.ca
41
63
18
636
85,399
It runs on Toronto's real clock. When the sun sets here, it sets on the map: windows light up, the City's street lights come on, cars flip on their headlights, and the CN Tower glows.
2
2
49
3,644
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. 🧵👇
26
51
6
544
53,935
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)
2
2
39
4,623
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
69
3,465
The map just got massive. The isometric map now covers the whole old City of Toronto, from the Humber to Victoria Park and from the lake up to St Clair.
Image from John Fewell (@johnfewell)
2
2
12
1,297
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
6
1,310
Isometric Toronto: Now with traffic. Simulated cars on Toronto's real road network, from the Gardiner to Bloor. Explore it: iso.sloptoronto.ca teapawt.org/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
732
34,438
How the cars find their way: the streets come from OpenStreetMap, with their lanes and one-way directions. At each junction a car turns by the City of Toronto's counted turn shares where there are counts, and it looks 110 m ahead for red lights and the car in front.
2
8
1,649
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
39
3,101
I'm drawing Toronto as one big isometric illustration, a homage to SimCity 2000. This is the first block: King & Bay up to the Eaton Centre. I'm using Tiny London's method (tiny.london/how): a big model draws examples, a small one learns from them and draws the city.
Image from John Fewell (@johnfewell)
10
7
5
98
8,064
The input is a render of Google's 3D city from one fixed isometric camera. Gemini redrew about 400 of those frames as illustrations (left), with automatic checks for photo-copies, moved outlines and invented water. Then I trained a small model on the pairs (right).
Image from John Fewell (@johnfewell)
Image from John Fewell (@johnfewell)
1
1
12
1,112
Love seeing all the creativity that's unleashed by open source! Check this out, my favorite part so far is the superior character rigging
seif (@seifos) profile pictureseif
@seifosNov 2
We brought Toronto to GTA. Built at LarpHacks in 6 hours. 🇨🇦
8
545
Slop Toronto picked up a lot of Toronto this week: stamped sidewalks, wooden hydro poles, shop signs on Queen West, parked cars, and you can ride the subway and the 504. It has its own address now too: sloptoronto.ca 🧵
Image from John Fewell (@johnfewell)
1
1
9
669
Sidewalks are poured the Toronto way now: a joint every 1.5 m, paler sections where they've been repaired, and a contractor's date stamp at each end of the work. The contractors are made up (SLOP & SONS, SLOP CONCRETE). On high graphics, walk right up to one to read it.
Image from John Fewell (@johnfewell)
Image from John Fewell (@johnfewell)
1
2
375
Slop Toronto is running on the @threejs r187 dev build. What an improvement. Faster TSL builds and clustered spotlights, with a whole city to try them in. Really excited for this release. Huge thanks to the team. slop-toronto.cloud6711.worke…
Image from John Fewell (@johnfewell)
1
7
434
1/8 There's been an incredible explosion of creativity since @mrdoob put New York in a browser. Here are a few of my favourite cities people have built since 🧵 github.com/zz85/slop-cities
Image from John Fewell (@johnfewell)
Image from John Fewell (@johnfewell)
Image from John Fewell (@johnfewell)
Image from John Fewell (@johnfewell)
6
5
1
43
3,700
2/8 Ride a double-decker bus through London in real time. Follow a real route through Zone 1, picking up passengers along the way. London Loop by @Nelson_christof nelsonchris1.github.io/londo…
Image from John Fewell (@johnfewell)
2
1
3
546
I think Wes Boss' app to do the same thing pushed up their release lol
SpAItial AI (@SpAItial_AI) profile pictureSpAItial AI
@SpAItial_AIOct 27
Introducing Echo-3. A state-of-the-art world model. Echo-3 turns phone captures into photorealistic, metric-scale 3D worlds. From a single room to multi-floor buildings, outdoor and public spaces. Available today.
2
216
Slop Toronto update: - Opens at Sugar Beach at golden hour - New water on Lake Ontario: sun glitter, city lights at night - Old TTC lanterns where stations still have them - Rosedale Valley Rd in a ravine - Green-wave traffic lights - Better on phones slop-toronto.cloud6711.worke…
Image from John Fewell (@johnfewell)
Image from John Fewell (@johnfewell)
Image from John Fewell (@johnfewell)
Image from John Fewell (@johnfewell)
1
262
Slop Toronto has a real sky now: takram's physically based atmosphere. Distance haze over the lake, actual sky behind the sunset clouds instead of black, and moonlit clouds under stars at night. Before / after at sunset, golden hour and night. slop-toronto.cloud6711.worke…
Image from John Fewell (@johnfewell)
Image from John Fewell (@johnfewell)
Image from John Fewell (@johnfewell)
1
195
The TTC pylons are up in Slop Toronto: the real logo on a pole at 86 subway entrances across 27 stations, each with its station's entry sign, line numbers and accessibility symbol. They light up at night. slop-toronto.cloud6711.worke…
Image from John Fewell (@johnfewell)
Image from John Fewell (@johnfewell)
1
197
Slop Toronto can dig now: Strachan Ave dips under the GO tracks in a real cutting with retaining walls, and the traffic, pedestrians and you follow it down. Also live: GO trains on bridges, Union's train shed, and sunset clouds that actually light up. slop-toronto.cloud6711.worke…
Image from John Fewell (@johnfewell)
171
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
48
4,615
Code: github.com/johnfewell/slop-t… Every transit shelter, litter bin, hydrant and bike ring comes from City of Toronto open data, and the buildings from the City's 3D massing model. Fork it for your city ✌️
GitHub - johnfewell/slop-toronto: Downtown Toronto and the waterfront in 3D, in the browser:...

GitHub - johnfewell/slop-toronto: Downtown Toronto and the waterfront in 3D, in the browser:...

Downtown Toronto and the waterfront in 3D, in the browser: three.js WebGPU on the engine of mrdoob's Slop New York - johnfewell/slop-toronto

github.com
1
2
254
Announcing three clouds webGPU. Ported from scratch from Takram Design's webGL implementation. Out soon.
218
Woo, front end feature I worked on is getting released soon!
Ratio.City, a division of Esri Canada (@RatioCity) profile pictureRatio.City, a division of Esri Canada@RatioCity30 Mar 2020
We've been working from home and we're working hard. Exciting new feature release coming at you this Wednesday. Sign up for a free account at toronto.ratio.city/register to try it out when it launches!
1
3
Load more