ershisan99/www
1
0
Fork 0
mirror of https://github.com/ershisan99/www.git synced 2025-12-17 12:34:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

add bmp launcher instructions

Browse Source
This commit is contained in:
Andres
2025-06-20 23:14:56 +02:00
parent 596de5a9d0
commit 78119cbd98
2 changed files with 155 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
content/docs/getting-started/installation.mdx
View File

@@ -6,8 +6,33 @@ description: Learn how to install the Balatro Multiplayer mod.
import {DownloadIcon} from "lucide-react";
import {Steps, Step} from "fumadocs-ui/components/steps";
import {Tab, Tabs} from 'fumadocs-ui/components/tabs';
import {OSDownloadButton} from '@/app/_components/os-download-button';
## General Instructions
## Recommended: Using the Balatro Multiplayer Launcher
The easiest way to install and manage the Balatro Multiplayer mod is by using our official launcher.
<Steps>
<Step>
### Download the Balatro Multiplayer Launcher
<OSDownloadButton/>
</Step>
<Step>
### Run the Launcher
Open the downloaded launcher and follow the on-screen instructions to install the mod.
</Step>
</Steps>
The launcher will automatically:
- Install all required dependencies (Lovely and Steamodded)
- Download and install the selected version of the Multiplayer mod
## Alternative: Manual Installation
If you prefer to install the mod manually, follow these steps:
<Steps>
<Step>
@@ -32,15 +57,24 @@ import {Tab, Tabs} from 'fumadocs-ui/components/tabs';
Unzip the `Multiplayer.zip` file and put the folder in the Mods folder described by the Steamodded instructions.
</Step>
</Steps>
>
If you need any further help or run into any problems feel free to open a ticket [in the Discord server.](https://discord.com/channels/1226193436521267223/1227357106064326727)
## Video Instructions
<Tabs items={['Windows', 'Mac', 'Linux/Steamdeck', 'Balatro Mod Manager (Windows/Mac)']}>
> **Note:** While these videos show the manual installation process, we recommend using the Balatro Multiplayer Launcher as described above for the easiest installation experience.
<Tabs
items={['Balatro Multiplayer Launcher', 'Windows', 'Mac', 'Linux/Steamdeck', 'Balatro Mod Manager (Windows/Mac)']}>
<Tab value="Balatro Multiplayer Launcher" className={'flex justify-center'}>
<div className="flex flex-col items-center justify-center p-4">
<p className="mb-4 text-center">The Balatro Multiplayer Launcher is the easiest way to install and manage
the mod.</p>
<Button asChild className='no-underline'><a
href="https://github.com/Balatro-Multiplayer/Balatro-Multiplayer-Launcher/releases"
rel={'noopener noreferrer'} target="_blank"><DownloadIcon/>Get the Launcher</a></Button>
</div>
</Tab>
<Tab value="Windows" className={'flex justify-center'}>
<iframe width="560" height="315" src="https://www.youtube.com/embed/iqTpHz5vZgA" title="YouTube video player"
frameBorder="0"

116
src/app/_components/os-download-button.tsx Normal file
View File

@@ -0,0 +1,116 @@
'use client'
import { Button } from '@/components/ui/button'
import { DownloadIcon } from 'lucide-react'
import { useEffect, useState } from 'react'
type OS = 'Windows' | 'Mac' | 'Linux' | 'Unknown'
const DOWNLOAD_LINKS = {
Windows:
'https://github.com/Balatro-Multiplayer/Balatro-Multiplayer-Launcher/releases/latest/download/balatro-multiplayer-launcher.exe',
Mac: 'https://github.com/Balatro-Multiplayer/Balatro-Multiplayer-Launcher/releases/latest/download/balatro-multiplayer-launcher.dmg',
Linux:
'https://github.com/Balatro-Multiplayer/Balatro-Multiplayer-Launcher/releases/latest/download/balatro-multiplayer-launcher.deb',
}
export function OSDownloadButton() {
const [detectedOS, setDetectedOS] = useState<OS>('Unknown')
const [selectedOS, setSelectedOS] = useState<OS>('Unknown')
const [showOptions, setShowOptions] = useState(false)
useEffect(() => {
// Detect OS on client side
const userAgent = window.navigator.userAgent.toLowerCase()
if (userAgent.indexOf('win') !== -1) {
setDetectedOS('Windows')
setSelectedOS('Windows')
} else if (userAgent.indexOf('mac') !== -1) {
setDetectedOS('Mac')
setSelectedOS('Mac')
} else if (
userAgent.indexOf('linux') !== -1 ||
userAgent.indexOf('x11') !== -1
) {
setDetectedOS('Linux')
setSelectedOS('Linux')
}
}, [])
const downloadLink =
DOWNLOAD_LINKS[selectedOS as keyof typeof DOWNLOAD_LINKS] || ''
const downloadText = `Download for ${selectedOS}`
return (
<div className='flex flex-col items-center gap-2'>
{detectedOS !== 'Unknown' && (
<>
<Button asChild className='no-underline'>
<a href={downloadLink} rel='noopener noreferrer'>
<DownloadIcon className='mr-2' />
{downloadText}
</a>
</Button>
<div className='mt-1 text-sm'>
<button
onClick={() => setShowOptions(!showOptions)}
className='text-blue-500 hover:underline'
>
{showOptions
? 'Hide other options'
: 'Not using ' + detectedOS + '?'}
</button>
</div>
{showOptions && (
<div className='mt-2 flex gap-2'>
{Object.keys(DOWNLOAD_LINKS).map(
(os) =>
os !== selectedOS && (
<Button
key={os}
variant='outline'
size='sm'
onClick={() => setSelectedOS(os as OS)}
className='no-underline'
>
{os}
</Button>
)
)}
</div>
)}
</>
)}
{detectedOS === 'Unknown' && (
<div className='flex flex-col gap-2'>
<p className='text-center'>Select your operating system:</p>
<div className='flex justify-center gap-2'>
{Object.keys(DOWNLOAD_LINKS).map((os) => (
<Button
key={os}
variant={selectedOS === os ? 'default' : 'outline'}
onClick={() => setSelectedOS(os as OS)}
className='no-underline'
>
{os}
</Button>
))}
</div>
{selectedOS !== 'Unknown' && (
<Button asChild className='mt-2 no-underline'>
<a href={downloadLink} rel='noopener noreferrer'>
<DownloadIcon className='mr-2' />
{downloadText}
</a>
</Button>
)}
</div>
)}
</div>
)
}