Creating a custom skybox
Tig
Join Date: 2010-05-08 Member: 71674Members, Reinforced - Shadow, WC 2013 - Silver
Join Date: 2010-05-08 Member: 71674Members, Reinforced - Shadow, WC 2013 - Silver
<div class="IPBDescription">tutorial</div>I've been asked this three times now, so I thought I'd make a tutorial for it, it's a work in progress (i'll get pictures up to help soon).
<!--quoteo--><div class='quotetop'>QUOTE </div><div class='quotemain'><!--quotec-->Hey tig, I saw your skyfalls map and thought the skybox looked great. Could you explain how to use a custom image for sykbox use like you did?<!--QuoteEnd--></div><!--QuoteEEnd-->
<a href="http://www.unknownworlds.com/ns2/forums/index.php?showtopic=111747" target="_blank">relevant link</a>
other people have used paint.net, but i used photoshop. you need to use a 32 bit version if you happen to have cs5. there's an <a href="http://developer.nvidia.com/object/photoshop_dds_plugins.html" target="_blank">nvidia export plugin</a> that will allow you to save your files as .dds as well as open and edit them in photoshop. i used the dxt5 setting but i'm not sure it matters.
so if you're starting from scratch, make 6 1024 x 1024 images (72 dpi) and save them as something easy to remember, like skybox_up, down, east west north south.
flatten each and save as a .dds, it'll ask you a bunch of options, but i think you can leave the settings as default even though i had success with dxt5 (with the 8bpp interpolated alpha.
then you have to create a material file for each .dds (copy a material file from another one and open it up and change the path and save it to the same name as the .dds you are working with.
<!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1--><material>
<maps>
<map type="texture" value="materials/ns2_skyfalls/starfield_rgt.dds" />
</maps>
</material><!--c2--></div><!--ec2-->
mine looks like that. 6 .dds files, 6 .material files with matching names. open up the builder and if you havent used it, follow the <a href="http://www.unknownworlds.com/ns2/wiki/index.php/Builder#Getting_Started_-_Setting_up_the_Spark_Builder" target="_blank">wiki setup</a> (involves loading the ns2 gameset and setting file locations). run the builder, you'll probably get errors but its cool, it should work anyway.
now you can test your texture files out in spark, but to get the skybox to work you have to make a .cinematic file. open the cinematic editor, drop a skybox entity into the open space, click on it and change the texture files to your texture files and you should see your skybox. if you see purple and teal checkers, you messed up something in your material file (probably the value path).
once you have your cinematic saved, drop it into your level in spark (note that default placement has the east skymap texture as the north side in the editor.
<!--quoteo--><div class='quotetop'>QUOTE </div><div class='quotemain'><!--quotec-->Hey tig, I saw your skyfalls map and thought the skybox looked great. Could you explain how to use a custom image for sykbox use like you did?<!--QuoteEnd--></div><!--QuoteEEnd-->
<a href="http://www.unknownworlds.com/ns2/forums/index.php?showtopic=111747" target="_blank">relevant link</a>
other people have used paint.net, but i used photoshop. you need to use a 32 bit version if you happen to have cs5. there's an <a href="http://developer.nvidia.com/object/photoshop_dds_plugins.html" target="_blank">nvidia export plugin</a> that will allow you to save your files as .dds as well as open and edit them in photoshop. i used the dxt5 setting but i'm not sure it matters.
so if you're starting from scratch, make 6 1024 x 1024 images (72 dpi) and save them as something easy to remember, like skybox_up, down, east west north south.
flatten each and save as a .dds, it'll ask you a bunch of options, but i think you can leave the settings as default even though i had success with dxt5 (with the 8bpp interpolated alpha.
then you have to create a material file for each .dds (copy a material file from another one and open it up and change the path and save it to the same name as the .dds you are working with.
<!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1--><material>
<maps>
<map type="texture" value="materials/ns2_skyfalls/starfield_rgt.dds" />
</maps>
</material><!--c2--></div><!--ec2-->
mine looks like that. 6 .dds files, 6 .material files with matching names. open up the builder and if you havent used it, follow the <a href="http://www.unknownworlds.com/ns2/wiki/index.php/Builder#Getting_Started_-_Setting_up_the_Spark_Builder" target="_blank">wiki setup</a> (involves loading the ns2 gameset and setting file locations). run the builder, you'll probably get errors but its cool, it should work anyway.
now you can test your texture files out in spark, but to get the skybox to work you have to make a .cinematic file. open the cinematic editor, drop a skybox entity into the open space, click on it and change the texture files to your texture files and you should see your skybox. if you see purple and teal checkers, you messed up something in your material file (probably the value path).
once you have your cinematic saved, drop it into your level in spark (note that default placement has the east skymap texture as the north side in the editor.
Comments
Here are some other tags proposed <a href="http://www.unknownworlds.com/ns2/forums/index.php?s=&showtopic=111827&view=findpost&p=1813860" target="_blank">here</a>
<!--quoteo(post=1813860:date=Dec 6 2010, 09:09 AM:name=Crispy)--><div class='quotetop'>QUOTE (Crispy @ Dec 6 2010, 09:09 AM) <a href="index.php?act=findpost&pid=1813860"><{POST_SNAPBACK}></a></div><div class='quotemain'><!--quotec-->[CON] (concept - exploring ideas)
[REQ] (request - if you would like someone else to make something for you)
[REL] (release - something that you can download and experience for yourself, warts and all)
[WIP] (work in progress - a thread showing everything up to first release, including feedback, discussion, etc.)
[TUT] (tutorial - teaching others how it's done)<!--QuoteEnd--></div><!--QuoteEEnd-->
You could also link here in the "Tutorials" section <a href="http://www.unknownworlds.com/ns2/wiki/index.php/Natural_Selection_2_Mapping" target="_blank">on the wiki</a>. Or better yet, make a wiki page for this tutorial.