Tutorialsby:RicardoSalgado Email:Ricardo_Salgado@live.com Website:http://www.ricardosalgado3d.

com

TableofContents Installing Bringing2DTexturebitmapsandIntroductionintoStrumpy's FromStrumpy'stoyourmesh FakeToonEffectShader

Installing
DownloadStrumpy'sShaderintheAssetstore(Ctrl+9)orWindow>AssetStore.Makesure youimportitaswell. AfterImportingityoushouldseerightnexttoTerrainontheUnityToolbarthereisanewtabfor ShaderEditor.ClickitandlaunchStrumpysShaderEditor

ImageaboveiswhereontheUnitytoolbaryoucanfindSSE.

Whenyoulaunchityoushouldgetawindowthatlooksliketheimageabove.Youcanusesome oftheshadernetworkthatistherebydefault,youcanalsodeleteorjustgounderfileandsay newgraph Navigation: PanMiddleMouseButtonDragorAlt+LeftButtonDrag SelectingmorenodesClickandDragorholdShiftwhileclicking CreatinglinkClickandholdthesmalloutputbox(ex.RGBA)andconnectit BreakinglinkRightclickthelink OpenNodeSelectionRightclickonemptyspace

Note:MostofthenodesworkjustliketheonesinUnreal'sMaterialEditorex.Multiply. TheNodesTab ThenodestabhaseverynodethatyoucanuseinsideofStrumpy'ssoifyoucannotfindthe nodeyouarelookingforyoucangothereandjustsearchforit.

Bringing2DTexturebitmapsandIntroductioninto Strumpy's
Makesureyouhavefolderscreatedinsideofyourprojectfilefortexturesandshaders.Toput texturesintotheenginejustsavetheminsideofafolderinsideoftheproject(ex. D:\Robo\Assets\Textures\Characters\Chorman). Nowthattexturesareinsideoftheengineyoubringthemintotheeditorby: GototheInputstabandclickatthetop"AddNewInput..".AddaTexture2Dpropertyafter addingityouwillseea2DaddedundertheInputstab.Veryimportantlyyouwillseethatthetext windownextto2DisredandsoistheInputstab.Makesureyougivethe2Dtextboxaname (ex._ChormanDiffuse). Afterdoingthatclickonthearrownextto2DandclickSelectinthecornerofthesquare. Selectyourtexture. Rightbuttonclickinsideofemptygreyspace>Property>sampler2D GointotheNodetabwiththesampled2Dpropertiesselected.Clickonthedropdownmenu UnconfigurednexttoInputPropertyandselecttheInputyoucreated(Ex._ChormanDiffuse) CreateaTex2Dnode(Function>Tex2D) Forthesampler2DnodemakesureyoupluginSampler2DandUVotherwiseitwillnotwork.

Theimageaboveshowsanexampleofwhatwasdescribedabove. WheneveryouaregoingtocreateanodelikeColororRangeitwillaskyoutomakeanInputfor it.Youcancreatetheinputbeforehandoryoucandoitasyoucreatethenodebyjustgivingita nameandclickingAdd.Thatwillcreateaninputfortheproperty.

TheimageaboveshowsasimplegraphshowingDiffuse,Normal,SpecularPower(Gloss), Specular(Specular).

FromStrumpy'stoyourmesh
Afteryoufinishandgettheshadertoyourlikingyoushouldsavetheshader(File>SaveAs). Notethisisnotappliedtoamesh. Afteryousaveyouexportit(File>ExportAs).Notethisisnotappliedtoamesh. Afteryoudothatrightclickinsideofyourprojecttabinsideofunity. GoCreate>Material Afteryoucreateyourmaterialgotothematerialpropertiesbyjustclickingit.Clickonthe DiffusepulldownmenuintheShadersection.Scrolldownuntilyouseetheshaderyou exportedfromStrumpy'sandselectit. Youmighthavetoreselectthetexturesintothecorrespondingslots. NowyouhaveaMaterialyoucanapplytomeshes,particles,etc.

Note:AllshadersyoumakeinsideSSEcanbereusedasmuchasyouwant.Thismeansyou doNOThavetogointoSSEandrecreatethesameshadersyoualreadyhave.Justcreate moreMaterialsandchangethevaluestofitwhatyouwant.Thisisgreatatsavingyoutimeand storage.

FakeToonEffectShader
InsideofStrumpy'sclickon"Graphs"andthenclick"Lighting". Youwillseea"LightingOutputMaster"node.Tosetupafaketooneffectyouwillneedtomakea rampandhookitupinacertainway. Onceyouhavearamp

Similartotheoneaboveyouwillneedtocreatea"SimpleSampler2D"node.GotoProperties> "SimpleSampler2D". Createa"Tex2D"nodewiththe"SimpleSampler2D"linkingtoSampler. FortheUVpartofthenodeCreatea"Luminance"NodeunderFunction. Createa"LightColorNode"Lighting>LightColor.

Hookthe"LightColorNode"intothe"Luminance"node Hookthe"Luminance"nodeintotheUVpartofthe"Tex2D".

Whenyoufinishyoushouldhavesomethingliketheimageabove.

NowtomakeitreadyourDiffusecoloryouwillneedtocreateaMultiplynode. GotoLighting>"AlbedoInput". Plugthe"LightingAlbedoNode"intoonepartoftheMultiplyandtheRGBAoftheText2Dtothe otherpart.

Whenyoufinishyouwillhaveanetworkthatlooksliketheoneabove. SaveandExportyourgraphandshaderandapplyittoyourmesh.. Note:Ifyouareunhappywiththetooneffectyoucanmakenewanddifferentrampstochange thelookofit.