Richard Mattka
Creative | Technologist | Developer
work
Projects | Collaborations | Explorations
Featured work with some of the most incredible teams and artists on the planet.
Raw Materials, Service Plan
855-How-To-Quit (Opioids)
Tool of North America, Mojo Supermarket
Diablo IV | Vases of Hatred
Tool of North America, GDS&M, TMNT Movie
Teenage Mutant Ninja Turtles - Pizza Hut - AR
Tool of North America, Tracy-Locke, Frito Lay, Hasbro
Frito Lay x Hasbro - AR
Jam3, Adidas, Ready Player Me
Adidas | Ozworld | Ready Player Me | Metaverse
Raw Materials ( formerly Handsome )
Raw Materials | Wesite | Rebrand
Verizon, Apple, Tool, FriendsWithYou
H1DD3N | AR Metaverse | iPhone 13 | Halsey
SweeTARTS, Wildlife, Duncan Channon
SweetBEATS Musical Mixer | Christina Aguilera
Tool, Kanye West, Gap, Balenciaga
Yeezy Gap | Engineered by Balenciaga
AKQA | Sony Interactive Entertainment
Sony | God of War Ragnarök
P&G, AKQA, Royal Botanic Gardens, Kew
P&G | BeautySphere
Pepsi, Pizza Hut, Pogba, Tool
Score with Pogba | AR Game
Microsoft,Vossler, Dog Studio
Microsoft | Codebook
Oblio, Tyler Perry, BET
BET | Tyler Perry | Madea Virtual Museum
Locks of Love, By Hook
Locks of Love | Cut The Quarantine
Rockstar, Pepsi, ThinkingBox
Rockstar Energy | Website
Blizzard, ThinkingBox
World of Warcraft | Sound the Horn | AR
Twitch, NFL, Amazon, Tool
Twitch + NFL | Thursday Night Football
Intel, Tool
Intel Mega AR Experience | CES
US Army, STEM, Tool
Cryptaris Interactive | US Army
Warner Bros.
Wonder Woman | Theatrical Installation
20th Centruy Fox, Independence Day Resurgence
Independence Day | The War of 1996
Google's Be Internet Awesome
Secure Your Secrets | Unity Game
Interactive Documentary | Senior Developer
SONY | Gran Turismo 6 | First Love
Google, Hook
Google Cloud Showcase | Cloud City
Lincoln Motor Company, Grammys, Jam3
Music Selfie Experiment
Warner Bros., Oblio
Detective Pikachu | AR Snapchat Lens
Google, Tool
Art Copy & Code | Google | Dynamic Film
Tool of North America, TBWAChiatDay, Nissan
Nissan | Passion Genome
Warner Bros., Oblio
The Meg | Dynamic Video Creator
Warner Bros., Oblio
Tomb Raider | Unlock the Tomb
New Line Cinema, Oblio
Annabelle Creation | Film Contest
Music Video | Director
Come On Oblivion | Finger Eleven
Render 51, Unity
BB-8 | Infinite Runner Unity Game
Tool of North America
Tool of North America | Interactive Website
proto
Visual FX | 3D | Shaders | AI | Experiments
A collection of experiments, animations, concept work and explorations. Some find their way into projects, films, tutorials, books and installations. All of them teach me something, and hopefully can offer something for others as well.
Graphic Shader Concept | Smoke Light Simulation
Alien Core r2
Visual Effects | Music Video | Michael Vignola
Red Shift
Visual Effects | Music Video | Meditation
Seed of Life | Butterfly Effect
Graphic Shader | Meditation
Doctor Strange Gateway r2
Shader | WebGL | Environment Effects
Rain on Camera r6
Graphic Shader | Fabric Simulation
Liquid Metal r1
Graphic Shader | Fabric Simulation
Superman Cape Fabric r1
Facial Regognition | 3D Face Compositing
Face Mapping r2
Graphic Shader | Metaball Experiment
Alien Worlds Kiss
art
Concept Art | Film Work | Prints | Motion
Everyday art explorations, in design, photography, film, genrative art, shaders and motion. Cinema4D, After Effects, Blender, Photoshop, Mandlebulb 3D, GLSL are the tools currently most commonly used.
Matrix Sentinels Series
Matrix Sentinels r4
Matrix Sentinels Series
Matrix Sentinels r2
Matrix Sentinels Series
Matrix Sentinels r1
Nova Station Series
Nova Station r2
Nova Station Series
Nova Station r5
Nova Station Series
Nova Station r6
Temple on Ulterra Series
Temple r1
Guardians Concept Series
Groot r1
Trial of Faora Series
Trial of Faora r1
Trial of Faora Series
Trial of Faora r2
Evolution Series | Andoids and Robots
Evolution r1
Evolution Series | Andoids and Robots
Evolution r9
End of Days - Cinema 4D
End of Days
Nova Station Series b
Nova Station Series b
Space Elevator Series
Elevator r1
Steampunk Engine Series
Steampunk Engine r4
press
Articles | Tutorials | Interviews
A selection of recent articles, features, tutorials, interviews and press releases. A featured writer with NET magazine and Web Designer Magazine since 2018. Contact me for writing or speaking engagments.
Net Magazine #330
Feature: AI - Text to Speech
Net Magazine #329
Feature: 3D Video Textures
Net Magazine #328
Feature: Create Particle Effects
Net Magazine #326
Feature: Upgrade Your 3D Physics
Web Desginer #293
Cover Feature: WebXR
Net Magazine #325
Feature: Add 3D Physics To Your Site
Net Magazine #324
Feature: Three.js + GSAP
Net Magazine #323
Cover Feature: Build 3D Websites
Net Magazine #322
Tutorial: Animating 3D Models
Web Desginer #288
Cover Feature: WebGL 3D
Net Magazine #321
Tutorial: Unity Game Dev - Part 2
Net Magazine #320
Feature: AI - Voice Recognition
Net Magazine #319
Tutorial: Unity Game Dev - Part 1
Web Desginer #287
Tutorial: Create a 3D Landing Page
Net Magazine #318
Tutorial: Custom Geometry in Three.js
Net Magazine #317
Tutorial: Getting Started With Unity
Web Desginer #284
Feature: WebGL Backgrounds
Net Magazine #316
Tutorial: AI - Computer Vision
Net Magazine #315
Tutorial: AI - Natural Language Processing
Web Desginer #283
Tutorial: Web VR
Web Desginer #282
Feature: SVG
Web Desginer #281
Feature: GSAP Masterclass
Net Magazine #314
Tutorial: Shader FX - Smoke
Net Magazine #313
Tutorial: Shader FX - Blur
Web Desginer #280
Feature: Starting Three.js - Part 5
Net Magazine #312
Feature: Build an AI Chatbot
Web Desginer #279
Feature: Web Animation
Net Magazine #312
Tutorial: Shader Gltich FX
Web Desginer #279
Tutorial: Starting Three.js - Part 4
Net Magazine #311
Tutorial: Three.js Shaders - Part 3
Web Desginer #278
Tutorial: Starting Three.js - Part 3
Net Magazine #310
Tutorial: Three.js Shaders - Part 2
Net Magazine #309
Tutorial: Three.js Shaders - Part 1
Web Desginer #277
Tutorial: Starting Three.js - Part 2
Net Magazine #308
Tutorial: Visualizing Sound
Web Desginer #276
Tutorial: Get Started with Three.js
Web Desginer #275
Feature: The Power of Sound
Net Magazine #307
Tutorial: Graphic Shaders - Part 4
Web Desginer #274
Feature: WebGL & Three.js
Net Magazine #306
Tutorial: Graphic Shaders - Part 3
Net Magazine #305
Tutorial: Graphic Shaders - Part 2
Net Magazine #304
Tutorial: Graphic Shaders - Part 1
[ interviews | speaking | features ]
NET Magazine #283
How We Built the War of 1996
FWA: Insights
The War of 1996
FWA Interview
CSS Design Awards Interview
info
Bio | Awards | Clients | Services | Contact
Richard Mattka is an award-winning Creative Director, Designer and Developer, specializing in innovative technologies, interactive experiences, web development, visual effects and film. He is an author, collaborator and frequent writer. He has been very fortunate to have worked with some of the most incredible teams and artists on the planet.
[ bio ]

Richard Mattka is an Award-winning Creative Director, Designer and Developer with over 15 years experience in interactive development, design and concept artwork. Combining science-fiction themes, the hidden mysteries of fractal worlds within the world of code, and countless languages, he creates interactive worlds for devices, installations and film. Technologies include Artificial Intelligence systems, OpenGL/WebGL, Graphics Shaders, VR/AR, 3D, Visual FX & Dynamic Film. His work often explores the synergy between humans and machines, the intersection of technology and creative spirit.

Richard has worked with some of the top teams and brands in interactive and entertainment including Microsoft, AirBnB, P&G, Lionsgate, Warner Bros., 20th Century Fox, New Line Cinema, Apple, Sony, IBM and Google.

His work has been recognized with Webbys, FWAs, Awwwards, CSSDA, Cannes Lions, One Show, Communication Arts, including Site of the Month and Site of the Year awards. He was recently recognized by the Webby Awards for 2018/2019.

As a developer, Richard's expertise includes React, Vue, javascript, webgl, php, python, node and a wide range of related frameworks and libraries. He has years of experience with Three.js, R3F, GLSL and WebGL, along with the WebAudio API and CSS. Everything a web based project might need.

For video processing he has scripting in ffMPEG, Blender, After Effects and Cinema4D. Integration with Artificial Intelligence APIs for computer vision, speech recognition, deep learning and training are also often employed in his work. 3D modeling in Cinema 4D and Blender enable him to work with in all facets of the creative pipeline. Richard also has film experience in post-production with After Effects and Premier, having worked with Andrew Kramer and Video Copilot. Visual effects for film, production logo design and animations are also part of his portfolio.

Richard is also a regular writer for Net Magazine, and Web Designer Magazine, with over 50 articles published so far on VFX, 3D, Artificial Intelligence WebGL, Sound FX and Shaders.

'The Art of Shaders', his latest full length programming book, is currently in production. A comprehensive introduction to the world of shader programming, it covers how they work, and the incredible visual results they can create. Release data is now scheduled for 2022.

Richard's professional artwork explores a wide range of fractal works, science-fiction and other-world visions. Selected works are currently available for purchase through Society 6.

Contact me for availability for freelance work, as part of the team or creative lead.

[ awards | recognition ]
Cyber Lions Gold
Cutting Edge of the Week
Emmy Finalist Outstanding Achievement Interactive Media
Gold Website
Gold Social Media
Gold Inte-grated
Inter-active Ads
Website
Best Portfolio Site
Craft Website Design Merit
Consumer Apps & Sites Merit
Mobile: Consumer Apps & Sites Merit
Addy Innovative Use Of Interactive Technology
Comm Arts Web Pick of the Day
Creativity Top 5 - #1
Site of the Day
Mobile of the Day
Site of the Month
Site of the Day
Site of the Month
Site of the Year
Site of the Day
Site of the Month
[ select clients ]
⇠ prev
back to work
next ⇢
⇠ prev
back to press
next ⇢
⇠ prev
back to prototypes
next ⇢
⇠ prev
back to art
next ⇢