The bite
A school trip, a lab, a spider. By morning the walls were optional and my alarm clock was in pieces.
Portfolio · Queens, New York · Est. 2002 (on screen)
PETERPARKER
Your friendly neighborhood Spider-Man. Photographer by deadline, scientist by curiosity, hero because I couldn't not be.
- 15films on file
- 3+1Peters, plus Miles
- ∞rooftops
Chapter 01 · Who's calling
Can you feelthat?
That prickle at the back of my neck is my spider-sense. It tells me trouble is close before I can see it. Move your pointer around: hidden dangers light up as you get near. (On a phone? Watch it sweep on its own.)
- Pumpkin bomb
- Four mechanical arms
- A very fast vulture
- Pop quiz
- Rent notice
- Fake drone army
Chapter 02 · Origin · 01 / 03
How I got here
The loss
I learned the hard way what happens when I look away. Someone who believed in me paid for it. I carry that.
The choice
So I put on the mask. Not for glory — there's no cape, no pay. Because I can help, and so I must.
Chapter 03 · Motive & intention
Why I do it
I don't do this for the cape. There is no cape. I do it because I could stop it, and one time I didn't. With great power there must also come great responsibility. So I check the rooftops, then the small streets, then the people nobody is watching.
- 01
Protect first
The neighborhood before the headline. A cat in a tree counts.
- 02
Stay human
Homework, rent, Aunt May's calls. The mask doesn't replace the person.
- 03
Own my mistakes
Every bad night is data. I patch the suit and keep going.
Chapter 04 · Skills & habits
The power set & the daily grind
- Wall-crawling100
- Spider-sense96
- Agility98
- Quips99
- Web engineering92
- Strength90
- Science88
- Stamina78
Habits, logged
- 03:12Patrols until 3 a.m., makes first period at 8:05. Mostly.
- AlwaysQuips mid-fight. It's a coping mechanism and also just who I am.
- NightlyTinkers with web-fluid formulas. The chemistry never sits still.
- DailyPhotographs the city. Good light, bad angles, great rooftops.
- LunchCorner-deli sandwiches. Pizza when the week allows it.
- After patrolCalls Aunt May. Tells her I'm fine. Sometimes it's true.
Chapter 05 · Case files
Every film, on record
My work history, in release order. Scroll to move along the strand.
File 012002 Spider-Man
- Spider
- Tobey Maguire
- Opposition
- Green Goblin
- Universe
- Raimi
“Where it started. Directed by Sam Raimi. First swing, first mistake, first promise.”
File 022004 Spider-Man 2
- Spider
- Tobey Maguire
- Opposition
- Doctor Octopus
- Universe
- Raimi
“I tried to quit. The city had other plans. Four arms, one very bad day.”
File 032007 Spider-Man 3
- Spider
- Tobey Maguire
- Opposition
- Sandman · Venom · New Goblin
- Universe
- Raimi
“Three enemies, one dark suit, and a lot of me being my own worst problem.”
File 042012 The Amazing Spider-Man
- Spider
- Andrew Garfield
- Opposition
- The Lizard
- Universe
- Webb
“A different Peter, a different lab. Directed by Marc Webb. Science and a skateboard.”
File 052014 The Amazing Spider-Man 2
- Spider
- Andrew Garfield
- Opposition
- Electro · Rhino
- Universe
- Webb
“The city lit up and so did he. Some lessons cost more than others.”
File 062016 Captain America: Civil War
- Spider
- Tom Holland
- Opposition
- Team Iron Man vs Team Cap
- Universe
- MCU
“My first Avengers-sized day. Got a new suit. Got a taste of the big leagues.”
File 072017 Spider-Man: Homecoming
- Spider
- Tom Holland
- Opposition
- The Vulture
- Universe
- MCU
“Back to the neighborhood. Directed by Jon Watts. School, homework, and a flying thief.”
File 082018 Avengers: Infinity War
- Spider
- Tom Holland
- Opposition
- Thanos
- Universe
- MCU
“I don't feel so good. Neither did anyone in the theater.”
File 092018 Spider-Man: Into the Spider-Verse
- Spider
- Shameik Moore as Miles Morales
- Opposition
- Kingpin
- Universe
- Spider-Verse
“Anyone can wear the mask. Won the Oscar for Best Animated Feature.”
File 102019 Avengers: Endgame
- Spider
- Tom Holland
- Opposition
- Thanos
- Universe
- MCU
“Finished what we started. Everyone showed up.”
File 112019 Spider-Man: Far From Home
- Spider
- Tom Holland
- Opposition
- Mysterio
- Universe
- MCU
“A school trip through Europe. My spider-sense had notes about the illusions.”
File 122021 Spider-Man: No Way Home
- Spider
- Holland · Maguire · Garfield
- Opposition
- Goblin · Octopus · Sandman · Lizard · Electro
- Universe
- MCU
“Three Peters, one rooftop. The biggest group project of my life.”
File 132023 Spider-Man: Across the Spider-Verse
- Spider
- Shameik Moore as Miles Morales
- Opposition
- The Spot
- Universe
- Spider-Verse
“The multiverse got bigger. So did the cast. So did the stakes.”
File 142026 Spider-Man: Brand New Day
- Spider
- Tom Holland
- Opposition
- Classified
- Universe
- MCU
“Newest entry on file. Check the theater listings for the details.”
File 152027 Spider-Man: Beyond the Spider-Verse
Coming soon- Spider
- Shameik Moore as Miles Morales
- Opposition
- Classified
- Universe
- Spider-Verse
“Announced and in production. Not out yet — I'll be the one in line.”
Chapter 06 · The multiverse
Other Spiders I've met
Anyone can wear the mask. Hover a name to tune the frequency.
- 01
Miles Morales
Into the Spider-Verse · 2018
Bitten in Brooklyn. Leaps of faith are the whole job.
- 02
Gwen Stacy
Into the Spider-Verse · 2018
Spider-Gwen, a.k.a. Ghost-Spider. Drummer. Fast on her feet.
- 03
Peter B. Parker
Into the Spider-Verse · 2018
Older, tireder, still shows up. Mentor by accident.
- 04
Spider-Man Noir
Into the Spider-Verse · 2018
Black-and-white 1930s detective. Voiced by Nicolas Cage.
- 05
Peni Parker
Into the Spider-Verse · 2018
Pilots the SP//dr mech with a radioactive spider inside.
- 06
Spider-Ham
Into the Spider-Verse · 2018
Peter Porker. Cartoon physics, real courage.
- 07
Miguel O'Hara
Across the Spider-Verse · 2023
Spider-Man 2099. Keeps the multiverse in order. Intensely.
- 08
Hobie Brown
Across the Spider-Verse · 2023
Spider-Punk. Guitar, attitude, zero tolerance for authority.
Chapter 07 · Under the mask
Built by Spartalabs
Behind the mask, this site is the point: every effect here is hand-built engineering. Tune the web below and watch the physics respond.
- FPS
- –
- Nodes
- –
- Web tension
- 0
// one tick of the web
for (const n of nodes) {
fx = -n.dx * stiffness; // spring home
fx += (avgNeighbours - n.dx) * 0.06; // waves travel
fx += toCursor * pull * falloff; // tug
n.vx = (n.vx + fx) * damping;
n.dx += n.vx;
}- 01
Spring-mesh physics
Canvas 2D web: per-node springs, neighbour coupling and cursor-velocity impulses, DPR-aware and paused off-screen.
- 02
Scroll choreography
GSAP ScrollTrigger: pinned chapters, scrubbed timelines, a horizontal strip and responsive matchMedia fallbacks.
- 03
Pointer-native UI
Reticle cursor, silk trail, click-to-shoot webs, magnetic buttons, proximity radar and tilt cards.
- 04
Compositor-only motion
Animation sticks to transform, opacity and clip-path, so the main thread stays free.
- 05
Accessible by default
Reduced-motion paths, skip link, visible focus, keyboard-reachable controls and checked contrast.
- 06
Next.js App Router
Server-rendered shell with client islands, next/font, typed data and a design-token CSS system.
Chapter 08 · Send a signal