惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

The Cloudflare Blog
D
Darknet – Hacking Tools, Hacker News & Cyber Security
T
The Blog of Author Tim Ferriss
G
Google Developers Blog
小众软件
小众软件
J
Java Code Geeks
V
Visual Studio Blog
The Register - Security
The Register - Security
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
罗磊的独立博客
美团技术团队
阮一峰的网络日志
阮一峰的网络日志
V
V2EX
博客园 - 叶小钗
N
Netflix TechBlog - Medium
月光博客
月光博客
aimingoo的专栏
aimingoo的专栏
大猫的无限游戏
大猫的无限游戏
T
The Exploit Database - CXSecurity.com
The Hacker News
The Hacker News
Cisco Talos Blog
Cisco Talos Blog
Hacker News: Ask HN
Hacker News: Ask HN
Hacker News - Newest:
Hacker News - Newest: "LLM"
AWS News Blog
AWS News Blog
Webroot Blog
Webroot Blog
The Last Watchdog
The Last Watchdog
T
Threatpost
I
Intezer
T
Tenable Blog
L
LINUX DO - 热门话题
T
Tailwind CSS Blog
Scott Helme
Scott Helme
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
C
Cybersecurity and Infrastructure Security Agency CISA
Engineering at Meta
Engineering at Meta
S
Schneier on Security
Recent Announcements
Recent Announcements
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
F
Fortinet All Blogs
腾讯CDC
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
T
Troy Hunt's Blog
量子位
H
Hacker News: Front Page
V2EX - 技术
V2EX - 技术
Google Online Security Blog
Google Online Security Blog
人人都是产品经理
人人都是产品经理
博客园 - 【当耐特】
博客园 - Franky
www.infosecurity-magazine.com
www.infosecurity-magazine.com

Codrops

ZERO: The Engineering Behind a Defiant Interactive Narrative | Codrops Meet the Speakers of the First Three.js Conference | Codrops The Architecture Behind Trionn: Coordinating GSAP, Three.js, Lenis, and Web Audio | Codrops Where Stories Become Interactive Worlds: How makemepulse Brings Ideas to Life Across Web, XR, and Beyond | Codrops The Sleepers: Creating an Atmospheric WebGL Experience with Lightweight Techniques Building an Interactive Wave Propagation Cube Grid with Three.js | Codrops Ten Years Away: Designing an Interactive Comic for Studio375’s Tenth Anniversary | Codrops Building a Scroll-Driven 3D Gallery Using a Blender Camera Path with Three.js and GSAP | Codrops From Years of Client Work to a Next.js + Sanity Starter Kit | Codrops Sculpting a Digital Athlete: Capturing Stefanos Tsitsipas Beyond the Court | Codrops Building Persistent Page Transitions with WebGPU and Vanilla JavaScript | Codrops Inside Bisous: Designing an Editorial Experience for Cinematic CGI | Codrops Engineering the Web Experience Behind Shopify’s Spring ’26 Edition: Everywhere | Codrops Shaping Stories into Experience: The Work of Kevin Lam | Codrops Testing What Users Actually See with Vitest and Chromatic | Codrops Podium: Building a Website Where Running Becomes Storytelling | Codrops Designing Beyond the Surface: How DashDigital Turns Complexity into Clarity | Codrops Creative Entrepreneurship: Designing the Machine | Codrops Exploring 3D Image Rotations on Scroll | Codrops Always Building, Always Learning: Cyd Stumpel’s Journey Through the Modern Web | Codrops Designing A Better Lou: Reducing Cognitive Load Through Design, Content, and Systems | Codrops Sketching the Impossible: A 3D Portfolio Built Without a Single 3D Model | Codrops Building Horeca: Advanced Motion Design in Webflow Without the Performance Trade-Offs | Codrops Building an Interactive Digital Stamp Collection with Shaders, Postcards, and Playful Inspection | Codrops No Two Paths Alike: Inside San Rita’s Approach to Digital Experiences | Codrops The Making of the New Lesse Studio Website: Clarity, Performance, and Intentionality | Codrops Creating a Thumbnail Flow Animation with GSAP MotionPath | Codrops Forging Her Own Path: Houmahani Kane’s Journey in Creative Development | Codrops Beaucoup and the Pursuit of Memorable Experiences | Codrops The Future of Emotional Technology: Comfort Websites for Growth and Self-Awareness | Codrops The Never Ending Story: Building a Seamless Infinite Scroll Experience with GSAP & Lenis | Codrops Whooshes, Snaps and Shaders: Adrien Vanderpotte and the Feeling of the Interface | Codrops Building a Scroll-Driven 3D Cube Gallery in Webflow with GSAP | Codrops Creating Scroll-Driven SVG Map Animations with GSAP | Codrops Made With Gsap: Building a Fun Gravity-Based Mouse Trail | Codrops 80s Business Tech and Seamless Scene Transitions: Inside Shader.se’s Scroll-Driven WebGPU Pipeline | Codrops Merlin: The Code Boutique Turning Motion Into Digital Magic | Codrops Designing Ourselves: The New Obys Identity and Website | Codrops Exploring the HTML-in-Canvas Proposal | Codrops Le:mma Studio: Building the Feeling Behind the Screen | Codrops From Shader Uniforms to Clip-Path Wipes: How GSAP Drives My Portfolio | Codrops Reverse-Engineering Claude AI’s Mascot Animations with SVG and GSAP | Codrops Akaru: Crafting Precision-Driven Digital Experiences | Codrops Designing Against the Gallery: A Two-Year Journey to a Layered Portfolio Experience | Codrops Between Human and Machine: Sofia Papadopoulou’s Approach to Augmented Creativity | Codrops More Than a Portfolio: Building a Scroll-Driven 3D World with Something to Say | Codrops Rhumb Studio: Small but Mighty, Shaped by Curiosity | Codrops Susurrus: Crafting a Cozy Watercolor World with Three.js and Shaders | Codrops Building 4WIDE: Turning Distortion, Blur, and Motion into a Coherent Experience | Codrops A Playful Clip Menu with GSAP’s easeReverse | Codrops False Earth: From WebGL Limits to a WebGPU-Driven World | Codrops Interactive Storytelling for the Web: Building Immersive Stories with Timelines, 3D, and Layered Scenes | Codrops The Art of Complex Motion: Corentin Bernadou’s World of Shaders and Experimentation | Codrops They Call Me Giulio: The Making of a Cinematic Cyberpunk Portfolio | Codrops The Exat Microsite: Pushing a Typography Showcase to New Creative Extremes | Codrops A Single DM, a First SOTD, and the Start of Chanh M. Ho’s Creative Journey | Codrops Creating Custom Page Transitions in Astro with Barba.js and GSAP | Codrops R—K ’26: The Thinking and Code Behind a Portfolio Led by Presence | Codrops Building the Maxima Therapy Website: React, GSAP, and Dabbling with AI | Codrops Where Engineering Meets Craft: Edoardo Lunardi’s Obsession with the Details | Codrops Animating 160,000 Cubes in Three.js to Visualize Dithering | Codrops Arnaud Rocca’s Portfolio: From a GSAP-Powered Motion System to Fluid WebGL | Codrops Where Confidence Needs No Decoration: The Malvah.Studio Story | Codrops Motion Highlights #17 | Codrops
Lusion: Where Digital Craft Meets Ambitious Experimentation | Codrops
2026-04-13 · via Codrops

Hi, we are Lusion. We are a digital production studio based in Bristol making interactive websites, real time visuals, and digital work that usually ends up being more ambitious than it probably needs to be.

We like building things from scratch. Not because it sounds nice on a case study, but because the best ideas usually fall apart the moment you force them into a template. So every project gets its own system, its own logic, and its own flavour.

Some of our work is polished and cinematic. Some of it is weird on purpose. Most of it sits somewhere in the middle.

Our Journey

Lusion was founded by Edan Kwan in 2017. Originally from Hong Kong, Edan first pursued a career in music before realising it was not the right path for him. He then taught himself design and coding, which led to several years of freelancing, a role at an agency in New York, and eventually a return to independent practice.

Our studio website won Site of the Year from FWA, Awwwards and CSSDA.

Lusion grew from a desire to build something meaningful, a studio defined by craft, curiosity, and attention to detail. Over the years, we have had the chance to collaborate with global brands including Coca-Cola, Porsche, Max Mara, and Google. Our work has been recognised with honours from Cannes Lions, D&AD, Webby Awards, Awwwards, FWA and more.

Showcase

Oryzo AI

What: Oryzo AI is Lusion’s satirical launch campaign for a fictional product from the AI era: a cork coaster presented with premium production quality and complete seriousness. It is both a playful creative experiment and a showcase of the design, motion, and digital craft we bring to client work.

Why / How: We created Oryzo AI to see how far an intentionally absurd idea could go when treated with real craft. Rather than making it a one off visual joke, we built it as a fully realised campaign world, turning a simple cork coaster into the centrepiece of a premium AI product launch. This gave us the chance to combine immersive web design, 3D production, motion, satire, and supporting content across social posts, founder video, Product Hunt, and open-weight GitHub page, all executed with the same level of care we would bring to a real brand story.

Porsche: Dream Machine

What: Porsche: Dream Machine is a short CG film created by Lusion for Wallpaper* and Porsche GB. Using generative imagery, motion design, and a dreamlike visual language, the film explores the emotional and creative journey behind Ferry Porsche’s original vision. What made the project especially meaningful for us was not only the outcome, but also the process: stepping into an unfamiliar medium, trusting our instincts, and applying our immersive digital thinking to a completely new format. It became a project about creative ambition in every sense, both Porsche’s and our own.

Why / How: The project began when Wallpaper* approached us and connected us with Porsche GB, who had seen potential in our immersive digital R&D work, especially the experimental spirit behind Infinite Passerella. They came to us with a very different challenge: to create a 2 – 3 minute CG short film inspired by Ferry Porsche’s dream of building the first Porsche sports car.

The truth is, we had never made a film like this before. But the opportunity felt too special to ignore, so we said yes and figured it out through making. Over an intense 3 week production, we learned, designed, and built in parallel, translating Porsche’s “Driven by Dreams” ethos into a visual journey that moved from abstraction and imagination towards the silhouette of the original 356. The final piece was later featured by Wallpaper*, published through Porsche channels, and shown publicly at Outernet London.

My Little Storybook

What: My Little Storybook is a self initiated interactive story by Lusion about a bird family crossing a river. Created as an internal R&D project, it combines WebGL, handcrafted 3D environments, and illustrated animation to create a playful digital book experience. What began as a monthly experiment became one of our most celebrated internal pieces, showing how technical exploration and simple storytelling can come together in a way that feels both charming and memorable.

Why / How: My Little Storybook was part of our monthly experiment series at Lusion, where we created small internal projects that allowed us to test ideas quickly. For this piece, we wanted to make a storytelling experience that felt gentle, crafted, and emotionally driven. Inspired by Japanese anime, the project gave us an opportunity to step away from the more photoreal, commercial aesthetic we often work with and explore a more stylised visual language through hand built 3D assets, drawn animation, and interactive storytelling. With only a month to make it, the project became a compact but ambitious test of how far we could push story and atmosphere on the web.

Culture & Team

We are a close knit team, which allows us to stay close to the work, keep communication simple and effective, and give every project the attention it deserves.

Alongside client work, we invest time in internal projects through Lusion Labs. Projects like Oryzo AI and My Little Storybook give us space to test ideas, develop new skills, and experiment creatively. That mindset is a big part of how we grow as a team, and it continues to attract people who want to keep learning and making thoughtful, ambitious work.