-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
chrisbradleyjones
committed
Jul 17, 2024
1 parent
382d94b
commit e9ec159
Showing
18 changed files
with
1,668 additions
and
1,617 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,4 +1,4 @@ | ||
| # BGENinja | ||
| Hi, this is a tutorial for the game engine [UPBGE](https://upbge.org/) and [Range Engine](https://rangeengine.tech/). | ||
| Project files are available in this site too. | ||
| Making changes as fast as possible. | ||
| # BGENinja | ||
| Hi, this is a tutorial for the game engine [UPBGE](https://upbge.org/) and [Range Engine](https://rangeengine.tech/). | ||
| Project files are available in this site too. | ||
| Making changes as fast as possible. |
Large diffs are not rendered by default.
Oops, something went wrong.
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,100 +1,100 @@ | ||
| pre code.hljs { | ||
| display: block; | ||
| overflow-x: auto; | ||
| padding: 1em | ||
| } | ||
| code.hljs { | ||
| padding: 3px 5px | ||
| } | ||
| /* | ||
| * Visual Studio 2015 dark style | ||
| * Author: Nicolas LLOBERA <nllobera@gmail.com> | ||
| */ | ||
| .hljs { | ||
| background: #1E1E1E; | ||
| color: #DCDCDC | ||
| } | ||
| .hljs-keyword, | ||
| .hljs-literal, | ||
| .hljs-symbol, | ||
| .hljs-name { | ||
| color: #569CD6 | ||
| } | ||
| .hljs-link { | ||
| color: #569CD6; | ||
| text-decoration: underline | ||
| } | ||
| .hljs-built_in, | ||
| .hljs-type { | ||
| color: #4EC9B0 | ||
| } | ||
| .hljs-number, | ||
| .hljs-class { | ||
| color: #B8D7A3 | ||
| } | ||
| .hljs-string, | ||
| .hljs-meta .hljs-string { | ||
| color: #D69D85 | ||
| } | ||
| .hljs-regexp, | ||
| .hljs-template-tag { | ||
| color: #9A5334 | ||
| } | ||
| .hljs-subst, | ||
| .hljs-function, | ||
| .hljs-title, | ||
| .hljs-params, | ||
| .hljs-formula { | ||
| color: #DCDCDC | ||
| } | ||
| .hljs-comment, | ||
| .hljs-quote { | ||
| color: #57A64A; | ||
| font-style: italic | ||
| } | ||
| .hljs-doctag { | ||
| color: #608B4E | ||
| } | ||
| .hljs-meta, | ||
| .hljs-meta .hljs-keyword, | ||
| .hljs-tag { | ||
| color: #9B9B9B | ||
| } | ||
| .hljs-variable, | ||
| .hljs-template-variable { | ||
| color: #BD63C5 | ||
| } | ||
| .hljs-attr, | ||
| .hljs-attribute { | ||
| color: #9CDCFE | ||
| } | ||
| .hljs-section { | ||
| color: gold | ||
| } | ||
| .hljs-emphasis { | ||
| font-style: italic | ||
| } | ||
| .hljs-strong { | ||
| font-weight: bold | ||
| } | ||
| /*.hljs-code { | ||
| font-family:'Monospace'; | ||
| }*/ | ||
| .hljs-bullet, | ||
| .hljs-selector-tag, | ||
| .hljs-selector-id, | ||
| .hljs-selector-class, | ||
| .hljs-selector-attr, | ||
| .hljs-selector-pseudo { | ||
| color: #D7BA7D | ||
| } | ||
| .hljs-addition { | ||
| background-color: #144212; | ||
| display: inline-block; | ||
| width: 100% | ||
| } | ||
| .hljs-deletion { | ||
| background-color: #600; | ||
| display: inline-block; | ||
| width: 100% | ||
| pre code.hljs { | ||
| display: block; | ||
| overflow-x: auto; | ||
| padding: 1em | ||
| } | ||
| code.hljs { | ||
| padding: 3px 5px | ||
| } | ||
| /* | ||
| * Visual Studio 2015 dark style | ||
| * Author: Nicolas LLOBERA <nllobera@gmail.com> | ||
| */ | ||
| .hljs { | ||
| background: #1E1E1E; | ||
| color: #DCDCDC | ||
| } | ||
| .hljs-keyword, | ||
| .hljs-literal, | ||
| .hljs-symbol, | ||
| .hljs-name { | ||
| color: #569CD6 | ||
| } | ||
| .hljs-link { | ||
| color: #569CD6; | ||
| text-decoration: underline | ||
| } | ||
| .hljs-built_in, | ||
| .hljs-type { | ||
| color: #4EC9B0 | ||
| } | ||
| .hljs-number, | ||
| .hljs-class { | ||
| color: #B8D7A3 | ||
| } | ||
| .hljs-string, | ||
| .hljs-meta .hljs-string { | ||
| color: #D69D85 | ||
| } | ||
| .hljs-regexp, | ||
| .hljs-template-tag { | ||
| color: #9A5334 | ||
| } | ||
| .hljs-subst, | ||
| .hljs-function, | ||
| .hljs-title, | ||
| .hljs-params, | ||
| .hljs-formula { | ||
| color: #DCDCDC | ||
| } | ||
| .hljs-comment, | ||
| .hljs-quote { | ||
| color: #57A64A; | ||
| font-style: italic | ||
| } | ||
| .hljs-doctag { | ||
| color: #608B4E | ||
| } | ||
| .hljs-meta, | ||
| .hljs-meta .hljs-keyword, | ||
| .hljs-tag { | ||
| color: #9B9B9B | ||
| } | ||
| .hljs-variable, | ||
| .hljs-template-variable { | ||
| color: #BD63C5 | ||
| } | ||
| .hljs-attr, | ||
| .hljs-attribute { | ||
| color: #9CDCFE | ||
| } | ||
| .hljs-section { | ||
| color: gold | ||
| } | ||
| .hljs-emphasis { | ||
| font-style: italic | ||
| } | ||
| .hljs-strong { | ||
| font-weight: bold | ||
| } | ||
| /*.hljs-code { | ||
| font-family:'Monospace'; | ||
| }*/ | ||
| .hljs-bullet, | ||
| .hljs-selector-tag, | ||
| .hljs-selector-id, | ||
| .hljs-selector-class, | ||
| .hljs-selector-attr, | ||
| .hljs-selector-pseudo { | ||
| color: #D7BA7D | ||
| } | ||
| .hljs-addition { | ||
| background-color: #144212; | ||
| display: inline-block; | ||
| width: 100% | ||
| } | ||
| .hljs-deletion { | ||
| background-color: #600; | ||
| display: inline-block; | ||
| width: 100% | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,101 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| <meta name="description" content="Custom UPBGE splash screen and avoiding crashes"> | ||
| <!-- Facebook Meta Tags --> | ||
| <!-- <meta property="og:url" content="https://chrisbradleyjones.github.io/bgeninja/"> --> | ||
| <meta property="og:type" content="website"> | ||
| <meta property="og:title" content="Custom UPBGE Splash"> | ||
| <meta property="og:description" content="This fly website's got some sick tuts for UPBGE and Range, yo!"> | ||
| <meta property="og:image" content="https://i.postimg.cc/cJwxY8bn/image.png"> | ||
| <!-- Twitter Meta Tags --> | ||
| <meta name="twitter:card" content="summary_large_image"> | ||
| <meta property="twitter:domain" content="chrisbradleyjones.github.io"> | ||
| <meta property="twitter:url" content="https://chrisbradleyjones.github.io/bgeninja/"> | ||
| <meta name="twitter:title" content="Custom UPBGE Splash"> | ||
| <meta name="twitter:description" content="Custom UPBGE splash screen and avoiding crashes"> | ||
| <meta name="twitter:image" content="https://i.postimg.cc/cJwxY8bn/image.png"> | ||
| <title>Custom UPBGE Splash</title> | ||
| </head> | ||
| <body> | ||
| <h1>Custom UPBGE Splash</h1> | ||
| <p> | ||
| Yo in this tutorial we'll see how to change our game engine's splash screen. | ||
| If you have some experience compiling UPBGE you must find these steps easy.<br> | ||
| If this is your first time compiling the engine, | ||
| <a href="compile-upbge.html">you must check this page</a> or | ||
| its going to be very difficult to setup. | ||
| </p> | ||
| <h3>Requirements</h3> | ||
| <p> | ||
| You'll need: | ||
| <ul> | ||
| <li><a href="https://files01.tchspt.com/down/vs_Community2019.exe" target="_blank">Visual Studio 2019</a>+</li> | ||
| <li><a href="https://gimp.org" target="_blank">GIMP</a> | ||
| / | ||
| <a href="https://www.photopea.com/" target="_blank">Photopea</a> | ||
| / | ||
| or any editor that can resize images.</li> | ||
| <li><a href="https://en.wikipedia.org/wiki/Microsoft_Paint" target="_blank">MSPaint</a>, dw its pre-installed.</li> | ||
| </ul> | ||
| </p> | ||
| <h3>Setting Up</h3> | ||
| <p> | ||
| Go to the path where the source code is located. | ||
| Goto <u id="dir">release -> datafiles</u> and you'll find | ||
| <span class="mono">splash.png</span> with a size of <b>500x282</b> | ||
| and <span class="mono">splash_2x.png</span> with a size of <b>1000x563</b>. | ||
| The first splash file is for regualar sized 1080p monitors and another <b>2x</b> sized splash | ||
| is for big 4k monitors. Those images don't need to be same. | ||
| </p> | ||
| <h3>Edit and export the image</h3> | ||
| <p> | ||
| We'll get some image from the internet and replace it with 1st and 2nd splash. | ||
| After downloading go to your favourite image editor and for the first image | ||
| set the canvas size's <u>width to 500</u> and <u>height to 282</u>. | ||
| We need to set our image precision to <span class="mono">unint8.png</span> and | ||
| if you don't know how to set it, export the image.<br> | ||
| Open <span title="Super key + R and type 'mspaint' without the quotes">MSPaint</span>, | ||
| open the image and save it. It must set the precision mode to 8 bit unsigned integer.<br> | ||
| Same applies to the <b>splash_2x.png</b> file but make sure the image width is 1000 | ||
| and height is 563. | ||
| </p> | ||
| <div class="warning"> | ||
| <p class="what"></p> | ||
| <p> | ||
| Setting the image precision to <span class="mono">unint8.png</span> is necessary | ||
| or your build will crash. You also need to have your images in | ||
| <span class="mono">.png</span> format. | ||
| </p> | ||
| </div> | ||
| <p> | ||
| If you haven't put the files <a href="#dir">in this directory</a>, | ||
| rename the original as something so | ||
| your's don't overwrite them and paste the files there. | ||
| </p> | ||
| <h3>Building</h3> | ||
| <p> | ||
| Now for the last step, open up Visual Studio and build by | ||
| setting the build type from <span class="mono">Debug</span> to | ||
| <span class="mono">Release</span>, <b>select</b> | ||
| <span class="mono">CMakePredefinedTargets</span> and go to | ||
| <u>Build -> Build -> 3 INSTALL</u>.<br> | ||
| If you're building for the first time, it might take up to 1½ hour and | ||
| if you've built more than once it should take a few moments. | ||
| </p> | ||
| <figure> | ||
| <img src="https://i.postimg.cc/cJwxY8bn/image.png" loading="lazy"> | ||
| <figcaption>Splash Screen Replaced</figcaption> | ||
| </figure> | ||
| <p> | ||
| Have fun! | ||
| </p> | ||
| <!-- Script --> | ||
| <!-- <script type="text/javascript" src="../../code/smooth_criminal.js"></script> --> | ||
| <script src="../../code/highlight.min.js"></script> | ||
| <script>hljs.highlightAll();</script> | ||
| <script type="text/javascript" src="../../code/syntax.js"></script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.