hoď ma hore
Milí diskutujúci. Pri diskutovaní prosím: 1. nepridávaj témy pozostávajúce len z odkazov alebo jednoslovné témy / 2. nepridávaj uražlivé alebo vulgárne komentáre. Ak tieto pravidlá nedodržíš, tvoja téma pravdepodobne skončí v koši. Príjemné diskutovanie :)
none
ak chceš diskutovať, musíš sa registrovať. registrácia

tu sa nachádzaš : 

hlavná stránka  /  počítače  /  téma

Pomoc, HTML+CSS, Linux

príspevkov
28
zobrazení
4
tému vytvoril(a) 22.6.2016 18:23
posledná zmena 28.6.2016 17:40
1
22.06.2016, 18:23
Neviem, kto by mi poradil. Zacal som sa ucit HTML v jednej interaktivnej skole, kde som sa naucil pisat jednoduche stranky. Tak som si to chcel hned vyskat a urobil som dva subory: index.html a main.css.
Do index.html som dal klasicke prikazy, ale chcel som prepojenie medzi HTML suborom a CSS suborom. Ako som zistil testom, moja stranka nema ziadnu chybu, ale predsa ten HTML subor NEVIE najst, ci nema pristup k tomu CSS suboru.
Som do Linuxu zeleny, ale predsa, nevie niekto, ci existuje nieco v Linuxe, co treba nastavit, alebo urobit na to, aby som mohol browsovat localhost stranky a nemal takyto primitivny problem hned na zaciatku? 🙂
Dakujem. Ruwolf tu nie je? Nevideli ste ho?
none
2
22.06.2016, 18:56
nefunguje <link link rel="stylesheet" href="main.css"> ?
none
7

2. omega 22.06.2016, 18:56

nefunguje <link link rel="stylesheet" href="main.css"> ?

23.06.2016, 00:38
Nefunguje. Skusal som vsetky variace. Napisal som uplne jednoduche prikazy:
particle {
color: red;
}
v main.css, v index.html som napisal:
<html>
<head>
<link href="main.css" rel="stylesheet" type="text/css">
vyskusal som vselijake variacie, uplnu adresu, ale vysledok stale rovnaky:
Hello World! je v ciernej farbe, ziadna cervena, ani zlta, proste milionkrat som to
skusal a vzdy iba cierne napisany Hello World!.
Trosku som googlil, ze mozno sa nieco ignoruje v niektorych prehliadacoch, ale
tam mozu byt aj rozne permissions v novom operacnom systeme:
Mam novy Linux Mint, 17.3, Rosa, tak mozno pozabudli na taku moznost, ze aplikacia
moze pozadovat pristup k suborom na disku a M O Z N O to bude praveze zakazane.
Mam takeho tusaka, ze to bude nejaka takato zakladna vec, ale kde to uz najdem na
google, ked ani vlastne neviem opisat tento problem a druhy najvacsi problem je,
ze ti hnusni uzivatelia zaplavia internet tymi svojimi nezmyselnymi otazkami, takze
po googleni sa vynori 1000000000000000000000000000000000000 stranok s nazvom
velmi podobnym k mojmu problemu a v tych smetiach obycajny uzivatel, trebars
zaciatocnik, ako ja, s takymto zakernym problemom, si akurat povie, ze si nainstalujem
Windows 7 a nemam takyto problem. Vidis, idem vyskusat na druhom pocitaci, ci to
bude robit problem. :-)
none
9

7. 23.06.2016, 00:38

Nefunguje. Skusal som vsetky variace. Napisal som uplne jednoduche prikazy:
particle {
color: red;
}
v main.css, v index.html som napisal:
<html>
<head>
<link href="main.css" rel="stylesheet" type="text/css">
vyskusal som vselijake variacie, uplnu adresu, ale vysledok stale rovnaky:
Hello World! je v ciernej farbe, ziadna cervena, ani zlta, proste milionkrat som to
skusal a vzdy iba cierne napisany Hello World!.
Trosku som googlil, ze mozno sa niec...

23.06.2016, 03:19
1. mas css subor v tom istom adresari alebo v podadresari?
2. co je zac to particle v css subore?..

Nema to byt:

Ak sa jedna len o jeden objekt pouziva sa id (#)
#particle {
color: red;
}

Ak sa jedna o viac objektov rovnakeho druhu pouziva sa class (.)
.particle {
color: red;
}


Vies je dost mozne, ze ti subor nacita, ale nic to nerobi, pretoze to nevolas v tagoch pomocou podtagov class="particle" alebo id="particle"

Mozes sem hodit cely html zdrojak?
none
10

9. 23.06.2016, 03:19

1. mas css subor v tom istom adresari alebo v podadresari?
2. co je zac to particle v css subore?..

Nema to byt:

Ak sa jedna len o jeden objekt pouziva sa id (#)
#particle {
color: red;
}

Ak sa jedna o viac objektov rovnakeho druhu pouziva sa class (.)
.particle {
color: red;
}


Vies je dost mozne, ze ti subor nacita, ale nic to nerobi, pretoze to nevolas v tagoch pomocou podtagov class="particle" alebo id="particle"

Mo...

23.06.2016, 12:48
index.html:
<html>

<head>
<link href="main.css" rel="stylesheet" type="text/css">
</head>
<body>
<img src="obr.jpg">
<div class="particle">
Hello red color!
</div>
</body>

<html>

main.css:
particle {
color: red;
}

Idem vsak vyskusat nove poznatky a dam vediet, keby som mal uspech. Dakujem Wolfe. (!!)
none
11

10. 23.06.2016, 12:48

index.html:
<html>

<head>
<link href="main.css" rel="stylesheet" type="text/css">
</head>
<body>
<img src="obr.jpg">
<div class="particle">
Hello red color!
</div>
</body>

<html>

main.css:
particle {
color: red;
}

Idem vsak vyskusat nove poznatky a dam vediet, keby som mal uspech. Dakujem Wolfe. (!!)

23.06.2016, 12:51
Yess, vynechal som tu bodku pred particle: .particle {, taka mala svina dokaze narobit tolko. 🙂
Vdaka Wolfe. Ako sa ti odvdacim? :-)
none
12

11. 23.06.2016, 12:51

Yess, vynechal som tu bodku pred particle: .particle {, taka mala svina dokaze narobit tolko. 🙂
Vdaka Wolfe. Ako sa ti odvdacim? :-)

23.06.2016, 13:47
Keby si vedel, kolko chyb v programovani su preklepy, bodky, male a velke pismena..
Uz si sa odvdacil, tym ze ti to funguje a ja mam z toho radost
none
13

11. 23.06.2016, 12:51

Yess, vynechal som tu bodku pred particle: .particle {, taka mala svina dokaze narobit tolko. 🙂
Vdaka Wolfe. Ako sa ti odvdacim? :-)

23.06.2016, 13:58
Ked nedas pri formatovani "." alebo "#" tak urcujes klasicke html tagy

zmaz co mas v main.css
A vloz toto

body {
background-color: lightblue;
}

div {
background-color: blue;
color: yellow;
font-weight: bold;
}

a potom si to refreshni
none
14

13. 23.06.2016, 13:58

Ked nedas pri formatovani "." alebo "#" tak urcujes klasicke html tagy

zmaz co mas v main.css
A vloz toto

body {
background-color: lightblue;
}

div {
background-color: blue;
color: yellow;
font-weight: bold;
}

a potom si to refreshni

23.06.2016, 16:23
smile
none
15

14. 23.06.2016, 16:23

smile

23.06.2016, 22:04
Islo? 🙂
none
17

15. 23.06.2016, 22:04

Islo? 🙂

25.06.2016, 02:46
Trosku to bolo aj pekne. 🙂
none
16

14. 23.06.2016, 16:23

smile

24.06.2016, 03:13
Skus toto

index.html
--------------------
<html>

<head>
<link href="main.css" rel="stylesheet" type="text/css">
</head>
<body>
<center>

<div id="zlate">
Zlatý text
</div>

<a href="#" id="tlacitko">Stlač ma!</a>





<div id="citylights">
MESTO V NOCI
</div>





<div id="burning">
Horí ohník horí...
</div>


</center>


</body>
</html>


==================================

main.css
------------
body {
background-color: #eee;
zoom: 3; -moz-transform: scale(3); -moz-transform-origin: 0 0
}

#tlacitko {
background: #eee;
width: 200px;
height: 50px;
display: inline-block;
text-align: center;
padding: 0px 0px;
border-style:none;
text-decoration:none;
text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000; color: #eee; opacity: .9; font: 40px 'Museo700';
}

#tlacitko:hover {
text-shadow: -1px -1px 1px #fff, 1px 1px 1px #000; color: #eee; opacity: .9; font: 40px 'Museo700';
}

#tlacitko:active {
text-shadow: 1px 1px 1px #fff, -1px -1px 1px #000; color: #ccc; opacity: .9; font: 40px 'Museo700';
padding-top: 4px;
padding-left: 4px;
}



#zlate {
width: 40%;
font-family: Impact;
font-size: 25px;
text-align: center;
line-height: 30px;
display: block;
border-radius: 15px;

text-shadow: -1px -1px 1px #E6CB74, 1px 1px 1px #6F4515 ; color: #B68D35; opacity: .9;

background: rgb(230,203,116);
background: -moz-linear-gradient(top, rgba(230,203,116,1) 0%, rgba(228,201,114,1) 1%, rgba(229,202,115,1) 3%, rgba(220,192,109,1) 5%, rgba(193,163,91,1) 7%, rgba(167,136,71,1) 9%, rgba(151,119,60,1) 11%, rgba(129,94,40,1) 13%, rgba(116,78,29,1) 16%, rgba(115,74,28,1) 17%, rgba(108,67,21,1) 19%, rgba(111,68,23,1) 19%, rgba(111,69,21,1) 23%, rgba(117,76,24,1) 28%, rgba(128,86,28,1) 32%, rgba(131,90,26,1) 35%, rgba(145,102,34,1) 40%, rgba(153,110,41,1) 41%, rgba(168,127,45,1) 47%, rgba(172,130,48,1) 48%, rgba(182,141,53,1) 52%, rgba(186,145,55,1) 53%, rgba(188,148,53,1) 54%, rgba(202,160,62,1) 60%, rgba(204,162,60,1) 62%, rgba(207,165,63,1) 64%, rgba(207,164,59,1) 67%, rgba(208,165,61,1) 69%, rgba(205,162,60,1) 72%, rgba(182,137,44,1) 81%, rgba(174,129,38,1) 83%, rgba(155,110,27,1) 90%, rgba(151,105,27,1) 93%, rgba(152,106,28,1) 97%, rgba(150,104,26,1) 100%);
background: -webkit-linear-gradient(top, rgba(230,203,116,1) 0%,rgba(228,201,114,1) 1%,rgba(229,202,115,1) 3%,rgba(220,192,109,1) 5%,rgba(193,163,91,1) 7%,rgba(167,136,71,1) 9%,rgba(151,119,60,1) 11%,rgba(129,94,40,1) 13%,rgba(116,78,29,1) 16%,rgba(115,74,28,1) 17%,rgba(108,67,21,1) 19%,rgba(111,68,23,1) 19%,rgba(111,69,21,1) 23%,rgba(117,76,24,1) 28%,rgba(128,86,28,1) 32%,rgba(131,90,26,1) 35%,rgba(145,102,34,1) 40%,rgba(153,110,41,1) 41%,rgba(168,127,45,1) 47%,rgba(172,130,48,1) 48%,rgba(182,141,53,1) 52%,rgba(186,145,55,1) 53%,rgba(188,148,53,1) 54%,rgba(202,160,62,1) 60%,rgba(204,162,60,1) 62%,rgba(207,165,63,1) 64%,rgba(207,164,59,1) 67%,rgba(208,165,61,1) 69%,rgba(205,162,60,1) 72%,rgba(182,137,44,1) 81%,rgba(174,129,38,1) 83%,rgba(155,110,27,1) 90%,rgba(151,105,27,1) 93%,rgba(152,106,28,1) 97%,rgba(150,104,26,1) 100%);
background: linear-gradient(to bottom, rgba(230,203,116,1) 0%,rgba(228,201,114,1) 1%,rgba(229,202,115,1) 3%,rgba(220,192,109,1) 5%,rgba(193,163,91,1) 7%,rgba(167,136,71,1) 9%,rgba(151,119,60,1) 11%,rgba(129,94,40,1) 13%,rgba(116,78,29,1) 16%,rgba(115,74,28,1) 17%,rgba(108,67,21,1) 19%,rgba(111,68,23,1) 19%,rgba(111,69,21,1) 23%,rgba(117,76,24,1) 28%,rgba(128,86,28,1) 32%,rgba(131,90,26,1) 35%,rgba(145,102,34,1) 40%,rgba(153,110,41,1) 41%,rgba(168,127,45,1) 47%,rgba(172,130,48,1) 48%,rgba(182,141,53,1) 52%,rgba(186,145,55,1) 53%,rgba(188,148,53,1) 54%,rgba(202,160,62,1) 60%,rgba(204,162,60,1) 62%,rgba(207,165,63,1) 64%,rgba(207,164,59,1) 67%,rgba(208,165,61,1) 69%,rgba(205,162,60,1) 72%,rgba(182,137,44,1) 81%,rgba(174,129,38,1) 83%,rgba(155,110,27,1) 90%,rgba(151,105,27,1) 93%,rgba(152,106,28,1) 97%,rgba(150,104,26,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6cb74', endColorstr='#96681a',GradientType=0 );
}



#citylights {
display: block;
width:250px;
height: 40px;
padding-top: 15px;
text-align: center;


background: rgb(141,74,153);
background: -moz-linear-gradient(top, rgba(141,74,153,1) 0%, rgba(10,4,9,1) 100%);
background: -webkit-linear-gradient(top, rgba(141,74,153,1) 0%,rgba(10,4,9,1) 100%);
background: linear-gradient(to bottom, rgba(141,74,153,1) 0%,rgba(10,4,9,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d4a99', endColorstr='#0a0409',GradientType=0 );



color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #ff2d95, 0 0 30px #ff2d95, 0 0 40px #ff2d95, 0 0 50px #ff2d95, 0 0 75px #ff2d95;
letter-spacing: 8px;
font: 22px;
font-family: "AR Bonnie", Broadway, "Britannic Bold";
font-weight: 900;
}

#burning {

display: block;

height: 90px;
padding-top: 20px;
text-align: center;
background-color: black;
font-size: 65px;
font-family:"Brush Script MT", "AR Berkley", "AR Blanca", "AR Decode", "Bradley Hand ITC";
color: #fff; text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red;

background: rgb(73,0,0);
background: -moz-linear-gradient(top, rgba(73,0,0,1) 0%, rgba(45,0,0,1) 20%, rgba(0,0,0,1) 100%);
background: -webkit-linear-gradient(top, rgba(73,0,0,1) 0%,rgba(45,0,0,1) 20%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(73,0,0,1) 0%,rgba(45,0,0,1) 20%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#490000', endColorstr='#000000',GradientType=0 );

}

Keby ti to neslo, tak tu odkaz
Nieco je moje, vacsina je prevzata, ale aj tak som ju musel prerobit, aby bola spravne viditelna (vybrat spravnu podkladovu farbu respektive gradient, spravny font, pretoze v originaloch boli pouzite nejake stahovane priamo zo stranky)
none
18

16. 24.06.2016, 03:13

Skus toto

index.html
--------------------
<html>

<head>
<link href="main.css" rel="stylesheet" type="text/css">
</head>
<body>
<center>

<div id="zlate">
Zlatý text
</div>

<a href="#" id="tlacitko">Stlač ma!</a>





<div id="citylights">
MESTO V NOCI
</div>





<div id="burning">
Horí ohník horí...
</div>


</center>


</body>
</html>
<br...

25.06.2016, 02:59
Toto je super. Skusam codecademy.com.
Inac, k tvojemu, nerozumiem celkom tym znakom. Ze ked je to normalny slovensky symbol,
tak preco to nezobrazi normalne, resp. preco im hrabe s tymi znakovymi sadami?
Mal by som tam dat do kodu, ze pouziva utf-8, ci tak nejako, potom by znaky s diakritikou
boli normalne? Dufam, ze ked to tam dam, tak to neurobi restart pocitaca.
Inak moj prvy pocitac restartoval v priemere kazdych 20 minut s Windows. :-)
none
19

18. 25.06.2016, 02:59

Toto je super. Skusam codecademy.com.
Inac, k tvojemu, nerozumiem celkom tym znakom. Ze ked je to normalny slovensky symbol,
tak preco to nezobrazi normalne, resp. preco im hrabe s tymi znakovymi sadami?
Mal by som tam dat do kodu, ze pouziva utf-8, ci tak nejako, potom by znaky s diakritikou
boli normalne? Dufam, ze ked to tam dam, tak to neurobi restart pocitaca.
Inak moj prvy pocitac restartoval v priemere kazdych 20 minut s Windows. :-)

25.06.2016, 03:05
Hej, utf-8 pomohlo. :-)
none
20

19. 25.06.2016, 03:05

Hej, utf-8 pomohlo. :-)

25.06.2016, 03:31
Co to je? Font, alebo co sa to vlastne robi na tej stranke?
none
21

20. 25.06.2016, 03:31

Co to je? Font, alebo co sa to vlastne robi na tej stranke?

25.06.2016, 09:08
No ty si mozes puzit rozny font..
Ale kedze existuju rozne systemy - windows, linux, mac atd
A nie vsetky maju rovnake fonty, tak je vhodne davat nejake podobne fonty, alebo fonty proste ktore sa tam hodia do
font-family, co znamena, ze u niekoho taky font nenajde, tak skusi dalsi v poradi...
none
22

20. 25.06.2016, 03:31

Co to je? Font, alebo co sa to vlastne robi na tej stranke?

25.06.2016, 09:23
tie farebne vecicky su robene roznymi sposobmi.. farbou pisma, roznymi prechodmi (gradient)
Mozes pouzit viac tienov pre jeden text (to som sa tiez len teraz dozvedel, ja som vedel len o jednom)
S tym, ze si das relativne posunutie od povodneho textu x, y jeho rozostrenie, farba atd
Ked si das povedzme sede pismo, spravis biely "tien" smerom o 1 pixel vlavo hore (najprv) a jeden tmavosedy tien vpravo dole, tak to vyzera ako keby text vystupoval z plochy
alebo mozes spravit naopak a vyzera akoby bol vnoreny do plochy (emboss)
Mozes robit rozne blbinky..
Mozes zaokruhlovat obsah (div, tlacitka) pomocou radiusu , ked mas maly stvorcek tak pomocou neho mozes spravit dokonca kruzok..

Ale aj tak mam radsej javascript, v tom sa daju robit rozne blbinky,
V druhom fore, ktore robil EnaXnaY ako klon tohoto fora, som spravil blbinku, ktoru ked vlozis do riadku, kde vkladas adresu stranky (alebo si mozes otvorit javascript konzolu a vlozit to tam)
A robilo to to, ze zobralo vsetkych avatarov z temy, spravilo kruh v strede obrazovky, tento kruh padol dole, a zacal vystrelovat hore (a samozrejme padat dole) ako fontana..
none
23

22. 25.06.2016, 09:23

tie farebne vecicky su robene roznymi sposobmi.. farbou pisma, roznymi prechodmi (gradient)
Mozes pouzit viac tienov pre jeden text (to som sa tiez len teraz dozvedel, ja som vedel len o jednom)
S tym, ze si das relativne posunutie od povodneho textu x, y jeho rozostrenie, farba atd
Ked si das povedzme sede pismo, spravis biely "tien" smerom o 1 pixel vlavo hore (najprv) a jeden tmavosedy tien vpravo dole, tak to vyzera ako keby text vystupoval z plochy
alebo mozes spravit naopak...

25.06.2016, 12:01
No, to chvilu potrva, kym pochopim celkove, to co si napisal. 🙂
none
24

23. 25.06.2016, 12:01

No, to chvilu potrva, kym pochopim celkove, to co si napisal. 🙂

25.06.2016, 13:38
Gradient - prechody
odkaz

Tiene
odkaz

------------------

Inak v javascripte som robil rozne blbinky
napr

odkaz
Mysou mozes zastavit rotaciu, alebo pohybovanim mysi rotovat kocku sam

odkaz
Kyvadla, ked refreshnes stranku, tak sa generuje nahodna dlzka, velkost a uhol z ktoreho su kyvadla pustene - vsetky kyvadla su pustene z rovnakeho uhlu - farba sa postupne meni ..

odkaz
Vypocitava a zobrazuje, kde sa nejake usecky stretavaju
Mozes si zvacsit/zmensit mriezku (prave 2 tlacitka), prepinanie ukotvenia na mriezku (stredne tlacitko) - doceasle prepinanie ukotvenia malo fungovat ked sa stlacit shift, ale neviem preco to uz nefunguje..
No a mozes pridavat/uberat ciary (lave 2 tlacitka)
Ako vidis tu som pouzil css na tlacitka (uplne som na to zabudol) aby vyzerali ako take leskle biele atd..
Tu som sa s tym trosku pohral, ked chytis bod nejakej ciary, tak sa ti pozadie zmeni na farbu danej ciary,
ked kliknes mimo, tak ti pozadie len stmavne..
Ked prekrizis nejake 2 ciary, tak v bode prekrizena, spravi kruzok s kombinaciou farieb oboch ciar (napr modra a cervena ti da fialovu)
Ked tahas mysou bod usecky, a vyjdes mimografickeho pola, tak nastava taka chyba, ze ked pustis, mys mimo grafickeho pola, graficke pole na to nezareaguje a ked vojdes naspat do toho pola bez stlacenia tlacitka, tak stale hybes s bodom, akoby tlacitko bolo stlacene. Takze musis znova stlacit a pustit tlacitko, aby zaregistrovalo pustenie tlacitka..

Jeden sposob by tu bol a to, ze udalost mysi nehooknes na graficku obrazovku, ale na document, alebo na okno (window)..
Lenze keby si bod ciary pustil mimo tej grafickej obrazovky, tak uz sa k nemu nedostanes.

Ja som spravil 3 mozne riesenia
odkaz
Zlty svorec - registracia vchodu mysou na graficku plochu
Tyrkysovy stvorec - registracia vychodu mysou z grafickej plochy
Cerveny stvorec - stlacenie tlacitka
Modry stvorec - pustene tlacitko mysi, alebo ina podmienka popisana dalej


1. Vypocitanie priesecky, kde okraj grafickej plochy (okna, pola, ako chces) tvori jednu ciaru a pozicia medzi stlacenim mysi a aktualnou poziciou mysi tvori druhu ciaru..
Ak nahodou pustis mys mimo grafickej plochy, tak ti to zoberie poslednu poziciu kde pretinala ciara okrej obrazovky
Stale ti drzi mys ako stlacenu

2.podobne ako 1, ale automaticky to uz pocita s bodom pustenia mysi na okraji obrazovky, aj ked si za nou, stale ti drzi mys ako stlacenu

3.je nieco podobne ako 1 a 2 ale akonale vyjdes z grafickej plochy zoberie to posledny bod kde si vysiel z plochy a uvolni ti mys, proste tvari sa, ako keby si pustil mys na kraji plochy. Ak chces bod posunut inam, musis ho znova "zdvihnut" kliknutim..

------------------------------------
Robil som este nejake ine blbinky, ale s pomocou kniznice processing .
Povodne som robil v processingu co bola taka vrstva/kniznica/framework v programovacom jazyku java..
Neskor sa dal prekonvertovat do javascriptu (teraz uz ma 2 vlastne platformy p5.js ktora je cisty javascript s pouzitim processingu, a processing.js ktora pouziva povodne prikazy akoby javy... Mal som plno dalsich veci, ale tie pouzivali "druh pola", ktory javascript nepodporovali a tak to v javascripte nefungovalo)

odkaz
Keby bol link zmrzaceny DFkom odkaz
Fontana .. originalne som sa zaujimal o drahu projetilu vystreleneho pod uhlom urcitou silou (po anglicky spolu tieto veliciny spojene do jedneho vektoru nazyvaju velocity)
A tak vznikla aj tato fontana, v podstate jednolivke kruzky su vystrelovane akoby z kanona pod urcitym nahodnym (ale s obmedznim od do) uhlom a nahodnou silou (tiez s obmedzenim od do, aby jedno nepadalo hned po vystreleni dole a dalsie aby nepreslo cez obrazovku)
medzernikom (space) menis mody ktorych je tam 5

Pouzil som to aj v jednej nedorobenej hre
odkaz
Ked kliknes na kruzok, ktory je v "kope" s dalsimi kruzkami tej istej farby (ako som povedal, hra nefunguje, funguje len toto)
Uz som robil aj novy loader obrazkov odkaz ale aj tak som to nedorobil 🙂



odkaz
odkaz
space - odomknes x-ovu os takze mozes otacat fontanu aj smerom k sebe, alebo od seba, nielen okolo..
Opakovane stlacenie zresetuje pohlad a zamkne x-ovu os
cisla 1 az 0 sluzia, ze ak mas slabsi pocitac, tak pouziva menej castic (particles)

odkaz
odkaz
Nazval som to vlci (cierne) a ovce (biele)
Vlci sa snazia nezrazit s inymi vlkmi, ovce sa snazia nezrazit s inymi ovcami..
Ked sa vlci dostanu do urcitej blizkej pozicie, tak zacne ovcu nahanat..
Ked sa ovca dostane do tej istej vzdialenosti tak sa snazi od vlka utekat..
Cervene kruzky okolo, znamena ze vlk za niekym uteka a ovca uteka pred niekym.
Ked sa vlk pri nahanani ovce dostane do blizkosti inej ovce, ktora je menej vzdialena nez ovca, ktoru nahanal, vzda sa nahanania starej ovce a nahana tu novu

odkaz
odkaz
Raz som chcel vediet ako sa otaca auto podla toho ako moc ma vytocene predne kolesa do nejakej strany
Ovladanie sipkami plyn, brzda/cuvanie, otacanie
A - zamknes tocenie volantom (normalne ked stlacis sipku tak otocis volant maximalne ako sa da a po spusteni sa da do rovnej polohy, ked si zamknes volant, tak mozes nim otocit trosku a nemusis drzat tlacitko a teda mozes vidiet ako sa "auto" otaca pod roznym uhlom vytocenia kolies
+ - (nie na numerickej klavesnici ale vedla backspace) zvacsujes a zmensujes vozidlo a tak mozes aj lepsie vidiet, ako to funguje
medzernikom zresetujes polohu a velkost vozidla a vytocenie volantu..

odkaz
odkaz
Dva objekty na obrazovke, jedna chodi po kruhu a druha sa odraza od okrajov grafickej plochy..
Ta co chodi po kruhu sa snazi strielat do tej druhej s tym, ze nemieri na nu, ale vypocita si suradnice, na ktore musi vystrelit, aby strela doletela v danom case tam kde v tom istom danom case bude aj objekt...
none
25

24. 25.06.2016, 13:38

Gradient - prechody
http://www.w3schools.com/css/css3_gradients.asp

Tiene
http://www.w3schools.com/cssref/css3_pr_text-shadow.asp

------------------

Inak v javascripte som robil rozne blbinky
napr

http://codepen.io/WolfeSVK/full/xGEJVm/
Mysou mozes zastavit rotaciu, alebo pohybovanim mysi rotovat kocku sam

http://codepen.io/WolfeSVK/full/rVwwxV/
Kyvadla, ked refreshnes stranku, tak sa generuje nahodna dlzka, velkost a uhol z ktoreh...

28.06.2016, 03:14
Parada. Vsetko som vyskusal po Vlci a potom stratil trpezlivost, ale zvysok si pozriem neskor. Obzvlast sa mi pacila fontana, lebo to vyzeralo ako silvestrovske petardy (delobuchy) a Vlci samozrejme, lebo to aspon davalo trochu zmysel. 🙂 Inak vsetko vyzeralo aspon trochu zaujimavo, predovsetkym mne, lebo nevedel som, ze taketo veci sa daju robit prave v JavaScript-e. Som kedysi chcel prepisat jednu knihu matematiky - dost stara a velmi sikovna knizka - do HTML, ale vtedy som nevedel, co sa vlastne robi s CSS. Teraz uvazujem (lebo som videl niektore stranky od vystudovanych magorov - zien, ale stale to nie je tak dobre spracovane, ako by to mohlo byt. Skratka, ked sa v edukacii moze pouzit video, tak to moze priblizit problematiku ovela viac, nez nehybny obrazok. Ale samotne video uz kazi celu zabavu, lebo nie je interaktivny. Samotne hry ma nezaujimaju, lebo tie potrebuju naozaj presvedcive spracovanie a jednoduche hry, ktore potrebuju len zakladne pravidla fyziky ma vobec neoslovuju, ani hrat vobec. Celkovo vsetko, co ma na pocitacoch vobec zaujimalo, je algoritmizacia a prepojenost s matematickym myslenim. V poslednej dobe som objavil krasu geometrie. ;-) Teda, ak by som tvoril nejaku hru, urcite nieco, co ma nejaky hlboky vyznam vo svete, z ktoreho myslienku by som tazil.

Inac z tej kocky vyskakuje pravidelne jedna gulicka, prisaham, ze som ju parkrat videl mimo tej kocky. 🙂
none
26

25. 28.06.2016, 03:14

Parada. Vsetko som vyskusal po Vlci a potom stratil trpezlivost, ale zvysok si pozriem neskor. Obzvlast sa mi pacila fontana, lebo to vyzeralo ako silvestrovske petardy (delobuchy) a Vlci samozrejme, lebo to aspon davalo trochu zmysel. 🙂 Inak vsetko vyzeralo aspon trochu zaujimavo, predovsetkym mne, lebo nevedel som, ze taketo veci sa daju robit prave v JavaScript-e. Som kedysi chcel prepisat jednu knihu matematiky - dost stara a velmi sikovna knizka - do HTML, ale vtedy som nevedel, co sa vlas...

28.06.2016, 07:43
Mno mna bavia aj hry, ale bavilo ma fyziku rozne algoritmy previest do grafickej podoby..
Preto tolko blbiniek

Fontana sa paci aj mne - sa na nu pozerat... take ukludnujuce.. hlavne ten prechod farieb ktory nie je robeny RGB (cervena zelena modra) ale HSV (ton_farby sytost a hodnota(co je svetlost)), niekedy oznacovana aj ako HSB (hue saturation brightness)
none
27

26. 28.06.2016, 07:43

Mno mna bavia aj hry, ale bavilo ma fyziku rozne algoritmy previest do grafickej podoby..
Preto tolko blbiniek

Fontana sa paci aj mne - sa na nu pozerat... take ukludnujuce.. hlavne ten prechod farieb ktory nie je robeny RGB (cervena zelena modra) ale HSV (ton_farby sytost a hodnota(co je svetlost)), niekedy oznacovana aj ako HSB (hue saturation brightness)

28.06.2016, 17:06
A to kyvadlo? To sa nikdy nezastavi, alebo len som malo pri tom sedel? 🙂
none
28

27. 28.06.2016, 17:06

A to kyvadlo? To sa nikdy nezastavi, alebo len som malo pri tom sedel? 🙂

28.06.2016, 17:40
Nie je tam zapocitany odpor vzduchu ani trenie osky, takze nie nezastavi 🙂
none
8

2. omega 22.06.2016, 18:56

nefunguje <link link rel="stylesheet" href="main.css"> ?

23.06.2016, 01:00
Vyskal som IE, prvykrat crashnul, potom sa tvarilo, ze sa nic nedeje, pisal Hello World! ciernou farbou.
none
3
22.06.2016, 19:06
ruwolf ma v profile kontakt na seba.
none
4
6

4. 22.06.2016, 21:54

http://lmgtfy.com/?q=css+link+external+file

23.06.2016, 00:28
Neni to zly napad.
👍: Scarlet666
none
5
23.06.2016, 00:25
Tak som mu napisal na jabber, poslal sms a nakoniec este jeden e-mail, keby nieco nebolo aktualne. :-)
none

najnovšie príspevky :

havran [zobraz vlákno] pred 4 hodinami
prevádzkuje diskusneforum.sk kontaktuj správcu diskusného fóra vytvoril dzI/O 2023 - 2024 veľkosť : 163 652 B vygenerované za : 0.088 s unikátne zobrazenia tém : 36 292 unikátne zobrazenia blogov : 539 táto stránka musí používať koláčiky, aby mohla fungovať...

možnosti

hlavná stránka nastavenia blogy todo

online účastníci :

hľadanie :

blog dňa :

odkaz Možno si sa niekedy zamýšľal, ako bude vyzerať ten Nový Jeruzalem, nebeské kráľovstvo, ktoré má zostúpiť, podľa proroctva 😉 Nuž, asi ťa sklamem trochu, ale nejedná sa o klasické mesto...

citát dňa :

Snažte sa naozaj žiť, nielen existovať.