diff --git a/public/puzzle/custom-background.webp b/public/puzzle/custom-background.webp new file mode 100644 index 0000000..774395e Binary files /dev/null and b/public/puzzle/custom-background.webp differ diff --git a/public/puzzle/custom-colors.webp b/public/puzzle/custom-colors.webp new file mode 100644 index 0000000..17926d5 Binary files /dev/null and b/public/puzzle/custom-colors.webp differ diff --git a/public/puzzle/custom-logo.webp b/public/puzzle/custom-logo.webp new file mode 100644 index 0000000..9cda40d Binary files /dev/null and b/public/puzzle/custom-logo.webp differ diff --git a/src/components/Header.astro b/src/components/Header.astro index feb4439..a68319e 100644 --- a/src/components/Header.astro +++ b/src/components/Header.astro @@ -18,6 +18,8 @@ import { Icon } from 'astro-icon/components'
@@ -27,9 +29,16 @@ import { Icon } from 'astro-icon/components'+ [Download](https://github.com/PuzzleMC/Puzzle/raw/1.21/Puzzle_Splashscreen_Template.zip) the template pack to get started quickly. +
+
Already lookin' quite nice, ain't it?
+ +### Using custom blending +Blending is the technique used to create the smooth fading-out effect after loading has finished. +Puzzle lets you define custom blending modes that might fit your logo better than the one used for the vanilla white mojang logo. +It can be defined in the `assets/minecraft/optifine/color.properties` file. + +```properties +# Define a custom blend mode +# The fields src, dst, srcA and dstA can be one of: +# ZERO, ONE, SRC_COLOR, ONE_MINUS_SRC_COLOR, DST_COLOR, ONE_MINUS_DST_COLOR, +# SRC_ALPHA, ONE_MINUS_SRC_ALPHA, DST_ALPHA, ONE_MINUS_DST_ALPHA, SRC_ALPHA_SATURATE +screen.loading.blend=+ Info: Colors have to be defined using hex color codes. + You can use websites like [this](https://redketchup.io/color-picker) one to find nice hex color codes. + The example colors are based on the [Catppuccin Mocha](https://github.com/catppuccin/catppuccin) color pallette. +
+
Dark mode! Finally, my eyes can rest.
+ +### Adding a custom background +Looking to show off your Minecraft world or some nice art you drew? +Well, I have a feeling you might quite like this one. +Unlike OptiFine, Puzzle allows you to add a custom background to the splashscreen. +To do so, simply place your custom background at `assets/minecraft/puzzle/splash_background.png` +
The sky is the limit!
Image source: [Unsplash](https://unsplash.com/photos/birds-flying-near-clouds-MF9Wy1NA55I)
+ Pro tip: Use [ImageMagick](https://imagemagick.org/script/command-line-processing.php) to quickly convert and resize images. Once you've learned how to use it, you will love it. + I used this single command to convert the example image from JPG to PNG and compress it from 39MB (8K PNG) to just 1.8MB (HD PNG): + `magick splash_background.jpg -resize 12.5% splash_background.png` +
+