Difference between pages "Dynamic Lighting (h2)" and "File:Visionaire contest.jpg"

From The Official Visionaire Studio: Adventure Game Engine Wiki
(Difference between pages)
m
 
(MsUpload)
 
Line 1: Line 1:
{| class="ts" style="width:100%"
+
MsUpload
|-
 
! style="text-align:left" | Name !! style="text-align:left;width:10%" | By
 
|-
 
| Dynamic Lighting (image based) || AFRLme
 
|}
 
 
 
 
 
This tutorial shows you how to create a dynamic light using static images. Dynamic light using images works by creating an image containing the lighting/glow with a transparent background. We then use random values to control the opacity & transition time between current opacity value & the target opacity value. Overall this creates a pretty neat effect.
 
 
 
 
 
== Tutorial ==
 
=== Constant ===
 
This is the simpler method of the 2 available. It constantly updates the opacity value of the image(s).
 
 
 
1. You should create some lighting in your preferred graphic/3D program of choice. Don't forget to use feather/anti-aliasing to create smooth edges for your lighting. Blur is ok too. Background should be transparent.<br/>
 
2. First off you are going to want to create an object in your scene that you will be assigning the lighting image to.<br/>
 
3. Go to '''scene > value''' & create a new value. This value will be used to control the transition delay.<br/>
 
4. Go to: '''scene > actions''' & create an '''at begin of scene''' action & a '''called by other action''' action. Make sure you give the '''called by other action''' an appropriate name.<br/>
 
5. Inside of the '''at begin of scene''' action: add a '''call action "called_by_other_action_name"''' action.<br/>
 
6. Inside of the '''called by other action''' action you should include these action parts...
 
<syntaxhighlight>
 
set random value in 'value_name' between x and y -- sets random delay between x & y ms.
 
execute script > (see code block below)
 
pause for 'value_name' millisecond(s) -- linked to value.
 
jump to action part #1 -- forces loop from beginning.
 
</syntaxhighlight>
 
 
 
<syntaxhighlight>
 
Objects["object_name"]:to(Values["value_name"].Int, {ObjectVisibility = math.random(75,100)}, easeQuintOut) -- fade to random opacity value between 75-100% with smooth ending
 
</syntaxhighlight>
 
7. Rinse & repeat the process for other images you want to control with this method. If you don't mind all images being adjusted at the same time, then you could even add them to the '''execute a script''' code mentioned above.
 
 
 
{| class="ts"
 
|-
 
|<gallery>
 
File:dyn_light_001.png
 
File:dyn_light_002.png
 
File:dyn_light_003.png
 
File:dyn_light_004.png
 
</gallery>
 
|}
 
 
 
=== Flicker ===
 
This is the more complicated of the 2 methods as it requires additional values, actions & if queries to create the flicker effect. This style of lighting is good for neon lights or in scenarios that require the lighting to flicker on/off.
 
 
 
1. You should create some lighting in your preferred graphic/3D program of choice. Don't forget to use feather/anti-aliasing to create smooth edges for your lighting. Blur is ok too. Background should be transparent.<br/>
 
2. First off you are going to want to create an object in your scene that you will be assigning the lighting image to.<br/>
 
3. Go to '''scene > value''' & create 2 new values. These values will be used to control the transition delay & the amount of times the image should flicker.<br/>
 
4. Go to: '''scene > actions''' & create an '''at begin of scene''' action & a '''called by other action''' action. Make sure you give the '''called by other action''' an appropriate name.<br/>
 
5. Inside of the '''at begin of scene''' action: add a '''call action "called_by_other_action_name"''' action (step is optional depending on how light is triggered)<br/>
 
6. Inside of the '''called by other action''' action you should include these action parts...
 
<syntaxhighlight>
 
if value 'flicker_value_name' > 0
 
value 'flicker_value_name' - 1 -- remove 1 from value.
 
set random value in 'value_name' between x and y -- sets random delay between x & y ms.
 
execute script > (see first code block below)
 
pause for 'delay_value_name' millisecond(s) -- linked to delay value.
 
jump to action part #1 -- forces loop from beginning.
 
else -- if flicker value = 0 then...
 
execute a script > (see second code block below)
 
set random value in 'flicker_value_name' between x & y -- set next random flicker value.
 
set random value in 'delay_value_name' between x & y -- set random delay value between next set of light flickers.
 
pause for 'delay_value_name' millisecond(s) -- linked to delay value.
 
jump to action part #1 -- forces loop from beginning.
 
</syntaxhighlight>
 
 
 
<syntaxhighlight>
 
Objects["object_name"]:to(Values["delay_value_name"].Int, {ObjectVisibility = math.random(25,100)}, easeQuintOut) -- fade to random opacity value between 25-100% with smooth ending
 
</syntaxhighlight>
 
 
 
<syntaxhighlight>
 
Objects["object_name"]:to(300, {ObjectVisibility = 0}, easeQuintOut) -- fade to 0% opacity over 300ms with smooth ending
 
</syntaxhighlight>
 
 
 
{| class="ts"
 
|-
 
|<gallery>
 
File:dyn_light_001.png
 
File:dyn_light_005.png
 
File:dyn_light_006.png
 
File:dyn_light_007.png
 
</gallery>
 
|}
 
7. Rinse & repeat the process for other images you want to control with this method. If you don't mind all images being adjusted at the same time, then you could even add them to the '''execute a script''' code mentioned above.
 
 
 
 
 
== Resources ==
 
{| class="ts"
 
|-
 
! style="text-align:left" | Name !! style="text-align:left" | Description
 
|-
 
| [[media:dynamic_lighting.zip|dynamic_lighting.zip]] || A working .ved file, complete with resources. Check out the readme.txt file for instructions.
 
|}
 
{{i18n|Dynamic_Lighting_(h2)}}{{toc}}
 

Revision as of 16:28, 31 October 2014

MsUpload