User Tools

Site Tools


hpl2:tutorials:level_editor:tutorial_7

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
hpl2:tutorials:level_editor:tutorial_7 [2015/05/18 13:56]
romulator [What is a Skybox?]
hpl2:tutorials:level_editor:tutorial_7 [2020/04/14 16:40]
mudbill [Developers! Read!] Updated note about DevIL
Line 3: Line 3:
 ===== Developers! Read! ===== ===== Developers! Read! =====
  
-As of Amnesia'​s 1.3.1 release, ​the method ​in which the game reads Skyboxes has changed slightly, breaking them. **HOWEVER:​** Thanks to Daemian'​s skills on the forum and finding the issue, you can fix them as a developer ​by downloading this version of [[https://​www.dropbox.com/​s/​c2e7bi3k8f871ka/​DevIL.zip?​dl=0|DevIL.dll]]. You __DO NOT__ need this file if your //Amnesia: The Dark Descent // version is not 1.3.1. Optionally include the file when exporting your Custom Story or Full Conversion, however have a readme or note as to why DevIL.dll is included out of courtesy to the user. +As of Amnesia'​s 1.3.1 release, ​skyboxes render incorrectly ​in the game due to a bug in the DevIL version used. **HOWEVER:​** Thanks to Daemian'​s skills on the forum and finding the issue, you can fix it for Windows ​by downloading this version of [[https://​www.dropbox.com/​s/​c2e7bi3k8f871ka/​DevIL.zip?​dl=0|DevIL.dll]]. Optionally include the file when exporting your Custom Story or Full Conversion, however have a readme or note as to why DevIL.dll is included out of courtesy to the user. A solution for Mac and Linux should also be possible by replacing library versions, however is currently not documented.
- +
-Skyboxes may show incorrectly depending on which Amnesia version a user plays on.+
  
 ===== What is a Skybox? ===== ===== What is a Skybox? =====
Line 15: Line 13:
 So let's get started. For this tutorial, I used: So let's get started. For this tutorial, I used:
  
-<​nowiki>​*</​nowiki> ​Adobe Photoshop ( or for a free alternative,​ you may use [[http://​www.gimp.org/​|GIMP]],​ and may make use of this [[http://​www.youtube.com/​watch?​v=9uKBYVEyw1s|video tutorial]]).\\ +Adobe Photoshop ( or for a free alternative,​ you may use [[http://​www.gimp.org/​|GIMP]],​ and may make use of this [[http://​www.youtube.com/​watch?​v=9uKBYVEyw1s|video tutorial]]).\\ 
-<​nowiki>​*</​nowiki>​.DDS plugin for your appropriate image editor (nVidia for [[https://​developer.nvidia.com/​nvidia-texture-tools-adobe-photoshop|Photoshop]] or [[https://​code.google.com/​p/​gimp-dds/​|GIMP]])\\ +.DDS plugin for your appropriate image editor (nVidia for [[https://​developer.nvidia.com/​nvidia-texture-tools-adobe-photoshop|Photoshop]] or [[https://​code.google.com/​p/​gimp-dds/​|GIMP]])\\ 
-<​nowiki>​*</​nowiki> ​A raw collection of images which will make up your skybox<​sup>​1</​sup> ​.\\ +A raw collection of images which will make up your skybox .\\ 
-<​nowiki>​*</​nowiki> ​The HPL2 Level Editor and either a Steam or Retail copy of Amnesia: The Dark Descent. I was using Retail.\\ +The HPL2 Level Editor and either a Steam or Retail copy of Amnesia: The Dark Descent. I was using Retail.
-<​sup>​1</​sup>​ I made use of [[http://​www.redsorceress.com/​skybox.html|this website]] to retrieve my images. You will need something to open .zip files if you are using that site.+
  
 ===== How do I make a Skybox? ===== ===== How do I make a Skybox? =====
  
-I used Adobe Photoshop to make the skybox. ​I also used the //​Mountains//​ skybox from the above page.+I used Adobe Photoshop to make the skybox. 
 ==== Step 0: Understanding the construction of a Skybox ==== ==== Step 0: Understanding the construction of a Skybox ====
  
Line 118: Line 116:
 Some Skyboxes are great. Instead of requiring construction in Photoshop, they are already set out in a format which looks great to other Skybox building applications. What we made earlier by placing the six images side by side was called a Horizontal strip. Some Skyboxes are great. Instead of requiring construction in Photoshop, they are already set out in a format which looks great to other Skybox building applications. What we made earlier by placing the six images side by side was called a Horizontal strip.
  
-{{http://​www.cgtextures.com/​tutorials/​cubemaps/​images/​cubemap_layouts.gif}}+{{http://​www.cgtextures.com/​tutorials/​cubemaps/​images/​cubemap_layouts.gif?​direct&​}}
  
 As you can see, there are many ways to create a Skybox. [[http://​developer.amd.com/​tools-and-sdks/​archive/​legacy-cpu-gpu-tools/​cubemapgen/​|AMD/​ATI'​s application CubeMapGen]] is able to load vertical cross images, which you can find on the internet and even assemble yourself with enough practice. CubeMapGen is also able to preview the Skybox, and export .dds images in a similar way the NVidia Tool does in Photoshop. As you can see, there are many ways to create a Skybox. [[http://​developer.amd.com/​tools-and-sdks/​archive/​legacy-cpu-gpu-tools/​cubemapgen/​|AMD/​ATI'​s application CubeMapGen]] is able to load vertical cross images, which you can find on the internet and even assemble yourself with enough practice. CubeMapGen is also able to preview the Skybox, and export .dds images in a similar way the NVidia Tool does in Photoshop.
  
-{{http://​puu.sh/​hRHHW/​014f9dc5ec.jpg?​800}}+{{http://​puu.sh/​hRHHW/​014f9dc5ec.jpg?​direct&800}}
  
 There are likely other methods, but I won't go too in-depth with those. There are likely other methods, but I won't go too in-depth with those.
Line 134: Line 132:
 The easiest way to do this is to do so with a Horizontal Strip, or the same format as explained by the above tutorial. The easiest way to do this is to do so with a Horizontal Strip, or the same format as explained by the above tutorial.
  
-{{http://​puu.sh/​hRIst/​76954162a1.jpg?​800}}+{{http://​puu.sh/​hRIst/​76954162a1.jpg?​direct&800}}
  
 I am using a different skybox to the previous tutorial, since you can use just about any skybox, as most horizons are in the approximate middle of the cubemap. I am using a different skybox to the previous tutorial, since you can use just about any skybox, as most horizons are in the approximate middle of the cubemap.
Line 142: Line 140:
 Create a Layer and push it all the way to the bottom and color it something like grey. This will serve as your bottom tile of your basemap, and when you delete parts of your skybox, the grey color will appear and remain the same, allowing the blend from the sides of the map and the bottom to become even lesser noticeable. Create a Layer and push it all the way to the bottom and color it something like grey. This will serve as your bottom tile of your basemap, and when you delete parts of your skybox, the grey color will appear and remain the same, allowing the blend from the sides of the map and the bottom to become even lesser noticeable.
  
-{{http://​puu.sh/​hRJ6d/​84e4df9120.jpg?​800}}+{{http://​puu.sh/​hRJ6d/​84e4df9120.jpg?​direct&800}}
  
 === Step 3: Select and Delete === === Step 3: Select and Delete ===
Line 150: Line 148:
 Starting slightly outside the image on the left side, click, hold and drag to the bottom right corner of the image, effectively selecting the whole bottom half. Zoom in if you have to. Starting slightly outside the image on the left side, click, hold and drag to the bottom right corner of the image, effectively selecting the whole bottom half. Zoom in if you have to.
  
-{{http://​puu.sh/​hRJok/​1b125282b6.jpg?​800}}+{{http://​puu.sh/​hRJok/​1b125282b6.jpg?​direct&800}}
  
-Now, select your Front and then press the Delete key. It will remove the bottom half of your front. Now repeat by selecting your Back, Left and Right layers and deleting those.+Now, select your Front from the layers window ​and then press the Delete key. It will remove the bottom half of your front. Now repeat by selecting your Back, Left and Right layers and deleting those.
  
-{{http://​puu.sh/​hRKmP/​90935ba4c3.jpg?​800}}+{{http://​puu.sh/​hRKmP/​90935ba4c3.jpg?​direct&800}}
  
 === Step 4: Export === === Step 4: Export ===
Line 162: Line 160:
 Here's how my Skybox looks. Here's how my Skybox looks.
  
-{{http://​puu.sh/​hRKP5/​5ab89283cd.jpg?​800}}+{{http://​puu.sh/​hRKP5/​5ab89283cd.jpg?​direct&800}}
  
 Now we have a flat horizon, which hopefully will not be visible to the player. You can adjust the horizon point by lowering the amount of area which you delete. Just remember not to delete any part of the '​Top'​ image, as then you will have half a top on your skybox! Now we have a flat horizon, which hopefully will not be visible to the player. You can adjust the horizon point by lowering the amount of area which you delete. Just remember not to delete any part of the '​Top'​ image, as then you will have half a top on your skybox!
hpl2/tutorials/level_editor/tutorial_7.txt · Last modified: 2020/04/14 16:40 by mudbill