<![CDATA[
<!DOCTYPE html>
<style>
body {font-size:20px; color:white;
background-image:url('images1/tengeralattjaro.jpg');
background-size:100% 100%; background-repeat:no-repeat;}
#container {background-color:transparent; height:100% padding:20px}
h2 {font-size:24px; padding:5px; margin:5px;}
p {font-size:20px; padding:3px; margin:5px;}
#jatekMezo {background-image:url('images1/tenger.jpg'); background-size:100% 100%}
#jatekMezo td {border-style:solid; border-width:1px; border-color:black;
height:32px; width:32px; padding:2px; margin:0px; opacity:0.7}
#jatekMezo th {background-color:#d0d0d0; color:black; opacity:1.1}
.s1 {background-color:#d0efd0}
.s2 {background-color:#f29c8e}
.s3 {background-color:#ff0000}
.s4 {background-color:red; opcity:1.1}
.s5 {background-color:yellow}
#popup {display:none; z-index:99; position:absolute;
top:140px; left:100px; padding:10px;
background-color:#b1d68d; border-radius:5px; width:auto; height:auto;}
#images {display:none; float:right; width:40%; padding:0px;
background-color:transparent; padding:10px}
#images img {padding:0px; margin:0px; width:100%}
#popupImg {display:none; z-index:98; position:absolute;
top:10px; left:10px; padding:15px;
width:60px; height:60px;}
#start {diplay:block; position:absolute; z-index:110;
left:200px; top:300px; width:auto; height:auto; padding:20px;
}
#start button {background-color:green; color:white;
font-size:28px; padding:10px; border-radius:15px;}
#winner {display:none; z-index:99; position:absolute;
width:100%; height:auto; padding:40px; text-align:center}
#winner img {border-radius: 200px; width:300px}
</style>
<body>
<div id="popup"></div>
<img id="popupImg" src="images1/robbanas.gif"/>
<div id="start">
<button type="button" onclick="start()">Start</button>
</div>
<iframe name="hang2" id="hang2" width="200" height="200" style="display:none"></iframe>
<div id="kepSelector" style="display:none">
<p>Válassz a lányok közül!</p>
<p>
<img src="images1/arckep.jpg" style="height:80px"
onclick="kepSelectClick(1)" />
<img src="images2/arckep.jpg" style="height:80px"
onclick="kepSelectClick(2)" />
<img src="images3/arckep.jpg" style="height:80px"
onclick="kepSelectClick(3)" />
<img src="images4/arckep.jpg" style="height:80px"
onclick="kepSelectClick(4)" />
</p>
</div>
<div id="winner">
<img src="images1/winner.gif" />
</div>
<div id="container">
<div style="float:left; width:55%; background-color:transparent; padding:10px;">
<h2><span>***</span> Torpedó játék <span onclick="adultFun()">***</span></h2>
<p>Lövések száma:<var id="szamlalo">0</var></p>
<p>
<table id ="jatekmezoTable" style="width:auto">
<thead></thead>
<tbody id="jatekMezo"></tbody>
</table>
</p>
<div onclick="help()">
1 db 5-ös, 1 db 4-es, 2db 3-as, 3db 2-es hajó van.<br />
A hajók nem érnek egymáshoz.
</div>
</div>
<div id="images">
<img id="img0" src="images/fej_k.jpg" />
<img id="img1" src="images/torzs_b.jpg" style="margin-top:-5px"/>
<img id="img2" src="images/derek_sz.jpg" style="margin-top:-5px"/>
<img id="img3" src="images/lab_h2.jpg" style="margin-top:-5px"/>
</div>
</div>
</body>
<script type="text/javascript">
/**
* mező státuszok
*/
const ALAP = 0;
const LOTT = 1; // már egyszer lőtt rá
/**
* DOM elem ID szerint
*/
function $(id) {
return document.getElementById(id);
}
function msg(x,y,txt,timeout) {
if (timeout == undefined) {
timeout = 1500;
}
var w = $('popup');
w.style.left = x+'px';
w.style.top = y+'px';
w.innerHTML = txt;
w.style.display='block';
setTimeout('$("popup").style.display="none";',timeout);
}
/**
* returns a random integer in range of min and max
* @param {int} min min number
* @param {int} max max number
* @return {int} random int
*/
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
/**
* Játék fő objektum
*/
function Game() {
this.imageDir = 'images2';
this.lovesSzamlalo = 0;
this.sulyedtSzamlalo = 0;
this.w = 10;
this.h = 10;
this.adult = false;
this.mezok = []; // [y][x]
this.hajok = [];
/**
* játék inicializálás
*/
this.init = function() {
this.lovesSzamlalo = 0;
this.sulyedtSzamlalo = 0;
document.getElementById('szamlalo').innerHTML = this.lovesSzamlalo;
var tr = '<tr><th></th>';
for (x=1; x<=this.w; x++) {
tr += '<th>'+x+'</th>';
}
tr += '</tr>';
document.getElementById('jatekMezo').innerHTML = tr;
for (y=1; y <= this.h; y++) {
var tr = '<tr id="y'+y+'"><th class="t0">'+y+'</th>';
for (x=1; x <= this.w; x++) {
tr += '<td id="x'+x+'y'+y+'" onclick="tdClick('+x+','+y+')"> </td>';
}
tr = tr + '</tr>';
document.getElementById('jatekMezo').innerHTML += tr;
}
for (x = 1; x <= this.w; x++) {
this.mezok[x] = [];
for (y = 1; y <= this.h; y++) {
this.mezok[x][y] = new Mezo(x,y, $('x'+x+'y'+y));
}
}
this.hajok[0] = new Hajo(5);
this.hajok[1] = new Hajo(4);
this.hajok[2] = new Hajo(3);
this.hajok[3] = new Hajo(3);
this.hajok[4] = new Hajo(2);
this.hajok[5] = new Hajo(2);
this.hajok[6] = new Hajo(2);
this.adult = false;
document.getElementById('images').style.display='none';
this.refreshImages();
console.log(this.hajok);
}
/**
* játék inditása
*/
this.start = function() {
this.init();
$('start').style.display='none';
$('popup').style.display='none';
}
/**
* kép frissités az elsülyedt hajóknak megfelelően
*/
this.refreshImages = function() {
var result = ['fej_k.jpg',
'torzs_b.jpg',
'derek_sz.jpg',
'lab_h2.jpg'
];
if (!this.adult) {
return;
}
// fej
if (this.hajok[6].sulyedt) {
result[0] = 'fej.jpg';
} else {
result[0] = 'fej_k.jpg';
}
// törzs
if ((this.hajok[3].sulyedt) & (this.hajok[1].sulyedt)) {
result[1] = 'torzs.jpg';
} else if ((this.hajok[3].sulyedt) & (!this.hajok[1].sulyedt)) {
result[1] = 'torzs_m.jpg';
} else if ((!this.hajok[3].sulyedt) & (this.hajok[1].sulyedt)) {
result[1] = 'torzs_b.jpg'; // m!
} else {
result[1] = 'torzs_b.jpg';
}
// derék
if ((this.hajok[0].sulyedt) & (this.hajok[2].sulyedt)) {
if ((this.hajok[1].sulyedt) & (!this.hajok[3].sulyedt)) {
result[2] = 'derek_m.jpg';
} else {
result[2] = 'derek.jpg';
}
} else if ((!this.hajok[0].sulyedt) & (this.hajok[2].sulyedt)) {
if ((this.hajok[1].sulyedt) & (!this.hajok[3].sulyedt)) {
result[2] = 'derek_b_m.jpg';
} else {
result[2] = 'derek_b.jpg';
}
} else {
if ((this.hajok[0].sulyedt) & (this.hajok[1].sulyedt) & (!this.hajok[3].sulyedt)) {
result[2] = 'derek_sz_mb.jpg';
} else if ((!this.hajok[0].sulyedt) & (this.hajok[1].sulyedt) & (!this.hajok[3].sulyedt)) {
result[2] = 'derek_sz_m.jpg';
} else if (this.hajok[0].sulyedt) {
result[2] = 'derek_sz_b.jpg';
} else {
result[2] = 'derek_sz.jpg';
}
}
// láb
if ((this.hajok[4].sulyedt) & (this.hajok[5].sulyedt)) {
result[3] = 'lab.jpg';
} else if ((this.hajok[4].sulyedt) | (this.hajok[5].sulyedt)) {
result[3] = 'lab_h1.jpg';
} else {
result[3] = 'lab_h2.jpg';
}
document.getElementById('img0').src = this.imageDir + '/'+result[0];
document.getElementById('img1').src = this.imageDir + '/'+result[1];
document.getElementById('img2').src = this.imageDir + '/'+result[2];
document.getElementById('img3').src = this.imageDir + '/'+result[3];
return;
}
}
var game = new Game();
/**
* Mező osztály
*/
function Mezo(x,y,td) {
this.x = x;
this.y = y;
this.td = td;
this.className = '';
this.status = 0;
this.hajo = false;
/**
* Mezőre kattintás esemény kezelője
*/
this.click = function() {
var popupDiv = $('popup');
// ha popup aktiv akkor nem lehet lőni
if (popupDiv.style.display == 'block') {
return;
}
var x = this.x;
var y = this.y;
if ((x > 0) & (x <= game.w) & (y > 0) & (y <= game.h)) {
game.lovesSzamlalo++;
$('szamlalo').innerHTML = game.lovesSzamlalo;
// ha popup fog megjelenni; az a mezőnél legyen
var msgx = x*38;
var msgy = 100+(y*38);
console.log(this.x, this.y, msgx, msgy);
if (this.hajo == false) {
// nincs itt hajó
if (this.status == LOTT) {
// már lőt rá
msg(msgx, msgy,'Nem talált, Már löttél ide!');
} else {
this.status = LOTT;
this.setClassName("s1");
}
$('hang2').src = 'nemjo.wav';
} else {
// van itt hajó
if (this.status == LOTT) {
// már lőt rá
msg(msgx,msgy,'Már löttél ide!');
} else {
this.status = LOTT;
this.setClassName("s2");
if (!this.hajo.check()) {
this.setClassName("s2");
}
}
$('hang2').src = 'robbanas.mp3';
var popupImg = $('popupImg');
popupImg.style.left = (x*34)+'px';
popupImg.style.top = (100+(y*34))+'px';
popupImg.style.display = 'block';
setTimeout("$('popupImg').style.display='none';",800);
}
}
};
/**
* stilus modosÃtása
*/
this.setClassName = function(className) {
this.td.className = className;
};
}
/**
* Hajo osztály
*/
function Hajo(size) {
this.sulyedt = false;
this.orientacio = 'f';
this.x = 0;
this.y = 0;
this.meret = size;
/**
* a jelenleg beállÃtott adatokkal a hajó megjelenÃthetÅ‘?
*/
this.probe = function() {
// ez a beállÃzás elhelyezhetÅ‘ a játékmezÅ‘n?
var result = true;
var x1 = 0;
var x2 = 0;
var y1 = 0;
var y2 = 0;
var i = 0;
var j = 0;
// szükséges szabad téglalap
if (this.orientacio == 'v') {
if (this.x > 1) {
x1 = this.x - 1;
} else {
x1 = this.x;
}
if ((this.x + this.meret) <= game.w) {
x2 = this.x + this.meret;
} else {
x2 = this.x + this.meret - 1;
}
if (this.y > 1) {
y1 = this.y - 1;
} else {
y1 = this.y;
}
if (this.y < game.h) {
y2 = this.y + 1;
} else {
y2 = this.y;
}
} else {
if (this.x > 1) {
x1 = this.x - 1;
} else {
x1 = this.x;
}
if (this.x < game.w) {
x2 = this.x + 1;
} else {
x2 = this.x;
}
if (this.y > 1) {
y1 = this.y - 1;
} else {
y1 = this.y;
}
if ((this.y + this.meret) <= game.h) {
y2 = this.y+this.meret;
} else {
y2 = this.y+this.meret - 1;
}
} 8
// téglalep teljes területe a játékmezőben van?
if ((x2 > game.w) | (y2 > game.h)) {
result = false;
} else {
// a téglalpa minden mezője szabad?
for(i = x1; i<=x2; i++) {
for (j=y1; j<=y2; j++) {
if (game.mezok[i][j].hajo) {
result = false;
}
}
}
}
return result;
}
/**
* Hajó megjelemési stilus modosÃtása
*/
this.setClassName = function(className) {
if (this.orientacio == 'v') {
for(i=this.x; i < this.x + this.meret; i++) {
$('x'+i+'y'+this.y).className = className;
}
} else {
for(i=this.y; i < this.y + this.meret; i++) {
$('x'+this.x+'y'+i).className = className;
}
}
}
/**
* Hajó elsúlyedt?; Játék vége?; ha igen akkor jelzi,
*/
this.check = function() {
var result = true;
var i = 0;
if (this.orientacio == 'v') {
for(i=this.x; i < this.x + this.meret; i++) {
if (game.mezok[i][this.y].status != LOTT) {
result = false;
}
}
} else {
for(i=this.y; i < this.y + this.meret; i++) {
if (game.mezok[this.x][i].status != LOTT) {
result = false;
}
}
}
if (result) {
game.msgx = this.x*38;
game.msgy = 100+(this.y*38);
this.sulyedt = true;
game.sulyedtSzamlalo++;
setTimeout('sulyedtJelzes()',500);
}
return result;
}
// véletlen szerü orientáció és elhelyezés
this.x = getRandomInt(1,game.w);
this.y = getRandomInt(1,game.h);
if (getRandomInt(1,10) <= 5) {
this.orientacio = "v";
} else {
this.orientacio = "f";
}
var i =0;
while (!this.probe()) {
if (getRandomInt(1,10) <= 7) {
this.orientacio = "v";
} else {
this.orientacio = "f";
}
this.x = getRandomInt(1,game.w);
this.y = getRandomInt(1,game.h);
i++;
if (i > 200) {
alert('nem sikerül elhelyezni a hajót');
return;
}
}
// elhelyezés a játékmezőbe
var i = 0;
if (this.orientacio == 'v') {
for (i=this.x; i < this.x + this.meret; i++) {
game.mezok[i][this.y].hajo = this;
}
} else {
for (i=this.y; i < this.y + this.meret; i++) {
game.mezok[this.x][i].hajo = this;
}
}
}
// -----------------------------------------------
/**
* hajó elsülyedt jelzése, és szükség esetén játék vége jelzés
* kép frissités
*/
function sulyedtJelzes() {
console.log('sulyedt jelzes');
if (game.sulyedtSzamlalo >= 7) {
$('hang2').src = 'taps.wav';
// msg(150,150,'<h1>Játék vége</h1>',6000);
$('winner').style.display='block';
$('start').style.display = 'block';
} else {
document.getElementById('hang2').src = 'sulyed.mp3';
msg(game.msgx, game.msgy,'Elsülyedt!');
}
game.refreshImages();
}
/**
* user td -re kattintott esemény kezelő
*/
function tdClick(x,y) {
game.mezok[x][y].click();
}
/**
* kép megjelenités bekapcsolása
*/
function adultFun() {
$('kepSelector').style.display='block';
}
/**
* hajó helyzetek megjelenÃtése
*/
var helpClass = 's5';
function help() {
for(var j=0; j <= 6; j++) {
game.hajok[j].setClassName(helpClass);
}
if (helpClass == 's5') {
helpClass = '';
} else {
helpClass = 's5';
}
}
/**
* user a start gombra kattintott esemény kezelő
*/
function start() {
game.init();
document.getElementById('start').style.display= 'none';
document.getElementById('popup').style.display= 'none';
document.getElementById('winner').style.display= 'none';
}
function kepSelectClick(i) {
game.imageDir = 'images'+i;
$('kepSelector').style.display='none';
game.adult = true;
game.refreshImages();
document.getElementById('images').style.display='block';
}
game.init();
</script>
<br>Partneroldalak: <br>
<a href="http://domain.domainshop.hu/domain.html" alt="tárhely domainregisztráció">Domain regisztráció tár és szerverszolgáltatások: domain domainnév tárhely e-mail, imap, pop3</a><br>
<a href="http://www.webtar.hu" alt="tárhely donainregisztráció">www.webtar.hu</a><br>
<a href="http://www.micropay.hu" alt="micropay">www.micropay.hu</a><br>
<a href="http://www.ingyenweb.hu" alt="ingyenweb">www.ingyenweb.hu</a><br>
<a href="http://www.videok.hu" alt="Videók">www.videok.hu</a><br>
<a href="http://www.xn--antikvrium-x4a.hu" alt="Antikvárium">www.antikvárium.hu</a><br>
<a href="http://www.ftpdir.hu" alt="ftpdir">www.ftpdir.hu</a><br>
<a href="http://xn--fotk-sqa.hu" alt="fotók">www.fotók.hu</a><br>
<a href="http://www.randi.hu" alt="Randi">www.randi.hu</a><br>
<a href="http://www.licit.hu" alt="Licit">www.licit.hu</a><br>
<a href="http://www.napivicc.hu" alt="vicc">www.napivicc.hu</a><br>
<a href="http://www.gyertyalang.hu" alt="gyertyagyújtás">www.gyertyalang.hu</a><br>
<a href="http://www.xn--helyesrs-fza2j.hu" alt="helyesírás.hu">www.helyesírás.hu</a><br>
<a href="http://domain.webtar.hu/domain.html" alt="Domain regiszráció és tárhely">Domain regisztráció</a><br>
]]>