Wir wünschen allen Kindern und denen, die ihr inneres Kind erfolgreich bewahren, alles Liebe zum heutigen Kindertag!
Wusstest du, das heute alles möglich ist? Die Kleinen werden groß, Graues wird bunt und mit ein bisschen Farbe und geheimer Geheimzutat wird Gemaltes lebendig!
Glaubst du nicht? Dann probiere es doch mal aus!
Nutze unsere Malvorlage -den Klotzfisch und gestaltet ihn ganz nach deinen Vorstellungen. Sende uns dein fertiges Kunstwerk als Foto (Mail, Messenger) oder bring es direkt bei uns am Kulturhof am GLEIS 3 vorbei (wir haben sogar einen Briefkasten 😉). Wir packen unseren Feenstaub aus und erwecken deinen Fisch zum Leben. In seinem neuen Zuhause, unserem virtuellen Aquarium kannst du ihn schon bald besuchen.
Wir freuen uns darauf, euch schon bald wieder bei uns im Kulturhof am GLEIS 3 oder auch bei Aktionen in mitten in der Stadt zu treffen! Bis ganz bald- euer kultur.lokal.machen-Team
//Liste der Img Urls
var fishImgSrc = new Array(
'https://www.kulturlokalmachen.de/s/wp-content/uploads/2021/05/Suse-Aal.png' ,
'https://www.kulturlokalmachen.de/s/wp-content/uploads/2021/05/test1.png' ,
'https://www.kulturlokalmachen.de/s/wp-content/uploads/2021/05/Lias.png',
'https://www.kulturlokalmachen.de/s/wp-content/uploads/2021/05/Suse.png',
'https://www.kulturlokalmachen.de/s/wp-content/uploads/2021/06/KATHLEENkulturlokalmachen_aquarium-fisch-burg-removebg-preview.png',
'https://www.kulturlokalmachen.de/s/wp-content/uploads/2021/06/Sandy_B._1-removebg-preview.png',
'https://www.kulturlokalmachen.de/s/wp-content/uploads/2021/06/sandy_b._2-removebg-preview.png',
'https://www.kulturlokalmachen.de/s/wp-content/uploads/2021/06/RegineBunt.png',
'https://www.kulturlokalmachen.de/s/wp-content/uploads/2021/06/RegineLeuchtturm.png',
'https://www.kulturlokalmachen.de/s/wp-content/uploads/2021/06/RegineSeepferdchen.png'
);
var pngGesamtbreite = 700;
var pngGesamthoehe = 600;
var platzhalterGroesse = 1260;
var fischGroesse = 100;
//Properties
var SINGLE_CYCLE = 16.7;
var INTRODUCTION_DELAY = 400;
var water, fishBowl;
var drawInterval;
var sceneLeft, sceneTop, sceneWidth, sceneHeight;
var marginTop = 0, marginBottom = 0, marginLeft = 0, marginRight = 0;
var fishBowlWidth = 0, fishBowlHeight = 0;
var imgFish = new Array();
var imgFishIndex = 0;
var resourcesLoaded = 0;
var resourceLoadCompleted = false;
//Startfunktion
(function() {
Initialize();
document.getElementsByClassName( 'entry-content')[0].style.height = platzhalterGroesse + 'px';
})();
//Laden und Initialisieren
function Initialize() {
for(var i = 0; i 0) ? fishBowl.lowerHOffsets[Math.round(10 * (((this.y) + this.height + this.verticalSpeed) / fishBowl.fishBowlMaxY))] * fishBowl.fishBowlMaxX : fishBowl.upperHOffsets[Math.round(10 * ((this.y - this.height - this.verticalSpeed) / -fishBowl.fishBowlMaxY))] * fishBowl.fishBowlMaxX;
if (this.horizontalDirection == 1) {
this.x += this.horizontalSpeed * fishBowl.fishBowlSpeed;
var maxX = fishBowl.fishBowlMaxX - this.width;//- hOffset
if (this.x > maxX) {
this.x = maxX;
this.flipping = true;
}
}
else {
this.x -= this.horizontalSpeed * fishBowl.fishBowlSpeed;
var maxX = -fishBowl.fishBowlMaxX + this.width; //+ hOffset
if (this.x 0) ? fishBowl.lowerVOffsets[Math.round(10 * ((Math.abs(this.x) + this.width) / fishBowl.fishBowlMaxX))] * fishBowl.fishBowlMaxX : fishBowl.upperVOffsets[Math.round(10 * ((Math.abs(this.x) + this.width) / fishBowl.fishBowlMaxX))] * fishBowl.fishBowlMaxX;
if (this.verticalDirection == 1) {
this.y += this.verticalSpeed * fishBowl.fishBowlSpeed;
var maxY = fishBowl.fishBowlMaxY - this.height; //- vOffset
if (this.y > maxY) {
if (this.y > fishBowl.fishBowlMaxY * 0.95) {
this.verticalDirection = -1;
this.ChangeSpeed();
this.bottomBounces = 0;
}
else {
this.y -= this.verticalSpeed * 0.99;
this.bottomBounces++;
}
if (this.bottomBounces > this.MAX_BOTTOM_BOUNCES) {
this.verticalDirection = -1;
this.ChangeSpeed();
this.bottomBounces = 0;
}
}
}
else {
this.y -= this.verticalSpeed * fishBowl.fishBowlSpeed;
var maxY = -fishBowl.fishBowlMaxY + this.height; //+ vOffset
if (this.y < maxY) {
this.verticalDirection = 1;
this.ChangeSpeed();
}
}
if (this.flipping == false) {
if ((Math.random() * (pngGesamtbreite * fishBowl.fishBowlSpeed)) < 1) {
this.flipping = true;
}
if ((Math.random() * 220) < 1) {
this.ChangeSpeed();
}
}
this.horizontalSpeed += (this.targetHorizontalSpeed - this.horizontalSpeed) * 0.04491 * fishBowl.fishBowlSpeed;
this.verticalSpeed += (this.targetVerticalSpeed - this.verticalSpeed) * 0.9874 * fishBowl.fishBowlSpeed;
if (this.verticalDirection == 1 && this.rotation this.targetRotation) {
this.rotation -= (this.rotation - this.targetRotation) * 0.08516147 * fishBowl.fishBowlSpeed;
}
// Draw Fish
fishBowl.context.save();
fishBowl.context.translate(fishBowl.centerX + this.x, fishBowl.centerY + this.y);
fishBowl.context.scale(this.horizontalDirection, 1);
fishBowl.context.rotate(this.rotation);
fishBowl.context.globalAlpha = 1;//(this.width / (this.MAX_SIZE * 1.90174851));
fishBowl.context.drawImage(img, 0, 0, pngGesamtbreite, pngGesamthoehe, -this.width, -this.height, this.width * 2, this.height * 2); // * this.flutterIndex
fishBowl.context.restore();
}
};
this.ChangeSpeed = function () {
this.targetHorizontalSpeed = (Math.random() * 2) + Math.random();
this.targetVerticalSpeed = (Math.random() * 2) + Math.random();
this.targetRotation = this.CalculateTargetRotation();
}
Fish.prototype.InitializeFixed = function () {
this.x = 0;
this.y = 0;
this.width = 50;
this.height = 50;
this.horizontalDirection = 1;
this.verticalDirection = 1;
this.flutterDirection = 1;
this.flutterIndex = 0;
this.horizontalSpeed = 6;
this.targetHorizontalSpeed = 6;
this.verticalSpeed = 0.6;
this.targetVerticalSpeed = 0.6;
this.falling = false;
this.decelerating = false;
this.bottomBounces = 0;
this.rotation = 0;
this.targetRotation = this.CalculateTargetRotation();
};
Fish.prototype.InitializeRandom = function () {
this.x = (Math.random() * fishBowl.fishBowlMaxX * this.MAX_ENTRY_DIAMETER) - (fishBowl.fishBowlMaxX * this.MAX_ENTRY_DIAMETER * 0.5);
this.y = (Math.random() * fishBowl.fishBowlMaxY * this.MAX_ENTRY_DIAMETER) - (fishBowl.fishBowlMaxY * this.MAX_ENTRY_DIAMETER * 0.5);
this.width = this.MAX_SIZE;//(Math.random() * this.MAX_SIZE) + this.MIN_SIZE;
this.height = this.width;// - (Math.random() * 3);
this.horizontalDirection = (Math.round(Math.random()) > 0.5) ? 1 : -1;
this.verticalDirection = (Math.round(Math.random()) > 0.5) ? 1 : -1;
this.flutterDirection = 1;
this.flutterIndex = Math.round(Math.random() * 8);
this.horizontalSpeed = (Math.random() * 8) + Math.random();
this.targetHorizontalSpeed = this.horizontalSpeed;
this.verticalSpeed = (Math.random() * 2) + Math.random();
this.targetVerticalSpeed = this.verticalSpeed;
this.falling = false;
this.decelerating = false;
this.bottomBounces = 0;
this.rotation = 0;
this.targetRotation = 0.5;
this.targetRotation = this.CalculateTargetRotation();
};
Fish.prototype.CalculateTargetRotation = function () {
var factor = this.verticalSpeed / this.horizontalSpeed;
if (this.verticalDirection == 1) {
return (Math.min((factor * 0.24), 0.35));
}
else {
return (Math.max((factor * -0.28), -0.5));
}
};
}
function FishBowl() {
this.canvas;
this.context;
this.displayFish = true;
this.displayBowlMask = true;
this.displayBowlBack = true;
this.displayBowlFront = true;
this.displayBowlShine = true;
this.displayBowlShadow = true;
this.displayEdges = false;
this.fishBowlWidth = 0;
this.fishBowlHeight = 0;
this.fishBowlScale = 1;
this.fishBowlSpeed = 1;
this.fishBowlMaxX;
this.fishBowlMaxY;
this.centerX = 100;
this.centerY = 100;
this.shadowHeight = 0;
this.autoMode = true;
this.checkFrameCount = 0;
this.checkFrequency = 4;
this.numberToAdjust = 3;
this.upperHOffsets = new Array(0.02, 0.015, 0.012, 0.02, 0.028, 0.041, 0.068, 0.096, 0.135, 0.18, 0.25);
this.lowerHOffsets = new Array(0.02, 0.05, 0.07, 0.10, 0.144, 0.18, 0.24, 0.32, 0.40, 0.51, 0.63, 0.63);
this.upperVOffsets = new Array(0.00, 0.002, 0.0031, 0.0035, 0.0038, 0.0041, 0.0044, 0.0048, 0.021, 0.041, 0.085);
this.lowerVOffsets = new Array(0.006, 0.006, 0.006, 0.006, 0.024, 0.08, 0.18, 0.30, 0.43, 0.66, 0.999, 1);
this.fish = new Array();
this.Resize = function () {
this.fishBowlWidth = sceneWidth - marginLeft - marginRight;
this.fishBowlHeight = sceneHeight - marginTop - marginBottom;
this.shadowHeight = this.fishBowlHeight * (150 / 1800);
//this.canvas.style.top = marginTop + "px";
//this.canvas.style.left = marginLeft + "px";
this.canvas.setAttribute("width", this.fishBowlWidth);
this.canvas.setAttribute("height", this.fishBowlHeight);
this.centerX = (this.fishBowlWidth / 2);
this.centerY = (this.fishBowlHeight / 2) + (this.fishBowlHeight * 0.062);
this.fishBowlMaxX = (this.fishBowlWidth / 2) * 1;
this.fishBowlMaxY = this.fishBowlHeight * 1 / 2;
this.fishBowlScale = this.fishBowlWidth / 800;
}
this.Draw = function () {
this.context.clearRect(0, 0, this.fishBowlWidth, this.fishBowlHeight);
if (this.displayFish === true) {
var fish = null;
for (var i = 0; fish = this.fish[i]; i++) {
fish.Draw();
}
}
if (this.displayEdges) {
this.DrawEdges();
}
}
this.DrawEdges = function () {
this.context.globalAlpha = 1;
this.context.fillStyle = "rgb(0,0,0)";
this.context.fillRect(this.centerX - 2, this.centerY - 4, 8, 8);
this.context.fillStyle = "rgb(255,255,0)";
for (var i = 0; i < this.lowerHOffsets.length; i++) {
this.context.fillRect(((1 - this.lowerHOffsets[i]) * this.fishBowlMaxX) + this.centerX, (this.fishBowlMaxY * i / 10) + this.centerY, 2, 2);
this.context.fillRect(this.centerX - ((1 - this.lowerHOffsets[i]) * this.fishBowlMaxX), (this.fishBowlMaxY * i / 10) + this.centerY, 2, 2);
this.context.fillRect(((1 - this.upperHOffsets[i]) * this.fishBowlMaxX) + this.centerX, this.centerY - (this.fishBowlMaxY * i / 10), 2, 2);
this.context.fillRect(this.centerX - ((1 - this.upperHOffsets[i]) * this.fishBowlMaxX), this.centerY - (this.fishBowlMaxY * i / 10), 2, 2);
}
this.context.fillStyle = "rgb(255,0,0)";
for (var i = 0; i < this.lowerVOffsets.length; i++) {
this.context.fillRect((this.fishBowlMaxX * i / 10) + this.centerX, this.centerY + ((1 - this.lowerVOffsets[i]) * this.fishBowlMaxY), 2, 2);
this.context.fillRect(this.centerX - (this.fishBowlMaxX * i / 10), this.centerY + ((1 - this.lowerVOffsets[i]) * this.fishBowlMaxY), 2, 2);
this.context.fillRect((this.fishBowlMaxX * i / 10) + this.centerX, this.centerY - ((1 - this.upperVOffsets[i]) * this.fishBowlMaxY), 2, 2);
this.context.fillRect(this.centerX - (this.fishBowlMaxX * i / 10), this.centerY - ((1 - this.upperVOffsets[i]) * this.fishBowlMaxY), 2, 2);
}
}
FishBowl.prototype.Initialize = function () {
this.canvas = document.getElementById("FishBowlCanvas");
this.context = this.canvas.getContext("2d");
// jweberTBD document.getElementById("FishCount").value = "10";
};
this.Initialize();
FishBowl.prototype.AddFish = function (fishImg) {
//console.log("addFish " + fishImg);
var f = new Fish(fishImg);
f.InitializeRandom();
this.fish.push(f);
};
FishBowl.prototype.SetFish = function (fishes) {
this.fish = new Array();
this.checkFrequency = 4;
this.numberToAdjust = 3;
for (i = 0; i < fishes.length; i++) {
this.AddFish(fishes[i]);
}
};
}
function Water() {
this.waterVideo;
this.playAudio = true;
this.playVideo = true;
this.Initialize = function () {
this.waterVideo = document.getElementById("WaterVideo");
}
this.Initialize();
this.Resize = function () {
}
}
