Generated images, made with Codex rather than photographed, are listed below; most carry a small “Illustration” tag where they appear.
- Embodied AI Lab concept illustration
- Generated with Codex for this site
- Generated illustration · concept art, not documentation
- ExhiBeat concept illustration
- Generated with Codex for this site
- Generated illustration · concept art, not documentation
- Play chapter scene (Camelot table)
- Generated with Codex for this site
- Generated illustration · concept art, not documentation
- Playground scene (cards on felt)
- Generated with Codex for this site
- Generated illustration · concept art, not documentation
- Brush calligraphy 遊 作 記
- Generated with Codex for this site
- Generated illustration · concept art, not documentation
- Cover illustration (Coney Island boardwalk)
- Generated with Codex for this site
- Generated illustration · concept art, not documentation
- Hero illustration (Taipei at dusk)
- Drawn in code for this site
- Illustration · placeholder until my own photograph
- Interim hero image (Taipei at night)
- Generated (Codex)
- Generated for my project · illustration, replaced by my own photograph
- Explore Taipei still (3D model render)
- Rendered in this site from OpenStreetMap and AWS Terrain Tiles data
- Own work · map data ODbL
- Social share image
- Alen Hsiao / Codex
- Own work
- Notes masthead (desk at night)
- Generated with Codex for this site
- Generated illustration · concept art, not documentation
- Notes banner illustration (desk at night)
- Drawn in code for this site
- Illustration
- Bullheads screenshot
- Alen Hsiao
- Own work
- Bullheads game screenshot
- Alen Hsiao
- Own work
- Bullheads trailer
- Alen Hsiao
- Own work
- Camelot Nights screenshot
- Alen Hsiao
- Own work
- Camelot Nights reveal storyboard
- Alen Hsiao
- Own work
- Camelot Nights game screenshot
- Alen Hsiao
- Own work
- Camelot Nights phone screenshots
- Alen Hsiao
- Own work
- Camelot Nights trailer
- Alen Hsiao
- Own work
- Camelot Nights character art: Merlin
- Generated for Camelot Nights (Codex built-in image generator)
- Generated for my project
- Camelot Nights character art: Percival
- Generated for Camelot Nights (Codex built-in image generator)
- Generated for my project
- Camelot Nights character art: Morgana
- Generated for Camelot Nights (Codex built-in image generator)
- Generated for my project
- Camelot Nights character art: Assassin
- Generated for Camelot Nights (Codex built-in image generator)
- Generated for my project
- Portrait
- Alen Hsiao
- © Alen Hsiao
- Photograph · Top of the Rock, New York
- Alen Hsiao
- © Alen Hsiao
- Photograph · MoMA, New York
- Alen Hsiao
- © Alen Hsiao
- Photograph · DUMBO, Brooklyn
- Alen Hsiao
- © Alen Hsiao
- About portrait (Taipei at dusk)
- Generated with Codex for this site
- Generated illustration · concept art, not documentation
- Photograph · Coney Island, New York
- Alen Hsiao
- © Alen Hsiao
- Photograph · Broadway, New York
- Alen Hsiao
- © Alen Hsiao
- Photograph · Niagara Falls
- Alen Hsiao
- © Alen Hsiao
- Photograph · Taoyuan, Taiwan
- Alen Hsiao
- © Alen Hsiao
- Photograph · New York Harbor
- Alen Hsiao
- © Alen Hsiao
- Photograph · Shanghai at night
- Alen Hsiao
- © Alen Hsiao
- Photograph · In a flight simulator
- Alen Hsiao
- © Alen Hsiao
- Photograph · Programme completion
- Alen Hsiao
- © Alen Hsiao
- Photograph · A shared moment
- Alen Hsiao
- © Alen Hsiao
- Observe / Act / Refine desk scene
- Modelled in three.js for this site
- Own work · concept model
- Bullheads style reference
- Alen Hsiao
- Own work
- Bullheads bull mark
- Alen Hsiao
- Own work
- Process clip · bullheads-gameplay
- Alen Hsiao
- Own work
- Process clip · avalon-first
- Alen Hsiao
- Own work
- Process clip · camelot-reveal
- Alen Hsiao
- Own work
- Slicing toy on /play and the footer link hover (ported)
- Evangelos Giatsidis (giats-portfolio), via bt2go personal-site-template
- MIT with attribution · original portfolio design and development by Evangelos Giatsidis
- Instrument Serif
- The Instrument Serif Project Authors
- OFL-1.1
- Instrument Sans
- The Instrument Sans Project Authors
- OFL-1.1
- Noto Serif TC (subset to the characters used)
- Google / Adobe (Noto CJK)
- OFL-1.1
- IBM Plex Mono
- IBM Corp.
- OFL-1.1
- Astro
- The Astro Technology Company
- MIT
- React
- Meta Platforms, Inc.
- MIT
- Motion
- Motion Division Ltd.
- MIT
- Lenis
- darkroom.engineering
- MIT
- three.js
- three.js authors
- MIT
- Rules for the 3D Taipei scene (flyover, lerp, tone mapping, mobile budget)
- tsogjavklann, awwwards-3d skill
- MIT · approach followed, no code copied
- <model-viewer>
- Google
- Apache-2.0
- Buildings, roads, rivers and parks in the 3D Taipei scene
- © OpenStreetMap contributors
- ODbL-1.0 · heights estimated where untagged; Taipei 101 modelled from its published dimensions
- Elevation of the Taipei basin in the 3D scene
- Mapzen / AWS Open Data Terrain Tiles (SRTM, NASA)
- Open data · SRTM public domain; attribution per the Terrain Tiles terms
- Scroll and transition techniques on /about and the work cards (sticky grid, SVG path drawing, thumbnail to full-width image)
- Codrops: Theo Plawinski, Tom Miller, Manoela Ilic; Podium case study by Julien Sister and Benoît Delorme
- Approach followed, no code copied