Experience FunTech Creativity

FunTech 想让访客亲手体验它的技术和点子，团队在 FWA 上的说明就是这么写的，带着访客玩的是公司的官方角色 Fun-kun。网站里的海报把这件作品叫作 FUNTECH SHOWREEL 2026，片名 HELLO, WORLD.，主演 Fun-kun。右上角一直挂着一个橙色的 Watch the film 按钮，访客随时可以点开看那部约五十秒的影片本身。浏览器显示不了三维画面的访客，会看到一行说明，以及同一个看影片的按钮。

进站的第一屏是一台想象出来的老电脑在开机。黑底上一行行绿色的终端文字写着 FUNTECH OS 26.09，接着逐行报告正在读取代码、模型、贴图，正在解码声音、编译显卡画画面要用的着色程序，再把十个场景一个一个预热一遍，每做完一项就在行尾打一个 ok。最后一行是 READY.，屏幕正中出现一行大字 BOOT FUNTECH.EXE，提示访客按回车或者点一下开机，开机时声音也会一起打开。

开机之后，Fun-kun 先以线框的样子站在一面写满 FUNTECH 涂鸦字的墙前面。访客每点一下，Fun-kun 就换一层渲染效果，依次是线框 WIREFRAME、透视 X-RAY、全息 HOLOGRAM、镀铬 CHROME，最后是成品 BEAUTY，像是把一个三维角色从骨架做到成品的过程一层一层摊开给访客看。到了成品这一层，Fun-kun 是一个红色亮面的圆脑袋，访客点它一下就进入下一站。下一站里闪电会自己劈下来，访客按回车也能叫来一道，任务是在一面黑色气球般鼓起的贴纸墙前，往画面上拍满八张贴纸，贴纸上是 ドドン 这类日文拟声字和 FunTech 的标志。

接下来的两站是一座美术馆，两间展厅一前一后。第一间展厅叫 Gallery 01，墙上写着 FUNTECH のひとびと，也就是 FunTech 的人们。展台上立着十五位员工的半身像，每一尊用的材料都不一样，有镀铬、木雕、霓虹灯管和软胶玩具，铭牌上写着名字和材料。访客用 W、A、S、D 键往前走，拖动画面可以环顾四周，点一尊雕像还能换它的材料，走完约 23 米就到了第二间展厅。那里立着一座全体员工的群像，底座上写着 WE ARE FUNTECH.，访客点五下召唤闪电，闪电劈完就进入下一站。

美术馆之后，Fun-kun 来到一条东京式的霓虹小巷，招牌上写着居酒屋、焼鳥和雷，访客按住鼠标四秒，Fun-kun 就在一个发光的圆环舞台上跳起舞来。再下一站是一张印刷风格的橙色电影海报，上面写着 FUNTECH、東京、2026.10 和 ワクワクを、実装する。，海报中间是一台米色的老电脑，Fun-kun 被关在它的屏幕里。访客敲三下屏幕，屏幕上先冒出 コンッ 的拟声字贴纸并裂开，敲到最后一下，Fun-kun 就撞碎玻璃跳了出来。

逃出电脑之后是一个横版跑酷小游戏，叫 STYLE RUN，一共八关。Fun-kun 自己往前跑，访客按空格或者点一下让它跳过路上的箱子、吃金币。跳错一次，这一关会从头再来，画面上会标出该在哪里起跳。每一关换一种电脑图像的年代和画风，开头三关是黑白漫画、字符画和 8 位像素。后面几关换成电脑桌面、千禧年的三维图和故障画面，最后一关以一行 SIGNAL LOST 收尾。电脑桌面那一关，FunTech 把自己给客户做过的网站摆成了桌面上的一个个窗口。

跑完八关，Fun-kun 的脸出现在一台没有信号的电视里，屏幕裂开、变白，Fun-kun 的面罩上显示出 HELLO WORLD，最后整个画面碎成一片片飞出去。最后一站是一个黑色充气字母拼成的 FUNTECH 标志，上面贴满了前面见过的贴纸，旁边站着 Fun-kun，访客点一下还能再拍一张贴纸上去。下面三个按钮分别是重玩一遍、看影片和去 FunTech 的官网。照着提示一路做下来，从开机到这一站要好几分钟。

这个站给每一站都换了一种画风，把它们串起来的是 Fun-kun 和一套贯穿始终的小元素。从涂鸦墙、昏暗的美术馆到霓虹小巷和印刷海报，各站的画面彼此几乎没有共同点。但每一站都有 Fun-kun，大多数场景里都有 FunTech 的橙红色，日文拟声字在好几站都会跳出来，最后的标志上也贴满了这些贴纸。

Fun-kun 本身是一个很简单的造型，正因为简单，才换得起这么多种画风。它没有身体，只有一颗戴着耳机的圆脑袋和一双红黑相间的球鞋，脸是一块屏幕，上面是绿色的像素眼睛和一排像鲨鱼牙一样的笑。这颗脑袋在开机那一站换过五层渲染效果，在雷电那一站是红色亮面，在电脑里是黑色玻璃，在跑酷里又变成每一关画风的样子，但那双像素眼睛和那排牙一直认得出来。

字体跟着画风走，每一站用的字都和它模仿的那种画面对得上。开机画面是老电脑终端那种绿色的像素等宽字，跑酷游戏顶上的关卡、金币和分数用的是两款像素字体，海报用的是大号的无衬线字，中文、日文和英文混排，像一张真的电影海报。只有界面上的提示和按钮一直用同一款无衬线体，保证访客在任何一站都读得懂该做什么。

界面这一层在十站里几乎不变，而且占的地方很小。左上角是 FUNTECH 的涂鸦标志，右上角是语言切换 JA / EN、声音开关和橙色的 Watch the film。每一站要做的事写在一张半透明的小提示卡上，卡片用一条细线指着要操作的物体，上面有鼠标或按键的图标，还有一排小圆点和还剩几下，访客不用读说明也知道离下一幕还有多远。

Fun-kun 的每一次变化，都是访客亲手触发的那一下当场发生的。在开机那一站，访客每点一下，整个角色和背后的墙同时换一层效果，到了透视那一层，提示卡还会告诉访客可以拖动画面让 Fun-kun 转起来。贴纸一拍上去就落在点下去的地方，敲电脑那一站，碎玻璃会朝着镜头飞散开来，片片带着反光。整个体验都是实时计算出来的三维画面，不是预先录好的影片，所以访客点在哪里、走到哪里，画面就跟到哪里。

美术馆、纪念碑和霓虹小巷这几站，镜头也跟着访客的操作走。美术馆里访客按着键往前走，镜头就跟着往前推，拖动画面可以左右看。纪念碑那一站，五道闪电劈完之后，镜头从群像一路往后拉，拉到天上的月亮。接着整个画面闪成白色，接到下一站。霓虹小巷里访客按住鼠标的时候，Fun-kun 在舞台上跳舞，镜头换着角度绕着舞台转。

系统里打开减少动态效果之后，这个站会把最刺眼的地方调暗一点。纪念碑那一站最后的闪白变成了灰白，不再是一整屏刺眼的白光，不过闪电本身照样会劈下来。

两次从开机一直玩到结尾，十个场景都稳在每秒 60 帧，几乎没有一帧卡住，跑酷游戏和碎玻璃这些画面最忙的地方也一样流畅。这应该和开机前那十秒有关，终端上逐行写着，十个场景的着色程序和模型在那时就编译和预热好了，玩的时候不用再临时准备。

这个站的画面全部交给三维图形库 three.js，而且用的是浏览器较新的图形接口 WebGPU。按网站自己的说明，支持 WebGPU 或者旧一些的 WebGL2 的浏览器都能看，两者都不支持，才会退到那一行说明和影片。

访客按下开机之前，整个站已经下载了约 18.7 MB，十个场景要用的贴图、模型和声音在这时全部到齐。其中贴图约 8.9 MB，三维模型和场景数据约 6.2 MB，音效约 1.8 MB，单个最大的文件是海报那一站的一个三维模型，约 1 MB。这样安排之后，从开机一路玩到结尾，几乎没有再下载新的文件，访客在场景之间不用再等。

等的时间都放在了开机之前，大约十秒，这十秒就是前面那台老电脑在逐行开机的时间。服务器几乎是立刻开始返回内容，屏幕上第一次出现画面在 0.72 到 1.05 秒，低于 Google 建议的 1.8 秒，出现的就是那几行终端文字。之后页面在预热场景的过程中偶尔卡住一下，最长不到 0.2 秒，开机按钮在第九到第十一秒之间出现。整个过程中画面跳动很小，测量工具读到 0.05，低于 0.1 的建议上限。

键盘用户能玩一部分场景，但这个站主要还是给鼠标设计的。开机画面上，Tab 键只会停在开机按钮上，按下去就能开机。进了场景之后，Tab 键只能走到右上角的三个按钮，场景里的操作要靠各站自己的按键。开机那一站可以用方向键切换渲染效果，雷电那一站的提示卡上直接写着回车叫闪电、S 键拍贴纸。美术馆用 W、A、S、D 键走路，跑酷用空格跳。纪念碑、霓虹小巷和敲电脑这几站，提示卡上只写了点击和按住鼠标。

读屏软件的用户这边，这个站做对了两处。页面里有一段只给读屏软件读的文字，写着这一站要做什么、还差几下，并且跟着进度更新。影片窗口打开之后，按 Esc 就能关掉，焦点会回到原来的按钮上。

FWA 给 Experience FunTech Creativity 打了 89 分，把它归进艺术插画与展览、设计和制作工作室、人工智能三个类别。团队的说明写的是，这是一个能体验 FunTech 创造力的沉浸式网站，访客和官方角色 Fun-kun 一起玩十个实时三维场景，给它换造型、召唤闪电、在霓虹小巷里跳舞，再敲屏幕直到它从显像管里冲出来。说明里的这几件事站上都有，换造型说的应该就是开机那一站的五层渲染效果。

奖项页上只有 FunTech 这一个署名，没有列出个人分工，表里的战绩算到写报告时为止。FunTech 在 FWA 上已经拿过两次当日站，一次是 2024 年的公司官网，一次是 2026 年 6 月的品牌识别网站，两次都是 81 分，这一次的 89 分是它在 FWA 上最高的一次。在 Awwwards 上，这两个网站都拿过荣誉提名。