米米的博客

Minecraft 配置 Seus 光影

发表于 2019-04-28 分类于电子游戏 Disqus：本文字数： 1.2k 阅读时长 ≈ 4 分钟

准备工作

下面列出了笔者测试成功的环境，使用其它的版本可能出现不可预料的情况。

硬件

图形卡
由于 Seus 光影对计算机的图形性能有较高的要求，笔者使用了一块 NVIDIA GeForce RTX 2070 显卡进行测试。根据作者的描述，Seus 光影使用的是 Path Tracing 技术，而不是 Ray Tracing，因此 20 系和 10 系显卡对光影的渲染没有本质区别。你也可以放心地选择其它型号的 N 卡，即使是上古核弹，运行起来也不会有影响。不过，根据一些 Minecraft 论坛的反馈，A 卡和 I 卡可能无法支持此光影效果。
其它
Minecraft 对性能没有什么苛求，如果上卡吧标配的话，流畅玩耍一定没有什么问题。

软件

Windows 系统
由于 macOS Mojave 的 N 卡驱动迟迟没有更新（据说是苹果已经抛弃了 N 卡，未来很有可能不会再更新驱动），因而需要在其它系统上运行。笔者使用的是 Windows 10。Linux 原理上也是可以的，不过笔者并没有进行尝试。
Java 环境
Minecraft Java 版自然需要 Java 的环境。由于 HMCL 启动器对 Java9 及以上版本的支持不佳，笔者推荐安装 Java SE 8。可以到 Oracle 官网下载。测试使用的是 JDK1.8.0_211。
HMCL 启动器
你可以从 GitHub 上获取 HMCL 启动器，下载 exe 版本即可。笔者使用的是目前的最新版本 3.2.129，后面的安装步骤也以该版本为例。
光影
在 Seus 官方网站可以下载免费的光影包。推荐使用 SEUS Renewed v1.0.0 和 SEUS V11。除此之外，可以向作者本人付费购买制作中的 SEUS PTGI（目前的版本需要赞助 10 美元，未来发布的正式版将免费）；截至发稿前，最新版本为 SEUS PTGI E6。一番搜索后，笔者发现了一个名为 yiff.party 的网站，这里收录了大量 Patreon 上的付费下载内容。你可以在上面找到全部的 SEUS PTGI 光影。
材质
一个好的材质包同样是不可或缺的。具体可以看这篇文章：Minecraft 材质包推荐。

安装

安装 Minecraft

安装过程并不复杂。运行 HMCL-3.2.129.exe，在「游戏列表」中选择「安装新游戏版本」。

然后选择 1.12.2 版本，较新的版本可能无法正确适配光影，需要等作者更新才行。

随后安装 OptiFine，点击这里的箭头：

选择最新版本，例如 HD_U_E3。如果在游戏过程中发现存在渲染问题（例如黑屏等），可以换其它版本试试。

最后点击「安装」，HMCL 启动器会自动下载并配置相关组件。

阅读全文 »

Minecraft 材质包推荐

发表于 2019-04-27 分类于电子游戏 Disqus：本文字数： 423 阅读时长 ≈ 2 分钟

是否厌倦了 Minecraft 中单调的默认材质？选择一个合适的材质包，对于提升游戏体验有着巨大的帮助。得益于 Minecraft Java 版强大的玩家社区，各种优秀的材质包层出不穷。本文旨在推荐一些笔者体验过的材质包，并介绍其下载和安装的方法。
文中的预览图片均来自作品的官方网站，版权属于原作者。

Realistico

笔者推荐使用 Realistico，不过，这个材质包的官方 512x 版本是付费的，可以自行到国内或国外的玩家论坛上寻找资源。

Stratum

本文更新于 2019 年 5 月 1 日：
除了前面提到的 Realistico 材质包，还有一个名为 Stratum 的材质也很不错。笔者在 Reddit 上找到了一个讨论帖：[Request] Tier 3 of the stratum resource pack，不过已经因为版权问题被删除了。后来发现可以通过把 www.reddit.com 替换为 www.removeddit.com 查看所有被和谐的内容，于是就找到了这个 Mediafire 上的存储库：Stratum。

本文更新于 2019 年 9 月 8 日：
不幸的是，在这篇文章完成后不久，文中提到的 Stratum 材质包存储库就因为版权问题被处理了。

UMSOEA

除此之外，笔者又找到了另一个高质量的材质包：UMSOEA。这是专门为 SEUS 光影设计的，需要在 Patreon 上付费订阅才能下载，可以作为替代方案。当然，你可以从 yiff.party 网站上搜索并免费下载。

Euphora

Project Euphora 是一个新诞生的项目：https://www.patreon.com/arcanecustoms
同样也需要在 Patreon 上付费下载。

为 JavaScript 控制台添加样式

发表于 2019-04-18 分类于 Web开发 Disqus：本文字数： 324 阅读时长 ≈ 1 分钟

在常见的 JavaScript 代码中，一般会通过 console 向控制台输出简单的文字信息。为了把信息输出得更优雅更便于阅读，除了 console.log() 方法外，还可以调用 console.warn() 来输出警告信息，在输出信息前面会有一个带感叹号的黄色三角警告符号。
另外经常用到的是输出错误信息，可以通过调用 console.error() 来实现，信息前面会出现一个带叉的红色圆形图标。
在某些浏览器下，还可以按以下格式，为输出到控制台的文字进行 CSS 控制，添加样式：

1	console.log("%c需要输出的信息", "css代码");

这样可以显示缤纷的颜色，甚至图片，简直爽翻了。
下面是 Chrome 中 console.log() 的官方文档摘要，也适用于一些其它浏览器：

Format Specifier	Description
%s	Formats the value as a string.
%d or %i	Formats the value as an integer.
%f	Formats the value as a floating point value.
%o	Formats the value as an expandable DOM element (as in the Elements panel).
%O	Formats the value as an expandable JavaScript object.
%c	Formats the output string according to CSS styles you provide.

下面是一些例子：

3D Text

1
2

console.log("%c3D Text", "text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);\
font-size: 5em;");

Colorful CSS

console.log("%cColorful CSS", "background: rgba(252, 234, 187, 1);\
background: -moz-linear-gradient(left, rgba(252, 234, 187, 1) 0%, rgba(175, 250, 77, 1) 12%, rgba(0, 247, 49, 1) 28%, rgba(0, 210, 247, 1) 39%, rgba(0, 189, 247, 1) 51%, rgba(133, 108, 217, 1) 64%, rgba(177, 0, 247, 1) 78%, rgba(247, 0, 189, 1) 87%, rgba(245, 22, 52, 1) 100%);\
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(252, 234, 187, 1)), color-stop(12%, rgba(175, 250, 77, 1)), color-stop(28%, rgba(0, 247, 49, 1)), color-stop(39%, rgba(0, 210, 247, 1)), color-stop(51%, rgba(0, 189, 247, 1)), color-stop(64%, rgba(133, 108, 217, 1)), color-stop(78%, rgba(177, 0, 247, 1)), color-stop(87%, rgba(247, 0, 189, 1)), color-stop(100%, rgba(245, 22, 52, 1)));\
background: -webkit-linear-gradient(left, rgba(252, 234, 187, 1) 0%, rgba(175, 250, 77, 1) 12%, rgba(0, 247, 49, 1) 28%, rgba(0, 210, 247, 1) 39%, rgba(0, 189, 247, 1) 51%, rgba(133, 108, 217, 1) 64%, rgba(177, 0, 247, 1) 78%, rgba(247, 0, 189, 1) 87%, rgba(245, 22, 52, 1) 100%);\
background: -o-linear-gradient(left, rgba(252, 234, 187, 1) 0%, rgba(175, 250, 77, 1) 12%, rgba(0, 247, 49, 1) 28%, rgba(0, 210, 247, 1) 39%, rgba(0, 189, 247, 1) 51%, rgba(133, 108, 217, 1) 64%, rgba(177, 0, 247, 1) 78%, rgba(247, 0, 189, 1) 87%, rgba(245, 22, 52, 1) 100%);\
background: -ms-linear-gradient(left, rgba(252, 234, 187, 1) 0%, rgba(175, 250, 77, 1) 12%, rgba(0, 247, 49, 1) 28%, rgba(0, 210, 247, 1) 39%, rgba(0, 189, 247, 1) 51%, rgba(133, 108, 217, 1) 64%, rgba(177, 0, 247, 1) 78%, rgba(247, 0, 189, 1) 87%, rgba(245, 22, 52, 1) 100%);\
background: linear-gradient(to right, rgba(252, 234, 187, 1) 0%, rgba(175, 250, 77, 1) 12%, rgba(0, 247, 49, 1) 28%, rgba(0, 210, 247, 1) 39%, rgba(0, 189, 247, 1) 51%, rgba(133, 108, 217, 1) 64%, rgba(177, 0, 247, 1) 78%, rgba(247, 0, 189, 1) 87%, rgba(245, 22, 52, 1) 100%);\
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f51634', GradientType=1);\
font-size: 5em;");

Rainbow Text

console.log("%cRainbow Text", "background-image:-webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2), color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22));\
color: transparent;\
-webkit-background-clip: text;\
font-size: 5em;");

Image

1	console.log("%c", "padding: 50px 300px; line-height: 120px; background: url('/images/icon.gif') no-repeat;");

macOS Chrome 禁用双指手势

发表于 2019-04-10 分类于技术 Disqus：本文字数： 278 阅读时长 ≈ 1 分钟

Mac 版 Chrome 自带双指手势前进后退功能，也就是在一个页面已经水平滑动到尽头后，继续向前 / 向后滑动，就会触发前进 / 后退。这个功能名为「Overscroll history navigation」，其设计初衷不错，只是容易误操作，笔者一直想把它关闭了。但 Chrome 的设置里没有该选项，也没有从 chrome://flags/ 中找到相关内容。
在网上搜索一番后，发现有两种方法可以进行设置。