View source for Blueprint Toggle Visibility Tutorial

1. Begin with the '''Blank With Starter Content''' project. 

2. Click on the '''Blueprints''' button in the toolbar, and select '''Class Blueprint: Create...''' from the dropdown menu. 

3. Select '''Actor''' as the parent class in the window that appears. 

4. Name your Blueprint, then click '''OK'''. In this example, the Blueprint is named '''CeilingLampBlueprint'''. By default, the Blueprint's save location will be Game/Blueprints. 

Your Class Blueprint will open in '''Components Mode'''. 

1. Add a '''Static Mesh Component''' in the Components tab. 

2. Set the '''Static Mesh''' to '''SM_Lamp_Ceiling'''. 

3. Add a '''PointLightComponent''' in the Components tab. 

4. Set the '''PointLightComponent's''' location to [0, 0, -240]. 

5. In the '''Details''' panel, uncheck '''Visible''' under '''Rendering''' to turn the light off. 

6. Add a BoxComponent in the Components tab. 

7. Set the BoxComponent's location to [0, 0, -200] and scale to [5, 5, 7]. 

8. In the Details panel for Box1, find the '''Add Event''' dropdown menu and select '''Add OnComponentBeginOverlap'''. 

9. Find the '''My Blueprint''' panel. 

10. Click and drag from '''PointLight1''' in the '''My Blueprint''' panel into the graph. 

11. Select '''Get''' to get a reference to '''PointLight1'''. 

12. Click and drag from the blue pin on the '''PointLight1''' reference node into an empty area of the graph to summon the context menu. 

13. Search for Visibility in the context menu, and select Toggle Visibility. 

14. Now we need to connect the '''OnComponentBeginOverlap''' node to the '''Toggle Visibility''' node, so that the event execution will cause the '''Toggle Visibility''' node to execute. Click on the output pin of '''OnComponentBeginOverlap''' and drag a wire to the input execution pin of '''Toggle Visibility'''. 

15. Select '''Box1''' in the '''My Blueprint''' tab. 

16. Right-click in the graph, and expand '''Add Event''' for '''Box1 > Collision''' in the context menu. 

17. Select '''Add On Component End Overlap'''. 

18. Click on the output pin of '''OnComponentEndOverlap''' and drag a wire to the input execution pin of '''Toggle Visibility'''. You may want to click on the '''On Actor End Overlap''' and drag it within the graph so it is in a better location. 

19. Return to the '''Level Editor''', and open the '''Blueprints''' folder in the '''Content Browser'''. 

20. Drag and drop '''CeilingLampBlueprint''' from the '''Content Browser''' into the level to place an instance of your ceiling light. 

21. '''Play In Editor''' to test your new Blueprint logic! 

[[Category:Tutorials]]
[[Category:Blueprint]]