听音乐听小众佳作，开眼界玩有趣小网站。这是“小网站”系列的第 14 篇，关注公众号接收更新，不迷路。

=== 今日介绍 ===

科幻迷踪

把玩点：

• 获奖众多的设计，科幻主题场景;
• 技术与艺术相结合的范本;
• 眼界与想象力的拓展;

主观评价：趣味性 3.5 星，技术性 4 星

把玩地址 mgz.me

=== 使用指北 ===

今天看了一眼票房，《流浪地球2》已经破36亿票房了，国产硬核科幻现阶段的最强代表，还想着有时间了再去二刷，加之最近刚播完的《三体》，一下子把「科幻」主题推上了一个热度。

今天介绍一个应景的小网站，内容为激动的BGM加上十个炫酷的科幻主题场景，虽然是一个个人网站，但我还是给取了个中文名：科幻迷踪。且看：

还有类UFO场景：

空间声波场景：

是不是有些科幻色彩？网站支持电脑与手机打开，操作简单，3D内容会随着鼠标或者手机屏幕上手指的移动而变换。

在左上角的图标是控制区域，点开后分别是播放音乐、回到第一个场景、上一个、下一个及随机场景的按钮。

休闲时，跟随着炫酷的场景，展开想象力的翅膀，尽情幻想吧！

=== 干货知识 ===

纯技术性干货，非行业人士可忽略本节。

网站作者叫Marco Gomez，英国人，他的主要专业领域是3D工程，专注于webgl的创意开发和互动式沉浸体验。

网站实现的技术是WebGL相关的技术，研究了一下源代码，采用的技术框架如下：SVG、 WebGL、 ThreeJS、 NextJS、 React、 shaders、 GLSL、JavaScript，webpack等技术的混合应用。

这么多前端技术、3D技术、GPU编程技术混合一起，作者也算是牛人一枚，对3D编程有兴趣的朋友可以深入研究了解！

介绍两本书：《WebGL编程指南》、《WebGL 3D开发实战详解》

本系列长期更新！首发微信公众号：土卫六

喜欢的朋友，感谢点赞、分享、收藏三连！