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

推荐订阅源

云风的 BLOG
云风的 BLOG
Blog — PlanetScale
Blog — PlanetScale
博客园 - 【当耐特】
博客园_首页
The GitHub Blog
The GitHub Blog
月光博客
月光博客
Hugging Face - Blog
Hugging Face - Blog
有赞技术团队
有赞技术团队
博客园 - 三生石上(FineUI控件)
D
Docker
Stack Overflow Blog
Stack Overflow Blog
WordPress大学
WordPress大学
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Apple Machine Learning Research
Apple Machine Learning Research
Vercel News
Vercel News
酷 壳 – CoolShell
酷 壳 – CoolShell
雷峰网
雷峰网
小众软件
小众软件
I
InfoQ
A
About on SuperTechFans
T
The Blog of Author Tim Ferriss
S
SegmentFault 最新的问题
Microsoft Azure Blog
Microsoft Azure Blog
博客园 - Franky

Codrops

Drawing With Light: An Exploration of Lit GPU Tubes with TSL and WebGPU | Codrops Building a Real-Time 3D Face Mask with MediaPipe, Threlte and Three.js | Codrops Building an Infinite Loom: Unravelling Images into Threads with Three.js | Codrops Beyond the Luminance Ramp: A Shape-Aware ASCII Renderer in Three.js | Codrops From Rays to Meshes: Building Vercel’s Prism with vgpu | Codrops More Three.js Speakers, More Ideas from Paris | Codrops Breaking the Frame: Building a Real-Time Datamosh Effect with Three.js | Codrops Bend, Aim, Fling: Turning the Eiffel Tower into a Catapult with Three.js | Codrops Volatile Nexus: Tinkering with Glass, Caustics, Cubes and Sound in Three.js | Codrops Goodgrowth: Boot Sequences, Spinning Discs, and the Art of the Portfolio | Codrops Building a Mouse-Following Square Lens Effect with Three.js and GLSL | Codrops Blender to Three.js and Back: 10 Tips for a Better Workflow | Codrops Sixty Frames for the Record: A Three.js Game, Seven Fly-Throughs, and a Wall of CRTs | Codrops Run Rob Run: Building a Music-Reactive Goo with Three.js and WebGPU | Codrops Relighting Images with Depth Maps and Three.js | Codrops Building an Animated Testimonial Hero Using the GSAP Timeline and Dynamic CMS Data | Codrops Creativity at Enterprise-Scale, Without Compromise: The OFF+BRAND. Story | Codrops Inside HAOQI.DESIGN: Letting DOM and WebGL Share a Retro-Futurist Stage | Codrops From Motion to Meaning: Denis Avramenko’s Approach to Interactive Design | Codrops Creating an Interactive 3D Cluster with Three.js, TSL and Three Start | Codrops Exploring Procedural Geometry with Three.js and WebGPU | Codrops From Brand Systems to Cultural Worlds: Inside Antinomy and 27b | Codrops Designing a Flexible Digital Archive for Chems.Studio’s Creative Practice | Codrops The Department Is Open: Building the PX PUSH Website | Codrops Garden Anomaly: A Tiny WebGPU and TSL Experiment | Codrops A Canvas for Individuality: Creating Websites That Feel Unmistakably Human with Readymag | Codrops Building an Endless Interactive Glass Xylophone with Three.js | Codrops The Story Is in the Interaction: Bonhomme’s Digital Experiences for Luxury Brands | Codrops Building an Infinite GSAP Scroll Gallery with Parallax and Flip Transitions | Codrops Studio Freight: Moving Missions Forward | Codrops
Lusion: Where Digital Craft Meets Ambitious Experimentati...
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.