If Statement help – Flash Actionscript 2.0

actionscript-2buttonflash-cs5if statementmovieclip

This is probably going to be a long shot, because I'm having trouble articulating what I'm attempting, but I will try anyway. 🙂

My overall concept is a basic (very basic) game; you have ingredients (4 of them) and depending on which ones you choose, the final product (in this case, a cake) looks different.

For example: if you click the "cake mix" button, the "chocolate" button and the "water" button, you get CHOCOLATE CAKE. But if you only click the "cake mix" button and the "water" button, you get VANILLA CAKE.

I have no idea how to code it so that, depending on which buttons are clicked, you get a different outcome. Any ideas? =/

There is a "REVEAL" button that I'm putting all of the script on. Right now I have:

on (release) {
if (_root.buttons.water._visible == false);
gotoAndPlay(384);

if (_root.buttons.water._visible == true);
gotoAndPlay(383);

}

I'm trying to say, if at any point the water button is clicked, go to THIS OUTCOME (frame 384). But if the water button HASN'T been clicked, go to THIS OUTCOME (frame 383).

Hopefully someone has an idea I can try! 🙂

I am using Flash CS5 and Actionscript 2.0. Thank you!

Best Answer

You probably need to set some state variables for each button first, to keep track of what's been clicked and what hasn't. Something like:

var cakeMixSelected = false;
var waterSelected = false;
var chocolateSelected = false;

When one of these is released, change switch its variable to "true".

Then the if statements in your check should look something like this:

if(waterSelected == true) {
    if(cakeMixSelected == true && chocolateSelected == true) {
        //go to chocolate code here
    } else if (cakeMixSelected == true) {
        //vanilla here
    } else {
        //water only here
    }
} else {
    // no water code here
}

1. Ternary operator:

As suggested by @Kirk in the comments, the cleanest way of doing this would be to use a ternary operator as follows:

<span>{{isLarge ? 'video.large' : 'video.small'}}</span>

2. `ng-switch` directive:

can be used something like the following.

<div ng-switch on="video">
    <div ng-switch-when="video.large">
        <!-- code to render a large video block-->
    </div>
    <div ng-switch-default>
        <!-- code to render the regular video block -->
    </div>
</div>

3. `ng-hide` / `ng-show` directives

Alternatively, you might also use ng-show/ng-hide but using this will actually render both a large video and a small video element and then hide the one that meets the ng-hide condition and shows the one that meets ng-show condition. So on each page you'll actually be rendering two different elements.

4. Another option to consider is `ng-class` directive.

This can be used as follows.

<div ng-class="{large-video: video.large}">
    <!-- video block goes here -->
</div>

The above basically will add a large-video css class to the div element if video.large is truthy.

UPDATE: Angular 1.1.5 introduced the `ngIf directive`

5. `ng-if` directive:

In the versions above 1.1.5 you can use the ng-if directive. This would remove the element if the expression provided returns false and re-inserts the element in the DOM if the expression returns true. Can be used as follows.

<div ng-if="video == video.large">
    <!-- code to render a large video block-->
</div>
<div ng-if="video != video.large">
    <!-- code to render the regular video block -->
</div>

Best Answer

Related Solutions

Python’s equivalent of && (logical-and) in an if-statement

Angularjs – if else statement in AngularJS templates

1. Ternary operator:

2. ng-switch directive:

3. ng-hide / ng-show directives

4. Another option to consider is ng-class directive.

UPDATE: Angular 1.1.5 introduced the ngIf directive

5. ng-if directive:

Related Topic

2. `ng-switch` directive:

3. `ng-hide` / `ng-show` directives

4. Another option to consider is `ng-class` directive.

UPDATE: Angular 1.1.5 introduced the `ngIf directive`

5. `ng-if` directive: