--- title: Home layout: page --- <h1 class="display-4 text-center"><strong>Cemu Graphic Packs</strong></h1> <p class="lead text-center">{{ site.description }}</p> <div class="jumbotron pt-4 pb-4" style="background-color: #127282;"> <h3>Downloads</h3> <div><strong>Automatic installation instructions (recommended)</strong></div> <div>Use Cemu's built-in graphic packs downloader (a new feature added in Cemu 1.15.1) to automatically retrieve the newest graphic packs from our repository.</div> <div><strong>Manual installation instructions</strong></div> <div class="mb-3">Remove all of your graphic packs first, then move all of the folders from a downloaded .zip below to the <kbd>graphicPacks</kbd> folder from your Cemu folder.</div> <p class="pt-2 mb-1"><strong>Select the download for your Cemu version</strong></p> <a id="primary_download" class="btn some-shadow" href="{{ site.github.latest_release.assets[0].browser_download_url }}">Cemu 1.14.0 and newer (versions 3 and 4)</a> <button id="older_download" class="btn dropdown-toggle some-shadow" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Older versions</button> <div class="dropdown-menu some-shadow" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" href="https://github.com/slashiee/cemu_graphic_packs/releases/download/Travis100/graphicPacks100_Uncommon.zip">Cemu 1.8.0 through 1.13.2 (version 2)</a> <a class="dropdown-item" href="https://github.com/slashiee/cemu_graphic_packs/releases/download/1/graphicPacks.zip">Cemu 1.7.0 through 1.7.5 (version 1)</a> </div> </div> <div class="jumbotron pt-4 pb-4" style="background-color: #37474f"> <div id="supported-games-search" class="input-group input-group-lg"> <script src="https://cdnjs.cloudflare.com/ajax/libs/fuzzyset.js/0.0.8/fuzzyset.min.js" integrity="sha256-8BxxbSfdrTeC4uo2W6wROONJCyC35uTaV+xalQIERmk=" crossorigin="anonymous" defer></script> <input type="text" class="form-control" placeholder="Search here to check the games that have graphic packs!" onkeyup="searchSupportedGames(this.value)" required> <div class="spinner-box"> <div class="circle-border"> <div class="circle-core"></div> </div> </div> <div class="input-group-append"> <span class="input-group-text" id="inputGroup-sizing-lg"><img class="icon" src="assets/images/material-io_search_icon.svg" alt="Search Icon"/></span> </div> </div> <ul id="supported-games-search-results" class="list-group"> </ul> <p id="viewAllGames" class="text-center pt-2"><strong>Or view a list with all supported games...</strong></p> </div> <div class="modal fade" id="searchInfoModal" tabindex="-1"> <div class="modal-dialog modal-lg"> <div class="modal-content bg-dark"> <div class="modal-header border-secondary"> <h5 class="modal-title" id="gameTitle">GameTitle</h5> <button class="close text-light" data-dismiss="modal"><span>×</span></button> </div> <div class="modal-body"> <div class="container-fluid"> <picture> <img id="modal-preview-image" style="width: 156px;" src="assets/images/no-cover-available.png" class="rounded float-left img-thumbnail" alt="Cover of the game"> </picture> <span class="d-inline-block"> <span id="information-box" class="compat-status-loading"> <p id="compat-status"> Known Compatibility Status: <span id="compat-status-loading">Loading...</span> <span id="compat-status-unknown">Unknown</span> <span id="compat-status-perfect">Perfect<img src="assets/images/compat_status/perfect.png"></span> <span id="compat-status-playable">Playable<img src="assets/images/compat_status/playable.png"></span> <span id="compat-status-runs">Runs<img src="assets/images/compat_status/runs.png"></span> <span id="compat-status-loads">Loads<img src="assets/images/compat_status/loads.png"></span> <span id="compat-status-unplayable">Unplayable<img src="assets/images/compat_status/unplayable.png"></span> </p> <p>The game is upscaled from <span id="nativeResolution"></span>p.</p> <span id="ultrawide"> <p id="ultrawide-supported">Ultrawide resolutions are supported</p> <p id="ultrawide-unsupported">No ultrawide resolutions are supported</p> </span> <span id="version-info"> <p id="version-4-supported">Graphic packs fully support OpenGL and Vulkan. (version 4)</p> <p id="version-3-supported">Graphic packs fully support OpenGL, though some graphic pack functionality might work on Vulkan. (version 3)</p> <p id="version-2-supported">No graphic packs for Cemu 1.14.0 and higher, but there are graphic packs for Cemu 1.8.0 through 1.13.2 available. (version 2)</p> </span> </span> </span> </div> </div> <div class="modal-footer border-secondary"> <a id="compatWikiButton" class="btn btn-secondary" href="http://compat.cemu.info/wiki/Main_Page">Cemu Compat Wiki</a> <button class="btn btn-primary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="jumbotron pt-4 pb-4" style="background-color: #37474f"> <h3>Frequently Asked Questions</h3> {% assign ordered = site.FAQ | sort: "order" %} {% for question in ordered %} <details> <summary><strong>{{ question.slug }}?</strong></summary> <div name="{{ question.anchor_link }}" class="pl-4">{{ question.output }}</div> </details> {%- endfor %} </div> <div class="jumbotron pt-4 pb-4" style="background-color: #37474f"> <h3>Past versions</h3> <table class="table table-dark table-hover"> <script src="https://cdnjs.cloudflare.com/ajax/libs/timeago.js/3.0.2/timeago.min.js"></script> <thead> <tr> <th scope="col">Version</th> <th scope="col">Time</th> <th scope="col">Title</th> {% comment %}<th scope="col">Description</th>{% endcomment %} <th scope="col">Download</th> </tr> </thead> <tbody> {% for releaseIndex in (0..3) %} <tr> <th scope="row">{{ site.github.releases[releaseIndex].name | split: "V" | shift }}</th> <td><time class="commit-time" datetime="{{ site.github.releases[releaseIndex].published_at }}"></time></td> <td>{{ site.github.releases[releaseIndex].body | split: "###" | shift | first | split: "```" | pop | first }}</td> {% comment %}<td>{{ site.github.releases[releaseIndex].body | split: "```" | shift | first }}</td>{% endcomment %} <td><a href="{{ site.github.releases[releaseIndex].assets[0].browser_download_url }}"><img class="icon ml-4" src="assets/images/download.png" alt="Download Icon"/></td> </tr> {% endfor %} <tr> <td id="past_versions_other" class="text-center" colspan="4"><a href="{{ site.github.releases_url }}">View even older releases</a></td> </tr> </tbody> </table> </div> <div class="jumbotron pt-4 pb-4" style="background-color: #37474f"> <h3>Our contributors</h3> {% for contributor in site.github.contributors %} <a href="https://github.com/slashiee/cemu_graphic_packs/commits?author={{ contributor.login }}"><img class="img-thumbnail contributor-avatar-img mt-1 ml-1 mr-1 mb-2" src="{{ contributor.avatar_url }}&size=70" alt="{{ contributor.login }}'s avatar"></a> {% endfor %} </div>