Raataar/kinderspiele1
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Zahlreiche Animationen geadded, Punkte geadded, mehr Tiere, neue Sounds

Browse Source
This commit is contained in:
Carsten Hilmer
2016-11-11 07:58:14 +01:00
parent 36a997e83e
commit 2d63ab9a2a
100 changed files with 23615 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
www/templates/home.html
View File

@@ -1,15 +1,25 @@
<ion-view view-title="Wo ist das Tier">
<ion-content class="padding">
<div class="row">
<div style="width: 100%; text-align: center;" class="col">
<img ng-class="{'expandOpen': CSSKlickSuchspiel}" class="myborder" src="img/elefant.jpg" height="128" width="128" ng-click="suchspiel_intro()">
<div class="suchspielbutton" ng-click="suchspiel_intro()" ng-class="{'expandOpen': CSSKlickSuchspiel}">
<img class="imagesizebig" src="img/suchspiel.png">
</div>
</div>
<div class="farmhaus" ng-class="{'floating': CSSFarmhaus}" ng-click="animate_farmhaus()"></div>
<div class="kornspeicher" ng-class="{'bounce': CSSKornspeicher}" ng-click="animate_kornspeicher()"></div>
<div class="windrad" ng-class="{'pulse': CSSWindrad}" ng-click="animate_windrad()"></div>
<div class="baumhaus">
<div class="baumhausaction" ng-click="baumhaus_actiondo()">
</div>
<div class="mentorborderbaumhaus" ng-show="showmentor">
<div class="mentorbaumhaus"></div>
</div>
</div>
<div id="background-wrap">
<div class="x1">

13
www/templates/suchspiel.html
View File

@@ -11,20 +11,25 @@
<div class="row" style="font-size: 12px;padding-top:35px;" ng-repeat="rows in chunkedData">
<div style="width: 100%; text-align: center;" class="col" ng-repeat="item in rows">
<img ng-class="{'shake': CSSFalscheAntwort, 'pulse': CSSErrorCode == '{{item.id}}', 'bounceOut': CSSAusblendung == '{{item.ausblendecssid}}', 'tada': CSSEinblendung == '{{item.einblendecssid}}'}" class="myborder animated" src="img/{{ item.bild }}"width="96" height="96" alig="center" ng-click="PlayerAnswer(item.id)" ng-show="item.display">
<img ng-class="{'shake': CSSFalscheAntwort, 'pulse': CSSErrorCode == '{{item.id}}', 'bounceOut': CSSAusblendung == '{{item.ausblendecssid}}', 'tada': CSSEinblendung == '{{item.einblendecssid}}'}" class="myborder animated imagesizemedium" src="img/Tiere/{{ item.bild }}" align="center" ng-click="PlayerAnswer(item.id)" ng-show="item.display">
<br>
</div>
</div>
<div class="statusbar">
<div ng-show="showgametimer">
<div class="spieltimerdiv">
<span class="spieltimer pulse">{{ Spielzeit }} </span>
</div>
</div>
<div class="punktestand">
<span>{{punkte}}</span>
</div>
<div class="mentorhilfe" ng-click="hilfe()">
<div class="mentorborder" ng-show="showmentor">
<div class="mentor"></div>
</div>
</div>
<div ng-show="showgametimer">
<span class="neon pulse">{{ Spielzeit }}</span>
</div>
<div>