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

Initial-Version

Browse Source
This commit is contained in:
Carsten Hilmer
2016-10-28 01:10:26 +02:00
parent 5af479ec4e
commit 4535d7751f
214 changed files with 211578 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
www/js/app.js Normal file
View File

@@ -0,0 +1,52 @@
// Ionic Starter App
// angular.module is a global place for creating, registering and retrieving Angular modules
// 'starter' is the name of this angular module example (also set in a <body> attribute in index.html)
// the 2nd parameter is an array of 'requires'
angular.module('kinderspiel', ['ionic', 'ngCordova', 'ngDraggable', 'kinderspiel.controllers', 'kinderspiel.services'])
.run(function($ionicPlatform) {
$ionicPlatform.ready(function() {
if(window.cordova && window.cordova.plugins.Keyboard) {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
// Don't remove this line unless you know what you are doing. It stops the viewport
// from snapping when text inputs are focused. Ionic handles this internally for
// a much nicer keyboard experience.
cordova.plugins.Keyboard.disableScroll(true);
}
if(window.StatusBar) {
StatusBar.styleDefault();
}
screen.lockOrientation('landscape');
});
})
.config(function($stateProvider, $urlRouterProvider) {
// Ionic uses AngularUI Router which uses the concept of states
// Learn more here: https://github.com/angular-ui/ui-router
// Set up the various states which the app can be in.
// Each state's controller can be found in controllers.js
$stateProvider
// setup an abstract state for the tabs directive
.state('home', {
url: '/home',
abstract: false,
templateUrl: 'templates/home.html',
controller: 'home'
})
.state('spiel1', {
url: '/spiel1',
templateUrl: 'templates/spiel1.html',
controller: 'Spiel1Ctrl'
})
// if none of the above states are matched, use this as the fallback
$urlRouterProvider.otherwise('/home');
});

262
www/js/controllers.js Normal file
View File

@@ -0,0 +1,262 @@
angular.module('kinderspiel.controllers', [])
.controller('home', function($scope, $ionicPlatform, $cordovaMedia, $state ) {
$ionicPlatform.ready(function() {
var media = new Media('/android_asset/www/sounds/hintergrundmusik1.mp3', fertig,null);
var media1 = new Media('/android_asset/www/sounds/bravo.mp3', null,null);
var mediastartespiel1 = new Media('/android_asset/www/sounds/spiel1.mp3', goto_spiel1,null);
$scope.mymedia=media;
$scope.mymedia1=media1;
$scope.mediastartespiel1=mediastartespiel1;
$scope.mymedia.play();
$scope.mymedia.setVolume('0.1');
});
$scope.play = function(src) {
var media = new Media(src, null, null);
$cordovaMedia.play(media);
}
$scope.starte_spiel1 = function(){
}
$scope.starte_spiel2 = function(){
$scope.mymedia1.play();
$scope.mymedia1.setVolume('0.6');
}
function fertig(){
$scope.mymedia.play();
$scope.mymedia.setVolume('0.1');
}
$scope.starte_spiel1 = function(){
$scope.mediastartespiel1.play();
$scope.mediastartespiel1.setVolume('0.6');
}
function goto_spiel1() {
$scope.mediastartespiel1.release();
$state.go('spiel1');
}
})
.controller('Spiel1Ctrl', function($scope, $ionicPlatform, $cordovaMedia, $state, $timeout) {
$scope.spiele=[];
$scope.spieleview=[];
$scope.tierfinden='';
$scope.randomid=0;
$scope.error = false;
$ionicPlatform.ready(function() {
$scope.sounds=[];
$scope.sounds.push('');
var media = new Media('/android_asset/www/sounds/hintergrundmusik1.mp3', fertig,null);
var tiersound1 = new Media('/android_asset/www/sounds/finde_elefant.mp3', null,null);
var tiersound2 = new Media('/android_asset/www/sounds/finde_esel.mp3', null,null);
var tiersound3 = new Media('/android_asset/www/sounds/finde_hahn.mp3', null,null);
var tiersound4 = new Media('/android_asset/www/sounds/finde_hund.mp3', null,null);
var tiersound5 = new Media('/android_asset/www/sounds/finde_katze.mp3', null,null);
var tiersound6 = new Media('/android_asset/www/sounds/finde_kuh.mp3', null,null);
var tiersound7 = new Media('/android_asset/www/sounds/finde_maus.mp3', null,null);
var tiersound8 = new Media('/android_asset/www/sounds/finde_schaf.mp3', null,null);
var bravosound = new Media('/android_asset/www/sounds/bravo.mp3', goto_newspiel,null);
var falschsound = new Media('/android_asset/www/sounds/falsch.mp3', null,null);
$scope.mymedia=media;
$scope.bravosound=bravosound;
$scope.falschsound=falschsound;
$scope.sounds.push(tiersound1);
$scope.sounds.push(tiersound2);
$scope.sounds.push(tiersound3);
$scope.sounds.push(tiersound4);
$scope.sounds.push(tiersound5);
$scope.sounds.push(tiersound6);
$scope.sounds.push(tiersound7);
$scope.sounds.push(tiersound8);
//$scope.mymedia.play();
//$scope.mymedia.setVolume('0.1');
});
function fertig(){
$scope.mymedia.play();
$scope.mymedia.setVolume('0.1');
}
var tier = {
id: 1,
bild: 'elefant.jpg',
sound1: 'sound_elefant.mp3',
antwort: ''
};
$scope.spiele.push(tier);
var tier1 = {
id: 2,
bild: 'esel.jpg',
sound1: 'sound_esel.mp3',
antwort: ''
};
$scope.spiele.push(tier1);
var tier2 = {
id: 3,
bild: 'hahn.jpg',
sound1: 'sound_hahn.mp3',
antwort: ''
};
$scope.spiele.push(tier2);
var tier3 = {
id: 4,
bild: 'hund.jpg',
sound1: 'sound_hund.mp3',
sound2: ''
};
$scope.spiele.push(tier3);
var tier4 = {
id: 5,
bild: 'katze.jpg',
sound1: 'sound_katze.mp3',
sound2: ''
};
$scope.spiele.push(tier4);
var tier5 = {
id: 6,
bild: 'kuh.jpg',
sound1: 'sound_kuh.mp3',
sound2: ''
};
$scope.spiele.push(tier5);
var tier6 = {
id: 7,
bild: 'maus.jpg',
sound1: 'sound_maus.mp3',
sound2: ''
};
$scope.spiele.push(tier6);
var tier7 = {
id: 8,
bild: 'schaf.jpg',
sound1: 'sound_schaf.mp3',
sound2: ''
};
$scope.spiele.push(tier7);
$scope.answer = function(src) {
if (src==$scope.randomid){
$timeout(function () {
$scope.spiele=shuffleArray($scope.spiele);
$scope.chunkedData = chunk($scope.spiele, 4);
$timeout(function () {
$scope.spiele=shuffleArray($scope.spiele);
$scope.chunkedData = chunk($scope.spiele, 4);
$timeout(function () {
$scope.spiele=shuffleArray($scope.spiele);
$scope.chunkedData = chunk($scope.spiele, 4);
}, 500);
}, 500);
}, 500);
$scope.bravosound.play();
}
else{
$scope.falschsound.play();
$scope.error = true;
$timeout(function () {
$scope.error = false;
}, 1000);
}
}
var shuffleArray = function(array) {
var m = array.length, t, i;
// While there remain elements to shuffle
while (m) {
// Pick a remaining element…
i = Math.floor(Math.random() * m--);
// And swap it with the current element.
t = array[m];
array[m] = array[i];
array[i] = t;
}
return array;
}
function goto_newspiel() {
$scope.randomid = getRandomInt(1, 8);
//$scope.play('/android_asset/www/sounds/' + $scope.sounds[$scope.randomid]);
$scope.sounds[$scope.randomid].play();
}
function getRandomInt(min, max) {
var tmpInt=0;
min = Math.ceil(min);
max = Math.floor(max);
tmpInt = Math.floor(Math.random() * (max - min + 1)) + min;
if (tmpInt > max){
tmpInt=max;
}
if (tmpInt < min){
tmpInt=min;
}
return tmpInt;
}
//4 Splaten Aufteilung
function chunk(arr, size) {
var newArr = [];
for (var i=0; i<arr.length; i+=size) {
newArr.push(arr.slice(i, i+size));
}
return newArr;
}
$scope.chunkedData = chunk($scope.spiele, 4);
goto_newspiel();
});

67
www/js/services.js Normal file
View File

@@ -0,0 +1,67 @@
angular.module('kinderspiel.services', [])
// for media plugin : http://plugins.cordova.io/#/package/org.apache.cordova.media
.factory('MediaSrv', function($q, $cordovaMedia, $ionicPlatform){
var service = {
loadMedia: loadMedia,
getStatusMessage: getStatusMessage,
getErrorMessage: getErrorMessage
};
function loadMedia(src, onStop, onError, onStatus){
var defer = $q.defer();
$ionicPlatform.ready(function(){
var mediaStatus = {
code: 0,
text: getStatusMessage(0)
};
var mediaSuccess = function(){
mediaStatus.code = 4;
mediaStatus.text = getStatusMessage(4);
if(onStop){onStop();}
};
var mediaError = function(err){
_logError(src, err);
if(onError){onError(err);}
};
var mediaStatus = function(status){
mediaStatus.code = status;
mediaStatus.text = getStatusMessage(status);
if(onStatus){onStatus(status);}
};
if($ionicPlatform.is('android')){src = '/android_asset/www/' + src;}
var media = new $window.Media(src, mediaSuccess, mediaError, mediaStatus);
media.status = mediaStatus;
defer.resolve(media);
});
return defer.promise;
}
function _logError(src, err){
console.error('MediaSrv error', {
code: err.code,
text: getErrorMessage(err.code)
});
}
function getStatusMessage(status){
if(status === 0){return 'Media.MEDIA_NONE';}
else if(status === 1){return 'Media.MEDIA_STARTING';}
else if(status === 2){return 'Media.MEDIA_RUNNING';}
else if(status === 3){return 'Media.MEDIA_PAUSED';}
else if(status === 4){return 'Media.MEDIA_STOPPED';}
else {return 'Unknown status <'+status+'>';}
}
function getErrorMessage(code){
if(code === 1){return 'MediaError.MEDIA_ERR_ABORTED';}
else if(code === 2){return 'MediaError.MEDIA_ERR_NETWORK';}
else if(code === 3){return 'MediaError.MEDIA_ERR_DECODE';}
else if(code === 4){return 'MediaError.MEDIA_ERR_NONE_SUPPORTED';}
else {return 'Unknown code <'+code+'>';}
}
return service;
});