交互魔法的艺术：Karim Maaloul的创意技术世界

创意之旅

我是Karim，EPIC Agency的联合创始人兼创意总监。我带领一支才华横溢的设计师团队，并与EPIC的技术开发人员紧密合作，打造美观且用户友好的网站。

我深度参与UX/UI设计，从早期原型设计到完整数字平台的设计。同时，我投入大量时间构思游戏概念和为互动游戏及沉浸式体验制作3D模型。

深夜时分，你经常会发现我正在编写游戏代码或试验着色器，始终追寻着最初点燃我热情的那份游戏与创意的火花。

这座图书馆隐藏着6个故事。你能全部找到吗？《被诅咒的图书馆》是一个充满激情的项目，融合了我对儿童书籍、经典故事和黑暗沉浸式氛围的终生热爱。我基于知名故事设计了六个令人不安的世界，全部使用Blender 3D建模。

基于Three.js和自定义着色器，这个体验展开为一段穿越闹鬼图书馆的旅程，隐藏的传送门将游客带入不同维度。

声音是体验的核心。每个低语、旋律和回声都塑造着氛围。出色的Steve Jones和Jules Maxwell创作了令人难忘的配乐，录制了人声，并编写了复杂的音频过渡代码。

每年在EPIC，我们都会投入时间和专业知识支持反映我们价值观的事业。今年，我们选择为Live in Color提高认识，这是一个通过教育促进难民融入的比利时组织。

为此，我们创建了一个有趣的网页游戏，主角是一只滑雪的鹅，为世界带回色彩。虽然核心开发由我的同事Théo Gil Cerqueira主导，但我负责了艺术指导、插画和轨迹的着色器编码。

红牛是我们经常合作的客户。我参与了他们的多个游戏项目，但最喜欢的是Red Bull Sand Scramble，一个快节奏的赛车游戏。我为此开发了一个简单而高效的物理引擎，以及3D建模和游戏玩法设计。

我与开发界面的Shamil Altamirov密切合作，还有我的合伙人Thierry Michel，他编写了整个游戏玩法代码，将粗糙的原型转化为充满活力和肾上腺素的体验，完美捕捉了红牛的精神。

我一直对小规模项目情有独钟。我喜欢制作小巧的体验，以有趣的方式探索简单的机制和技术。我花了很多时间在CodePen上实验，专注于微小细节并完善每个交互。

以下是其中几个实验：

滑冰兔子是一个小型极简游戏，我将其作为通过我们网站联系我们的人的趣味奖励。这是一个完美的借口来试验用于绘制滑冰痕迹的帧缓冲技术，并为平滑、模糊的地板反射制作自定义着色器。

两个世界相互连接，共享相同的摄像机视图，但存在于不同的空间维度。这个实验是我之前在《被诅咒的图书馆》中探索的传送门效果的另一种尝试。

给狮子降温是让我获得最多关注的CodePen作品。我在一次热浪期间制作了它，不知何故，它走红了。

这也是我最早使用Three.js进行的实验之一，我完全用立方体基元构建了一只狮子。

那时，我完全没有3D建模经验。后来学习Blender 3D彻底改变了我设计和赋予交互角色生命的方式。

近二十年前，我以儿童书籍插画师的身份开始了我的职业生涯，然后转向网页设计。随后我加入了几家机构担任Flash开发人员，创建丰富的交互体验。当Flash走到尽头时，我投身Three.js，探索通过3D体验和游戏为网页带来交互性的新方法。

我最喜欢的是将我的插画、设计和编码技能融合在一起，制作简短、有趣的体验。我喜欢将我自己的艺术指导注入代码中，并不断学习新技术以更好地表达我的创意愿景。

目前，我对Godot最感兴趣，这是一个开源、轻量级的游戏引擎，是大型游戏引擎的替代品。我也好奇AI将如何塑造和扩展创意过程。当然，我仍然对Three.js感兴趣，特别是TSL，一种基于节点的着色语言，简化了着色器的创建。

我日常使用Blender3D、Figma、Photoshop和After Effects来塑造我的体验设计。在编码方面，我依赖Three.js、GSAP和原生JavaScript来赋予我的角色生命。最近，随着AI的兴起，我一直在试验ComfyUI、Midjourney和VEO3。

归根结底，工具只是工具。我曾见过一位书法家仅用他的手指和一些咖啡作为墨水，写出了一个极其美丽的字。这完美地提醒我们，一个人能培养的最伟大技能是敏锐的眼光和丰富、开放的好奇心。

Codrops通过展示实现一个效果从来不止一种方式来说明这个理念。掌握一种技术可以拓宽你的技能组合，但真正重要的是开辟自己道路的能力。

感谢阅读这篇专题报道！