mirror of
https://github.com/storytold/artcraft.git
synced 2026-10-21 09:22:41 -04:00
Compare commits
1
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 Brandon Thomas
|
f587e19d25 |
@@ -11,7 +11,6 @@ import { useSignals } from "@preact/signals-react/runtime";
|
||||
import { useEffect, useState } from "react";
|
||||
import * as gpu from "detect-gpu";
|
||||
import { UsersApi } from "~/Classes/ApiManager";
|
||||
import { TurnOnGpu } from "~/pages/PageEnigma/TurnOnGpu";
|
||||
import { PrecisionSelector } from "./comps/PrecisionSelector/PrecisionSelector";
|
||||
import {
|
||||
precisionSelectedValue,
|
||||
@@ -22,7 +21,6 @@ import {
|
||||
import { InstallSounds } from "~/pages/PageEnigma/InstallSounds";
|
||||
import { PageEditor } from "~/pages/PageEnigma/PageEditor";
|
||||
import { GalleryDragComponent } from "@storyteller/ui-gallery-modal";
|
||||
import { LoadingDots } from "@storyteller/ui-loading";
|
||||
import {
|
||||
PricingModal,
|
||||
CreditsModal,
|
||||
@@ -105,13 +103,6 @@ export const PageEnigma = ({ sceneToken }: { sceneToken?: string }) => {
|
||||
InstallSounds();
|
||||
});
|
||||
|
||||
if (validGpu === "unknown") {
|
||||
return <LoadingDots />;
|
||||
}
|
||||
if (validGpu === "error") {
|
||||
return <TurnOnGpu />;
|
||||
}
|
||||
|
||||
const currentReminderModalProps = actionReminderProps.value;
|
||||
|
||||
return (
|
||||
|
||||
@@ -1,210 +0,0 @@
|
||||
import * as CopyToClipboard from "react-copy-to-clipboard";
|
||||
import { useEffect, useState } from "react";
|
||||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||||
import { faCopy } from "@fortawesome/pro-solid-svg-icons";
|
||||
|
||||
export const TurnOnGpu = () => {
|
||||
const [copied1, setCopied1] = useState(false);
|
||||
const [copied2, setCopied2] = useState(false);
|
||||
|
||||
useEffect(() => {
|
||||
if (copied1) {
|
||||
setTimeout(() => setCopied1(false), 2000);
|
||||
}
|
||||
}, [copied1]);
|
||||
useEffect(() => {
|
||||
if (copied2) {
|
||||
setTimeout(() => setCopied2(false), 2000);
|
||||
}
|
||||
}, [copied2]);
|
||||
|
||||
return (
|
||||
<div className="fixed inset-0 h-screen overflow-y-auto p-16">
|
||||
<div>
|
||||
Hardware acceleration is <b>required</b> for StoryTeller Studio to run
|
||||
properly. To check if this is enabled, please follow the steps for your
|
||||
browser below.
|
||||
</div>
|
||||
<div className="my-4">
|
||||
<b>Google Chrome: </b>
|
||||
</div>
|
||||
<ol>
|
||||
<li>
|
||||
<div>
|
||||
Click the three stacked dots in upper right of the browser window.
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
Click the arrow next to <em>"Advanced"</em> and select{" "}
|
||||
<em>"System."</em>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
Make sure the box next to{" "}
|
||||
<em>"Use hardware acceleration when available"</em> is
|
||||
toggled on.
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
Close and restart the browser for the change to take effect.
|
||||
</div>
|
||||
</li>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
You can also copy and paste this link{" "}
|
||||
<CopyToClipboard.CopyToClipboard
|
||||
text="chrome://settings/system"
|
||||
onCopy={() => setCopied1(true)}
|
||||
>
|
||||
<span className="text-blue">
|
||||
chrome://settings/system
|
||||
{copied1 ? (
|
||||
<span style={{ color: "red" }}>Copied.</span>
|
||||
) : (
|
||||
<span className="text-sm">
|
||||
<FontAwesomeIcon icon={faCopy} />
|
||||
</span>
|
||||
)}
|
||||
|
||||
</span>
|
||||
</CopyToClipboard.CopyToClipboard>
|
||||
into the address bar. This will bring you right to the system
|
||||
settings.
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</ol>
|
||||
<div className="my-4">
|
||||
<b>Firefox:</b>
|
||||
</div>
|
||||
<ol>
|
||||
<li>
|
||||
<div>
|
||||
Click on <em>"Firefox"</em> then{" "}
|
||||
<em>"Preferences."</em>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
In the <em>"General"</em> panel, go to the
|
||||
<em>"Performance" </em>section.
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
Uncheck the box next to
|
||||
<em>"Use recommended performance settings"</em> and make
|
||||
sure the box next to{" "}
|
||||
<em>"Use hardware acceleration when available"</em> is
|
||||
selected.
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
Close and restart the browser for the change to take effect.
|
||||
</div>
|
||||
</li>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
If you need help, please follow this link:{" "}
|
||||
<a
|
||||
href="https://support.mozilla.org/en-US/kb/performance-settings?as=u&utm_source=inproduct"
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-blue underline"
|
||||
>
|
||||
https://support.mozilla.org/en-US/kb/performance-settings?as=u&utm_source=inproduct
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</ol>
|
||||
<div className="my-4">
|
||||
<b>Microsoft Edge:</b>
|
||||
</div>
|
||||
<ol>
|
||||
<li>
|
||||
<div>
|
||||
Click the "3 dots" menu icon in the upper right of the
|
||||
browser window
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
Click on <em>"Settings"</em> then{" "}
|
||||
<em>"System"</em> on the left side.
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
Toggle on{" "}
|
||||
<em>"Use hardware acceleration when available"</em> if
|
||||
this is not enabled.
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
Close and restart the browser for the change to take effect.
|
||||
</div>
|
||||
</li>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
You can also copy and paste this link{" "}
|
||||
<CopyToClipboard.CopyToClipboard
|
||||
text="edge://settings/system"
|
||||
onCopy={() => setCopied2(true)}
|
||||
>
|
||||
<span className="text-blue">
|
||||
edge://settings/system
|
||||
{copied2 ? (
|
||||
<span style={{ color: "red" }}>Copied.</span>
|
||||
) : (
|
||||
<span className="text-sm">
|
||||
<FontAwesomeIcon icon={faCopy} />
|
||||
</span>
|
||||
)}
|
||||
|
||||
</span>
|
||||
</CopyToClipboard.CopyToClipboard>
|
||||
into the address bar. This will bring you right to the system
|
||||
settings.
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</ol>
|
||||
<div className="my-4">
|
||||
<b>Safari (Mac Only)</b>
|
||||
</div>
|
||||
<div>
|
||||
As of macOS Catalina (version 10.15), Hardware acceleration is
|
||||
automatically enabled, and there is no way turn this on and off. If you
|
||||
are using an older version of MacOS, please use the steps below:
|
||||
</div>
|
||||
<ol>
|
||||
<li>
|
||||
<div>
|
||||
Click on the "Safari" then "Settings" >{" "}
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
Click "Advanced" on the top right of the Settings window
|
||||
and ensure "Use hardware acceleration" is enabled
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
<div>
|
||||
If you are still having an issue with enabling hardware acceleration, we
|
||||
recommend you update your graphics card drivers, if possible. If these
|
||||
updates do not help, you may have to consider upgrading your graphics
|
||||
card or playing on a different device.
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user