140 字符内的 JavaScript 演示作品

140 字符内的 JavaScript 演示作品

Hacker News 摘要

原标题:JavaScript Demos in 140 Characters

Dwitter.net 是一个独特的 JavaScript 编程艺术社区,其核心规则是用户必须在 140 个字符限制内编写代码,生成各种视觉特效、动画或游戏。页面展示了过去一年中最受好评的顶级作品,这些代码通常被封装在一个名为 u(t) 的函数中,其中 t 代表时间参数。

年度热门作品详细介绍

彩色泡沫宇宙扩展:由用户 joeytwiddle 创作。这件作品通过高度压缩的代码生成了极其绚烂且清晰的色彩扩张效果。开发者使用了 evalunescapeescape 的组合技巧,将大量复杂的绘图逻辑压缩进看似乱码的 Unicode 字符中,从而绕过字符限制。

蚂蚁模拟 (Ants! 🐜):由用户 KilledByAPixel 创作,代码长度达到 139 字符。它在画布上精细地模拟了大量微小生物(蚂蚁)的活动轨迹。该作品被社区评价为神级创作,标签涵盖了 #ants。

一目刺绣混奏 (Hitomezashi Stitch Remix):由用户 danny@hille.dk 创作,仅使用了 99 个字符。该作品通过简单的循环和位运算,模拟了日本传统的刺绣纹路。社区成员在评论中讨论了如何进一步优化代码,甚至有人提出了将其缩减到 94 字节的方案。

飞越废墟城市:同样来自 KilledByAPixel。这段 140 字符的代码构建了一个极具氛围感的 3D 飞行视觉效果,模拟了在被摧毁的城市废墟上空飞行的画面。

被删除作品的墓地:作者 rodrigo.siqueira 创作了一个带有忧郁色彩的视觉场景,使用了 #scene 等标签。这件作品是对社区内那些被遗忘或删除的代码的致敬。

太阳系轨道 (Solar Orbit ☀️🌘):这是一件令人惊叹的极简作品。作者在极短的 140 字节内完整呈现了一个包含多颗行星和卫星的行星系统运行图。评论区对此表示震惊,称其在如此狭小的代码空间内塞进了一个宇宙。

树木、阴影与山丘:由 KilledByAPixel 创作。画面表现了连绵的山峦和错落有致的树木。作者在评论中透露,画面中的山丘实际上是通过将树木的图形进行拉伸和波动化处理后生成的。

视差松树林 (Parallax Pines 🌲):该作品利用视差滚动原理,营造出一种在森林中穿行的空间感,引发了用户对于在落基山脉驾驶体验的回忆。

神秘洞穴:由 rodrigo.siqueira 基于他人作品重混而成。它展示了卓越的光影效果,通过随机化算法模拟了洞穴内部的光照和阴影。

毛毛虫或蠕虫模拟:作者 dee-gomma 创作。该代码通过复杂的正弦函数计算,生动地表现了一个肥硕的毛毛虫或幼虫在屏幕上蠕动的形态,被社区成员戏称为肥嘟嘟的幼虫。

技术特点与社区互动

这些作品展示了极致的代码压缩技巧:

1. Unicode 压缩:由于 140 字符限制非常严苛,许多开发者将两字节的代码合并为一个 Unicode 字符,再通过 replaceeval 在运行时解压。

2. 重混机制 (Remix):平台鼓励用户在他人代码的基础上进行修改和优化,许多顶级作品都是在优秀前作的基础上进化而来的。

3. 数学驱动:由于无法引用外部库,所有视觉效果完全依赖原生的 JavaScript 数学函数(如 Math.sin, Math.cos 等)和画布 API。


原文:https://beta.dwitter.net

评论:https://news.ycombinator.com/item?id=46557489

Report Page