[Contest] Officiële GoT 5K contest 2004

[André]

Mijn WIP is ook gemaakt met schuine lijnen
Blijft wel lastig trouwens.

[ Voor 3% gewijzigd door André op 02-04-2004 13:28 ]

[T-MOB]

Anoniem: 110091 schreef op 02 april 2004 @ 13:07:

Probeer maar eens een diagonale lijn te tekenen in DHTML.

ok:

code:

<style>
 div{position:absolute;width:1px;height:1px;background:#000}
</style>
<script>
function dot(x,y)
{
this.dot = document.createElement("div");
this.dot.style.left = x;
this.dot.style.top = y;
document.body.appendChild(this.dot);
}

function line(X,Y,P,Q) 
{
var x = X;
for(i=1;i<=(P-X);i++)
 {
 x+=1;
 var y=Y+((Q-Y)/(P-X))*x;
 new dot(x,y);
 }
}
</script>

tekent een lijn van (X,Y) naar (P,Q)

[ Voor 14% gewijzigd door T-MOB op 02-04-2004 13:36 . Reden: /code doet wonderen ]

[Anoniem: 110091]

johnnyv.nl schreef op 02 april 2004 @ 13:22:
[...]

Een diagonale lijn tekenen is vrij simpel hoor, functietje schrijven welke checked of de lijn door een bepaalde pixel gaat (en dan een pixel dus niet beschouwen als een punt zonder breedte of hoogte he )

Maar een standaardfunctie is inderdaad makkelijker en kleiner

Moet je hiervoor niet een pixel-based architectuur hebben. Ik bedoel een heleboel td-elementen of zo? En zoja, is dat niet behoorlijk onhaalbaar (lees: traag).

[ Voor 12% gewijzigd door Anoniem: 110091 op 02-04-2004 13:50 . Reden: psje ]

[Anoniem: 110091]

T-MOB schreef op 02 april 2004 @ 13:33:
[...]
[... je code hoeft niet dubbel ...]
tekent een lijn van (X,Y) naar (P,Q)

Ok, ok. Je hebt gelijk . Wat ik eigenlijk had moeten zeggen was: "Het is moeilijk om een diagonale lijn snel genoeg te tekenen om 10 lijnen op 10fps te laten bewegen..." (das wat je ongeveer nodig hebt om iets leuks te doen -- zonder creatief te zijn )

Maar bedankt voor de code... Ik wist helemaal niet dat je div-tags op die manier aan kunt maken. Ik heb nog nooit 'createElement' gebruikt! (je kunt toch blijkbaar niet alles weten )

PS. JAVA: g.drawLine(x,y,p,q); // zie het verschil

[ Voor 7% gewijzigd door Anoniem: 110091 op 02-04-2004 13:51 ]

[T-MOB]

mmz, ik ga gelijk ff benchmarken. Het ding failt trouwens als X>P. Een oplossing is om

code:

if (X>P) 
 {
 var t=X; X=P; P=t;
 var u=Y; Y=Q; Q=u;
 }

in die line() functie te proppen. In het oude topic stond een betere manier om variabelen van waarde te laten wisselen.

[Genoil]

of je doet zoiets:

Text mode Quake: http://webpages.mr.net/bobz/ttyquake//
Text mode UT: http://icculus.org/~chunky/ut/aaut/

een andere mooie manier om diagonalen te tekenen vond ik de truuc van Clay: http://www.xs4all.nl/~peterned/games/scorched/index.html

[ Voor 35% gewijzigd door Genoil op 02-04-2004 14:21 ]

[Anoniem: 110091]

Zo zie je maar weer: zo'n contest haalt het beste in de mens naar boven!

Hulde aan Andre voor het opzetten van deze contest!!

[André]

Genoil schreef op 02 april 2004 @ 14:07:

een andere mooie manier om diagonalen te tekenen vond ik de truuc van Clay: http://www.xs4all.nl/~peterned/games/scorched/index.html

Shit, hoe werkt die truc dan? Is vast simpeler dan ik denk?

Anoniem: 110091 schreef op 02 april 2004 @ 14:52:
Zo zie je maar weer: zo'n contest haalt het beste in de mens naar boven!

Hulde aan Andre voor het opzetten van deze contest!!

Dank, maar ik ben alleen een soort chef d'equipe om de contest een beetje in grote lijnen te leiden. De ideeën zijn van andere mensen...

[ Voor 40% gewijzigd door André op 02-04-2004 15:45 ]

[Genoil]

André schreef op 02 april 2004 @ 15:44:
Shit, hoe werkt die truc dan? Is vast simpeler dan ik denk?

men neme een vierkant plaatje dat diagonaal verdeeld is in twee kleuren. door deze te verschalen kun je de diagonale lijn verschillende richtingscoefficienten laten aannemen. je hebt 4 plaatjes nodig (alle 4 mogelijkheden) om zoveel mogelijk hoeken mogelijk te maken.

er zitten natuurlijk wel beperkingen aan, bv dat lijnen van hoeken die de 0 /90 / 180 / 270 graden naderen onmogelijk zijn of anders heel erg lang worden. maar voor 'scorched earth' vond ik het iig wel vindingrijk

ik heb eigenlijk nooit gecontroleerd of dit echt is wat Clay gedaan heeft, maar ik vermoed het wel

[Wirf]

Genoil schreef op 02 april 2004 @ 16:57:
ik heb eigenlijk nooit gecontroleerd of dit echt is wat Clay gedaan heeft, maar ik vermoed het wel

Zover ik kan zien gebruikt Clay maar twee plaatjes ipv vier

Deze twee, om precies te zijn:
http://www.xs4all.nl/~pet.../scorched/images/scdn.gif
en
http://www.xs4all.nl/~pet.../scorched/images/scup.gif

offtopic:
Je moet die tankjes echt echt precies raken zeg, niet te doen haast

[ Voor 11% gewijzigd door Wirf op 02-04-2004 17:28 ]

[Genoil]

Wirf schreef op 02 april 2004 @ 17:25:
[...]

Zover ik kan zien gebruikt Clay maar twee plaatjes ipv vier

ja omdat ie alleen hoeken tussen -90 en 90 nodig heeft zijn het er twee. stel dat er holle "ronde" gaten in de berg zouden moeten zitten, dan zouden het er 4 zijn.

[André]

Genoil schreef op 02 april 2004 @ 16:57:
[...]


men neme een vierkant plaatje dat diagonaal verdeeld is in twee kleuren. door deze te verschalen kun je de diagonale lijn verschillende richtingscoefficienten laten aannemen. je hebt 4 plaatjes nodig (alle 4 mogelijkheden) om zoveel mogelijk hoeken mogelijk te maken.

er zitten natuurlijk wel beperkingen aan, bv dat lijnen van hoeken die de 0 /90 / 180 / 270 graden naderen onmogelijk zijn of anders heel erg lang worden. maar voor 'scorched earth' vond ik het iig wel vindingrijk

ik heb eigenlijk nooit gecontroleerd of dit echt is wat Clay gedaan heeft, maar ik vermoed het wel

Haha, mooi trucje om lijnen weer te geven. Als je op ctrl-a drukt kun je die individuele plaatje zien.

Edit:
Site weer bijgewerkt, semicon had nog weer een nieuwe WIP opgestuurd.

[ Voor 6% gewijzigd door André op 02-04-2004 18:12 ]

[wacco]

Ik vind het toch jammer dat sommige dingen ie-only zijn. Maar goed, misschien alleen omdat het WiPs zijn (toch? toch? toch? )

Ik zag dat semicon bijvoorbeeld 'A.innerHTML=g;' gebruikte, (A is een id van een <p>) en dat is wel lekker kort, maar firefox bakt er niks meer van. Als ik naar m'n eigen code kijk heb ik het idee dat ik op deze manier flink wat bytes kan besparen, maar dan wel ten koste van firefox. Beetje dubieus gevoel
Semicon: window.event.srcElement.id is ook ie-only, kweet alleen niet hoe je deze kan verbeteren zo snel... ik weet niet hoe firefox de parameters van een event mee geeft (volgens mij als variabele die je kan aangeven, maar dat pakte die niet meteen. een listener misschien? maar das meteen weer flink wat bytes erbij...)

[ Voor 3% gewijzigd door wacco op 02-04-2004 18:28 ]

[T-MOB]

ff een update van mijn WIP: SuperDonkey

De basis functioneert nu... nog 1,5-2k over voor aanvullingen.

[Anoniem: 10445]

Gaaf spul mensen! Ik ga binnenkort ook lekker werken aan mijn flash inzending, zal nog even duren, nogal druk, maar we gaan aan de slag.

Een raycasting engine laat ik dan ook maar achterwege, zo te zien is dat wel min of meer done

@31nst31n; klopt het dat je geen fisheye removal doet?

[Oguz286]

Damn, ik kan wel een raycaster engine schrijven...alleen ik heb echt geen flauw idee hoe jullie dat doen in een browser...

Echt HULDE mensen...ik zie echt fantastische dingen!

Misschien een idee om simpele tutorials in de startpost te zetten

[ Voor 17% gewijzigd door Oguz286 op 02-04-2004 22:40 ]

[Anoniem: 9542]

met css schuine lijnen doen is ook wel redelijk mogelijk: http://www.howtocreate.co.uk/tutorials/slopes.html en
http://www.infimum.dk/HTML/slantinfo.html

[ Voor 18% gewijzigd door Anoniem: 9542 op 03-04-2004 09:23 ]

[Genoil]

Anoniem: 9542 schreef op 03 april 2004 @ 09:23:
met css schuine lijnen doen is ook wel redelijk mogelijk: http://www.howtocreate.co.uk/tutorials/slopes.html en
http://www.infimum.dk/HTML/slantinfo.html

ja dat gebruik ik dus ook voor mijn DHTML Doom. ik zie dat Gecko-browsers ook transparante borders ondersteunen...dat biedt mogelijkheden...

[Anoniem: 70801]

Ik heb snel een PHP script in elkaar geramt die al het commentaar en whitespaces weghaalt en alle JS code op één regel zet. De code is ranzig ik geef het toe, maar ik wou even snel iets werkend in ekaar prutsen.

Handig om te zien hoe klein je JS kan zijn...

Ik gebruik hem zelf om de broncode van mijn editor te comprimeren. Van 58.8 kb, naar 36.6 kb...

Comprimeer je JS files

Geen garanties

[Genoil]

Anoniem: 70801 schreef op 03 april 2004 @ 13:15:
Ik heb snel een PHP script in elkaar geramt die al het commentaar en whitespaces weghaalt en alle JS code op één regel zet. De code is ranzig ik geef het toe, maar ik wou even snel iets werkend in ekaar prutsen.

Handig om te zien hoe klein je JS kan zijn...

Ik gebruik hem zelf om de broncode van mijn editor te comprimeren. Van 58.8 kb, naar 36.6 kb...

Comprimeer je JS files

Geen garanties

het werkt idd redelijk, maar m'n scripts werken niet meer na compressie. kan dat komen doordat ik ook HTML en stukken uitgecommente code in m'n source heb staan?

[Anoniem: 70801]

Ik weet wel, dat hij alle // verwijderd
dus: http:// gaat fout
Maar dan, gaat alles fout, want hij maakt er een one-liner van
Beetje wazig idd

"http:/"+"/" maar dat is zonde, kost je weer wat bytes

Ik heb hem ook alleen getest op .js files

[ Voor 15% gewijzigd door Anoniem: 70801 op 03-04-2004 13:38 ]

[Anoniem: 86146]

Ik gebruik momenteel deze "Cruncher":
http://hometown.aol.de/_ht_a/memtronic/
Deze doet naast de JavaScript ook de HTML code compact maken. Tot nu toe heeft het altijd gewerkt bij mijn code.

[Anoniem: 110091]

Anoniem: 9542 schreef op 03 april 2004 @ 09:23:
met css schuine lijnen doen is ook wel redelijk mogelijk: http://www.howtocreate.co.uk/tutorials/slopes.html en
http://www.infimum.dk/HTML/slantinfo.html

Dit is goed spul. Dit vind je niet in een standaard tutorial... THANKS! Dan is een full 3d engine toch mogelijk...

(*pacman kijkt me aan en heeft zoiets van 'maar ik dan'*)

MAN! in die onderste: "Also proves that DHTML and JavaScript are not fast enough to do wire-frame games." Daar moet het tegendeel bewezen worden!

(*pacman kijkt al weer wat gelukkiger*)

[ Voor 20% gewijzigd door Anoniem: 110091 op 03-04-2004 14:52 . Reden: tutorial gelezen ]

[Anoniem: 110091]

Anoniem: 10445 schreef op 02 april 2004 @ 22:01:
@31nst31n; klopt het dat je geen fisheye removal doet?

Hmm... Ik doe wel meerdere dingen niet in dat ding. Ik doe nog net aan Z-buffering en daar heb ik de sprite-engine bij in gegooid... Ik weet niet wat jij fish-eye removal noemt, maar die groene dingen zijn geen vissen. (onder het motto, zoek het zelf uit daar leer je meer van! )

[Genoil]

Anoniem: 110091 schreef op 03 april 2004 @ 14:35:
[...]

Dit is goed spul. Dit vind je niet in een standaard tuturial... THANKS! Dan is een full 3d engine toch mogelijk...

(*pacman kijkt me aan en heeft zoiets van 'maar ik dan'*)

in browsers die border-style:transparent ondersteunen misschien wel. dus iig al niet in IE. maar, defineer "full 3D" ? Hebben we dan over een Doom/Wolf style engine of Quake? Doom /Wolf ("2.5D") lijkt me doable met een redelijke performance, echt full 3D lijkt me niet te doen. Ze zeggen in dat artikel ook dat niet elke driehoek is te maken. Dat zou je dan weer kunnen ondervangen door de ene driehoek met de andere af te dekken, maar of je daar aan wilt beginnen...

dit is m'n laatste WIP die het iig zonder morren doet op IE6. Niet erg spectaculair meer omdat ik de 2D sprites er weer uit heb gesloopt, maar wel voorzien uitgebreide comments.

http://www.jwp.dds.nl/got5k/doom_f.html

nu nog een manier zien te vinden om de bocht om te gaan in deze fata morgana...

[Anoniem: 70801]

Heb op het net een handig C programma gevonden die alle whitespace verwijdert.
Werkt alleen op .js bestanden

source
program

[ Voor 27% gewijzigd door Anoniem: 70801 op 03-04-2004 14:54 ]

[wacco]

Die "MemTronic's FREEWARE HTML/JavaScript Cruncher-Compressor v0.9g" is een leuk tooltje. Het gebruik maken van ~ is een beetje laim, maar de methode die ie gebruikt is erg cool. Monsieur, demonstration!

D'r in:

code:

<html><head><script>
function a(e){document.body.innerHTML+=e.keyCode}
function b(e){document.body.innerHTML+=' '}
</script><body onkeyDown='a(event)' onkeyUp='b(event)'>
body body body body body body body

D'r uit: (edit: plus enters ivm layout)

code:

<script type="text/javascript">$="<html¬head¬£>­aªe.«Code}­bª' '}
</£¬©on«Down='a¨ on«Up='b¨>©©©©©©¤";
for(I=10;I>=0;)
  $=$.replace(
    eval("/"+String.fromCharCode(163+I)+"/g"),
    "script¡body¡functio¡(e){doc¡¦ument.¤.innerH¡(event)'¡¤
     ¡§TML+=¡key¡><¡¥n ".split("¡")[I--]
  );
document.write($)
</script></html>

Efficiency: -44.39%
Tis dus niet zo handig voor kleine programmatjes (onder 200bytes pakt ie em niet eens -> sanity check) maar verder is ie pretty vernuftig bezig. Een kwestie van al je code in een variabele stampen, en dan pattern matching doen van grote string naar kleinere stukjes, en dit in de uiteindelijke code weer terugdraaien met een replace.

Zeker een techniek om te onthouden, want op deze manier kan je gruwelijk veel ruimte winst creeeren (hij wist een versie van mijn code van 4.3k naar 3.0k te krijgen, op 'fastest'). Al schrijf ik er wel m'n eigen script voor, want gebruik maken van zo'n standaard ding is natuurlijk not done

[ Voor 13% gewijzigd door wacco op 03-04-2004 16:32 ]

[Scaror]

Zonder fish-eye removal zien muren er bol uit:


Dat komt door het volgende:
Je 'cast' voor elke kolom dus een ray. Stel dat recht voor een muur staat. De ray van de speler tot de muur voor de middelste kolom heeft een kleinere afstand dan de ray voor de eerste of laatste kolom. Dat komt omdat die rays schuin worden gevolgd. Aangezien je moet delen door de afstand om de hoogte van de muur te bepalen wordt de muur in het midden hoger dan aan de zijkant. Dat ziet er dan als een 'fisheye' uit.
Om dit te 'removen' zul je dus moeten delen door een afstand alsof je de ray voor elke kolom rechtuit had geschoten. Gebruik als afstand:

//angleOfRay is -30 voor de linkerkolom en +30 voor de rechter kolom (fov=60)
rayDistance *= cos(angleOfRay);

[ Voor 9% gewijzigd door Scaror op 03-04-2004 17:30 ]

[Anoniem: 110091]

Genoil schreef op 03 april 2004 @ 14:51:
[...]
in browsers die border-style:transparent ondersteunen misschien wel. dus iig al niet in IE. maar, defineer "full 3D" ? Hebben we dan over een Doom/Wolf style engine of Quake? Doom /Wolf ("2.5D") lijkt me doable met een redelijke performance, echt full 3D lijkt me niet te doen. Ze zeggen in dat artikel ook dat niet elke driehoek is te maken. Dat zou je dan weer kunnen ondervangen door de ene driehoek met de andere af te dekken, maar of je daar aan wilt beginnen...

dit is m'n laatste WIP die het iig zonder morren doet op IE6. Niet erg spectaculair meer omdat ik de 2D sprites er weer uit heb gesloopt, maar wel voorzien uitgebreide comments.

http://www.jwp.dds.nl/got5k/doom_f.html

nu nog een manier zien te vinden om de bocht om te gaan in deze fata morgana...

Coole WIP! ook erg goeie performance!

Ja, met 'full 3d' doelde ik op 2.5D en ja ik zat er aan te denken om dan de ene driehoek met de andere af te vangen. Ik moet er nog een leuke datastructuur voor bedenken, maar ik denk dat het moet kunnen. Texture mapping zal dan wel te traag zijn en sprites zal ik er wel niet bij in krijgen. Kortom is waarschijnlijk geen winner, maar het lijkt me gewoon een gave uitdaging!

[Anoniem: 110091]

Scaror schreef op 03 april 2004 @ 16:37:
Zonder fish-eye removal zien muren er bol uit:

Dat is volgens mij alleen het geval in 3D engine... 2.5D is eigenlijk een andere truc... Laat ik het anders zeggen: Ik gebruik geen ray-tracing/casting. Ik teken muren .

[Scaror]

Anoniem: 110091 schreef op 03 april 2004 @ 18:27:
[...]

Dat is volgens mij alleen het geval in 3D engine... 2.5D is eigenlijk een andere truc... Laat ik het anders zeggen: Ik gebruik geen ray-tracing/casting. Ik teken muren .

Dat plaatje is van een engine gebaseerd op het oude Wolfenstein 3D, en dat wordt meestal ook 2.5D genoemd. (geen hoogteverschillen, levels zijn op te slaan in een simpele matrix). Ik wilde alleen ff uitleggen wat fish-eye was

[Anoniem: 110091]

Scaror schreef op 03 april 2004 @ 20:08:
[...]
Dat plaatje is van een engine gebaseerd op het oude Wolfenstein 3D, en dat wordt meestal ook 2.5D genoemd. (geen hoogteverschillen, levels zijn op te slaan in een simpele matrix). Ik wilde alleen ff uitleggen wat fish-eye was

Dat is gelukt: thanks!

[crisp]

http://allcrispy.com/exp/box.html

even snel een ronddraaiend vierkant mbv images; ik ga ooit nog eens kijken of ik hier een 3D box van kan maken

[Anoniem: 70801]

Box wordt lastig in verband met belichting. Als je geen belichting gebruikt zie je niet eens dat het een box is...

[Genoil]

Anoniem: 70801 schreef op 04 april 2004 @ 10:42:
Box wordt lastig in verband met belichting. Als je geen belichting gebruikt zie je niet eens dat het een box is...

flat-shaded moet kunnen. aangezien je elk vlak van een kubus in willekeurige stand met 4 van die driehoekplaatjes (+een box in het midden) kunt maken, is het een kwestie van de hoeken van die kubus uitrekenen (waar al versies van <1KB rondzwerven en die plaatjes er op plakken. je moet dan wel voor elke schaduwtint 4 plaatjes hebben, of iets slims met transparante layers doen...

[crisp]

perspectief geeft ook al gauw een 3D-look

[Anoniem: 70801]

Dan moet je wel elk vlak een andere kleur geven lijkt me. Als ik in OpenGL belichting uitzet, blijft er ook niets van mijn box over, perspectief of niet...

[crisp]

Anoniem: 70801 schreef op 04 april 2004 @ 12:17:
Dan moet je wel elk vlak een andere kleur geven lijkt me. Als ik in OpenGL belichting uitzet, blijft er ook niets van mijn box over, perspectief of niet...

6 kleuren was ook het idee

[Genoil]

crisp ik heb ff je scriptje gejat om er een "border"-versie van te maken:

http://www.jwp.dds.nl/got5k/roborderbox.html

Op IE heeft ie wat probleempjes met afronding, op FF0.8 is het verschil met jou versie niet te zien.

(overigens lijkt deze sneller te draaien dan de plaatjes-versie maar dat komt alleen maar doordat ik het update-interval wat sneller heb gezet)

[T-MOB]

Genoil schreef op 04 april 2004 @ 13:43:
crisp ik heb ff je scriptje gejat om er een "border"-versie van te maken:

En met zo'n versie zijn je kleuren volledig variabel. Dan kun je dus nog enigszins "belichting" gebruiken door vlakken die achter zitten donkerder te maken.

* T-MOB is trouwens blij dat er weer een kubus gelanceerd wordt

p.s: hier doen IE en MOZ het beide goed: http://www.infimum.dk/HTML/rotatingBox.html

[ Voor 15% gewijzigd door T-MOB op 04-04-2004 14:01 ]

[Genoil]

T-MOB schreef op 04 april 2004 @ 13:54:
[...]


En met zo'n versie zijn je kleuren volledig variabel. Dan kun je dus nog enigszins "belichting" gebruiken door vlakken die achter zitten donkerder te maken.

* T-MOB is trouwens blij dat er weer een kubus gelanceerd wordt

lol ja laten we er gewoon een GoT-cube-contest van maken

de reden dat die van infimum wel goed werkt op IE itt die van mij is dat die anders is opgebouwd. dat kun je zien als je "dark colors" aanzet bij die, en die vergelijkt met deze:

http://www.jwp.dds.nl/got5k/roborderbox2.html

maar ja die van infimum verschaalt ook nog eens. Als je daarvoor gaat corrigeren krijg je wellicht hetzelfde probleem weer terug.

[ Voor 42% gewijzigd door Genoil op 04-04-2004 14:29 ]

[Anoniem: 110091]

Ook even hierin plaatsen:

Een teaser: http://www.bushokje.org/5k/pacattack.html

Meer laat ik nog niet los

[Clay]

Ook ff een teaser dan

[crisp]

Het probleem met de border-versie is dat bijvoorbeeld IE geen transparante borders ondersteund; een 3D kubus ervan maken die werkt in IE zal dus niet gaan lukken...

Edit:
Clay: ik twijfel er niet aan dat jij zelfs met 5k nog een mooi visueel iets weet te produceren

[ Voor 25% gewijzigd door crisp op 04-04-2004 21:47 ]

[Twilight Burn]

Nieuwe WIP: http://www.nmotion.nl/ppdemo0
Een paar bugjes gefixed, en nu zitten er 3 levels in. In de final zullen het er nog veel meer zijn

[T-MOB]

crisp schreef op 04 april 2004 @ 20:20:
Het probleem met de border-versie is dat bijvoorbeeld IE geen transparante borders ondersteund; een 3D kubus ervan maken die werkt in IE zal dus niet gaan lukken...

't Is ook altijd hetzelfde met IE . Maargoed:dan maar transparante plaatjes

[André]

Zo, na een druk weekend de site weer bijgewerkt, er zijn inmiddels al 9 deelnemers die een WIP/Teaser hebben.

[Anoniem: 4364]

Hier m`n eerste 'Java'-wip;
big dripper

M`n idee; een soort van 'Jackson Pollock' teken ding.

[Genoil]

Anoniem: 4364 schreef op 05 april 2004 @ 14:50:
Hier m`n eerste 'Java'-wip;
big dripper

M`n idee; een soort van 'Jackson Pollock' teken ding.

hah dit is toch wel de WIP waar ik me tot nu toe het langst mee vermaakt heb. Ik zou het wel cool vinden als ik iets meer controle over m'n verf had

[Anoniem: 4364]

java-wip-part2 (bijna klaar voor mijn gevoel, voor vandaag dan.)
big dripper v.05
(updated - keybord; toggle (un)locks drawing-style. )

Voor mij nu, morgen/binnenkort, een ander ding proberen zoals in flash/shockwave..
En mischien op het laatst een dhtm/javascript ding?! De echte uitdaging...
(ALs ik tijd er voor vrij kan maken/zin/inspiratie.)

De deadline is kort en strak.. 14 april? - dus de rest van GOT.. doe je best

[Anoniem: 86363]

Anoniem: 4364 schreef op 05 april 2004 @ 19:51:
De deadline is kort en strak.. 14 april? - dus de rest van GOT.. doe je best

14 mei

[coubertin119]

14-05 is toch nog altijd 14 mei. Laat me niet zo schrikken de volgende keer .

[Anoniem: 4364]

ok. relax..
adem in en uit.
14 mei.

tjeez ik ging al bijna druk doen/'hyper/hyper' etc..

[ Voor 8% gewijzigd door Anoniem: 4364 op 05-04-2004 21:07 ]

[André]

10 deelnemers al, wie volgt...

[Anoniem: 29201]

* Anoniem: 29201 moet eerst nog even de "engine" hebben werken voordat hij een wip plaatst

Ben nog een heetje aan het knooien met het "horizontale scaling" (oid) gedeelte, maar dat wil al bijna Dus binnenkort gooi ik er ook wel een wipje op hoop ik.

[semicon]

wacco schreef op 02 april 2004 @ 18:28:
Ik vind het toch jammer dat sommige dingen ie-only zijn. Maar goed, misschien alleen omdat het WiPs zijn (toch? toch? toch? )

Ik zag dat semicon bijvoorbeeld 'A.innerHTML=g;' gebruikte, (A is een id van een <p>) en dat is wel lekker kort, maar firefox bakt er niks meer van. Als ik naar m'n eigen code kijk heb ik het idee dat ik op deze manier flink wat bytes kan besparen, maar dan wel ten koste van firefox. Beetje dubieus gevoel
Semicon: window.event.srcElement.id is ook ie-only, kweet alleen niet hoe je deze kan verbeteren zo snel... ik weet niet hoe firefox de parameters van een event mee geeft (volgens mij als variabele die je kan aangeven, maar dat pakte die niet meteen. een listener misschien? maar das meteen weer flink wat bytes erbij...)

Ikhebzitten proberen en proberen, maar kom er niet is ook mijn eerste keer DHTML hé, maar vindt het nog steeds leuk

[Clay]

* Clay is weer een flink end verder
De game werkt (verbazend wat voor ranzige truuks er te bedenken zijn ), de editor werkt bijna, nu moet ik alleen nog de laatste stap van ge'edit level naar het spelen ervan fixen. 40 levels wordt toch wat hooggegrepen, maar 30 lukt misschien nog

[André]

Clay schreef op 06 april 2004 @ 09:19:
* Clay is weer een flink end verder
De game werkt (verbazend wat voor ranzige truuks er te bedenken zijn ), de editor werkt bijna, nu moet ik alleen nog de laatste stap van ge'edit level naar het spelen ervan fixen. 40 levels wordt toch wat hooggegrepen, maar 30 lukt misschien nog

Ligt er ook aan hoeveel ruimte je nog over houd natuurlijk.

[semicon]

ik ben mijn dhtml kennis wat aan het opkrikken anders kom ik ook niet verder
Ik probeer nu eerst een object in een circel te laten draaien, zo te zien gaat het nog niet veilloos.

code:

var i = [],f;angle=0;
function Build() {
    p = document.createElement("div");
    p.style.borderLeftColor = "#00f";
    p.style.borderTopColor = "#00a";
    p.style.borderRightColor = "#00c";
    p.style.borderBottomColor = "#08f";
    p.style.borderLeftWidth = 50+'px';
    p.style.borderRightWidth = 50+'px';
    p.style.borderTopWidth = 50+'px';
    p.style.borderBottomWidth = 50+'px';
    p.style.left=200+'px'; 
    p.style.top=200+'px';
    document.body.appendChild(p);
    RoundEm();
}
function RoundEm() {
    if(angle>0 && angle<360) {
        p.style.left = (100+(Math.cos(angle*Math.PI/180)*20))+'px';
        p.style.top = (100+(Math.sin(angle*Math.PI/180)*20))+'px';
    }
    else{
        angle=0;
    }
    angle++;
    setTimeout("RoundEm()",10);
}

vast heel simpel

EDIT: yea heb hem nog ook! whoohoo, DHTML rox

[ Voor 18% gewijzigd door semicon op 06-04-2004 09:57 ]

[Pelle]

Hmm.. ik zie een verrassend grote overeenkomst tussen semicon's inzending en PellePaint

Which reminds me, die moet ik nog steeds weer es de lucht in trappen...

[André]

Pelle schreef op 06 april 2004 @ 10:17:
Hmm.. ik zie een verrassend grote overeenkomst tussen semicon's inzending en PellePaint

Which reminds me, die moet ik nog steeds weer es de lucht in trappen...

Is Pellepaint beneden de 5K dan?

[semicon]

Pelle schreef op 06 april 2004 @ 10:17:
Hmm.. ik zie een verrassend grote overeenkomst tussen semicon's inzending en PellePaint

Which reminds me, die moet ik nog steeds weer es de lucht in trappen...

Hoe moest ik nou weten dat jij ook zon 1337 idee had?

[Pelle]

Nou, dat hoor je gewoon te weten!!!!!

[rml][ js/css] pellePaint -> comments of verbeteringen?[/rml]/

Ga je weinig meer aan hebben overigens, het is allemaal offline. Maar het kwam er op neer dat ik ook iets had gebouwd waarmee je een 30x30 tekening kon maken, en die vervolgens kon saven (lokaal, in een cookie, of op de server als PNG-file), waarna mijn icon hier op GoT vervangen werd door de laatst getekende versie

Ik ben benieuwd of je er iets moois van kunt maken, het moet niet moeilijk zijn om mijn brakke dhtml-skills van toen te verbeteren

[André]

Pelle schreef op 06 april 2004 @ 10:32:

het moet niet moeilijk zijn om mijn brakke skills van toen te verbeteren

Neuh, dat moet wel lukken

[Pelle]

André, stfu en ga werken!!!

[semicon]

WTf, je hebt er heel wat tijd in gestoken zie ik, tot soms wel 4u snachts

Maarhe, aan de code's te zien wordt dat WEL een hele klus voor mij ja
Ik ben nog bezig met een aantal tutorials DHTML (en DOM ofzo)

Maar ik heb de tijd. Ik wil ondertussen wel wat WIP's zien kom op!

(* semicon heeft ontdekt dat je daar ook wat van kan opsteken )

[Clay]

* Clay gaat vanavond weer een teaser posten

ok en misschien een wip van de editor dan dat verraadt iig nog niet teveel van de game zelf

[Anoniem: 29201]

Ik heb hier wel een soort van wipje (pijltje links en rechts) van mijn mario kart wannabee.......

Kep alleen een probleem dat ik de lijnen die onderin komen te staan dikker wil hebben, zodat je het idee van perspectief krijgt. Kep dit al op een aantal verschillende manieren geprobeerd, maar het lukt maar niet.. Heeft één van jullie misschien een brilliant idee om er meer perpectief in te krijgen?

[Anoniem: 9542]

hij komt hier niet echt verder dan het laden van 95% van die 600 layers (volgens de statusbalk), dus geen idee wat er mis is

[André]

Ik heb hem toegevoegd aan de site.

Kun je gewoon de breedte + hoogte van de 'verste' stippen niet kleiner maken?

Anoniem: 9542 schreef op 06 april 2004 @ 19:45:
hij komt hier niet echt verder dan het laden van 95% van die 600 layers (volgens de statusbalk), dus geen idee wat er mis is

Bij mij ook (Firefox) maar met de pijltjes doet hij het wel.

[ Voor 51% gewijzigd door André op 06-04-2004 19:47 ]

[Anoniem: 29201]

Klopt dat er 95% komt te staan... Het stukje waarmee de divjes worden neergezet heb ik namelijk enigzins "geleend" van jou André , en daarna overigens compleet overhoop gehaald... Die percentages heb ik niet echt op gelet... d8 dat ik dat er al uit had gesloopt (overigens nu maar ffkes gedaan)

De divjes kan ik in breedte niet kleiner maken, want dan krijg je dus het volgende:

code:

[] [] [] [] [] [] 
[ ] [ ] [ ] [ ] [ ] [ ]
[   ] [   ] [   ] [   ] [   ] [   ]

En dan kun je ze wel opschuiven enzo.. maar toch wordt dat niet echt mooi... (kep het al eerder uitgeprobeerd, resultaat was niet als gewenst....

(als het goed is doet het progsel het nu in ff, ie en ns..)

[ Voor 3% gewijzigd door Anoniem: 29201 op 06-04-2004 20:30 ]

[André]

Ik heb het precies zo als jou:

code:

[] [] [] [] []
[ ] [ ] [ ] [ ] [ ]
[  ] [  ] [  ] [  ] [  ]

maar die moet je gewoon even centreren:

code:

     [] [] [] [] []
  [ ] [ ] [ ] [ ] [ ]
[  ] [  ] [  ] [  ] [  ]

[Anoniem: 29201]

Hmzzz.. als ik dan de achtergrond (body... of een grote div achter de kleine divs) groen maak, dan zou dat misschien wel kunnen werken idd... ga ik zo toch nog een keertje uitproberen! tnx!

(ohjah... ik had het trouwens de vorige keer op deze manier gedaan:

code:

[ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ] [ ]
[  ] [  ] [  ] [  ] [  ] [  ] [  ]
[   ] [   ] [   ] [   ] [   ] [   ] 
[    ] [    ] [    ] [    ] [    ] 
[     ] [     ] [     ] [     ] [     ]

Dus telkens divs bijvoegen tot ik een bepaalde breedte gevuld had (en dus niet centreren) maar dan komt er dus een verloop, dus vandaar dat het mis ging,

waarschijnlijk werkt jouw manier dus beter

[ Voor 72% gewijzigd door Anoniem: 29201 op 06-04-2004 20:32 ]

[Clay]

Teaser #2 In editmode kies je uit het onderste "lijstje" 1 van de 4 tile types, en daarmee edit je een speelbaar veld bij elkaar:


De 2e is een soort teleporter.

[T-MOB]

Clay schreef op 06 april 2004 @ 22:55:
Teaser #2 In editmode kies je uit het onderste "lijstje" 1 van de 4 tile types, en daarmee edit je een speelbaar veld bij elkaar:

[afbeelding]
De 2e is een soort teleporter.

Wat wordt het? DHTML-dave

[Anoniem: 4364]

flash WIP

1e opzetje van m`n flashbased 3D-engine

[Genoil]

Anoniem: 4364 schreef op 07 april 2004 @ 16:23:
flash WIP

1e opzetje van m`n flashbased 3D-engine

ziet er lekker uit, alleen knipperen de vlakken soms tussen twee kleuren heen en weer.

[djluc]

Anoniem: 4364 schreef op 07 april 2004 @ 16:23:
flash WIP
1e opzetje van m`n flashbased 3D-engine

Very nice
Ik heb alleen het idee dat ik met mijn muis er geen controle over heb. Als ik mijn muis omhoog beweeg gebeurt het soms dat het "object" omlaag gaat.

[Anoniem: 4364]

> Genoil / djluc
inderdaad het is nog een 1e wip..
(bijvoorbeeld soms zitten nu 2 vlakken op de zelfde plek, knipperen tot gevolg,
en rotatie is meer om te checken of het z-checken (painters algoritme) wel goed werkt, dwz. welk vlak moet ik als eerste/laatste tekenen, en heel af en toe geeft hij nog een render-bug.)

Ben nu bezig met de map/game-editor. (nu begint het pas..)

note: Voor de 5K contest wil ik met meerdere inzendingen komen; java/flash/ en wie weet nog meer. Zijn hier nog officiele regels voor?

[inquestos]

@ce;-ed: Gaat nog niet helemaal goed, zie hier bijvoorbeeld linksonder
(blauwe vlak over groene, ipv andersom). Is trouwens maar tijdelijk

[Anoniem: 4364]

inquestos> Inderdaad af en toe kleine render bugs.. gebruik nu de 'cheape' painters algorithm plus een quicksort. Ben nooit zover gekomen dat ik m`n eigen BSP ding heb geschreven (en verder/ 3D clipping etc.)

Ooit wel in java 'een per pixel' z-buffer routine geschreven, maar dat is niet echt bruikbaar in flash.

Anyway zie het als een 1`e WIP, en zo naar Clay te kijken.. het is pas spannend, wat er (mischien) komen gaat, zonder al te veel verklappen..

[ Voor 14% gewijzigd door Anoniem: 4364 op 07-04-2004 20:53 ]

[pagani]

Ik ga toch maar weer eens een poging wagen in Flash, ik ga proberen 5K Kuru Kuru Kururin te maken in Flash

[JeromeB]

Ik word een beetje krankzinnig van SVG. Ik wist dat de ondersteuning slecht was, maar zo slecht had ik nooit verwacht
- In eerste instantie werkte setTimeout niet. Ik ben een hele dag bezig geweest met het testen en zoeken naar een oplossing. Bleek uiteindelijk dat mijn plug-in geen goede ondersteuning bied voor DOM/ecmascript. De Adobe 3.0 plug-in werkte gelukkig wel goed.
- Een goede vervanging voor 'document.documentElement.clientWidth' heb ik niet kunnen vinden. Ik heb het nu tijdelijk opgelost met 'window.innerWidth'
- Nu ben ik toch een eindje op weg en wil dus graag een WIP plaatsen. Blijkt dat mijn host (planet) de pagina serveert als text/html (dat denk ik tenminste) waardoor je weer een vage fout krijgt en waardoor het niet werkt.



http://home.planet.nl/~bos03790/quarkanoid.svg


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

Verder ben ik erg onder de indruk van de anderen.

[Anoniem: 4364]

Mischien handig om een url te vermelden, waar je door jou gebruikte plugins zijn down te loaden.

get your plugins @;

flash
shockwave
svg
java

vrml (iemand die dit gaat gebruiken?)

[Dark Blue]

Clay schreef op 06 april 2004 @ 22:55:
Teaser #2 In editmode kies je uit het onderste "lijstje" 1 van de 4 tile types, en daarmee edit je een speelbaar veld bij elkaar:

[afbeelding]
De 2e is een soort teleporter.

Goodness, gaat dit een soort van JetPack worden?

[Clay]

Nee het wordt eigenlijk best saai da's het linke van teasers die nix weggeven schept te hoge verwachtingen

[T-MOB]

Even een JS-vraagje tussendoor. Hoe handelt JS conditionele statements af?

code:

if(q==0 && math.random() < 0.1) { // bla, bla }

tegen

code:

if(q==0){ if (math.random() <0.1) { //bla, bla }}

Beide regels doen hetzelfde. Ik heb nu de laatste staan omdat ik denk dat het performance scheelt. (geen random getal als q gelijk is aan 0).
Maar het zou kunnen dat er niet meer naar de conditie achter de && wordt gekeken als de eerste conditie al false is. Weet iemand hoe dit wordt afgehandeld?

[Clay]

volgens mij klapt de if eruit zodra er iets niet klopt. dit b.v.

code:

if(false && fiets.melp.woei) {
   alert();
}

zou anders ook een vette error moeten geven, en dat doet het niet fiets.melp.woei wordt dus nooit opgevraagd.

[chris]

Anoniem: 110091 schreef op 04 april 2004 @ 19:02:
Ook even hierin plaatsen:

Een teaser: http://www.bushokje.org/5k/pacattack.html

Meer laat ik nog niet los

ik zou alleen dan je inzending ff in een andere directory plaatsen als je verder nog niets los wil laten...

[T-MOB]

Clay schreef op 11 april 2004 @ 20:24:
volgens mij klapt de if eruit zodra er iets niet klopt. dit b.v.
[knip..]
zou anders ook een vette error moeten geven, en dat doet het niet fiets.melp.woei wordt dus nooit opgevraagd.

Aha, thx!
* T-MOB bedenkt zich dat ie het ook zelf had kunnen testen

[Anoniem: 110091]

chris schreef op 11 april 2004 @ 20:26:
[...]
ik zou alleen dan je inzending ff in een andere directory plaatsen als je verder nog niets los wil laten...

Hoe heb ik meer los gelaten dan dat ik wilde? en hoe weet je dat zeker?

[chris]

Anoniem: 110091 schreef op 12 april 2004 @ 21:15:
[...]

Hoe heb ik meer los gelaten dan dat ik wilde? en hoe weet je dat zeker?

notice de 'als'.

Maar mensen, het ziet er goed uit, echt vette shit hoor!

[Twilight Burn]

Nog een teasertje/WIPje van mijn kant, een "help" file met hoe het (hopelijk) allemaal gaat worden

[André]

Mooi WIPje, zijn er nog meer mensen die mee gaan doen en al wat hebben

[Anoniem: 70801]

Twilight Burn: Geniaal mooi! Alleen één opmerking over de magic box. Die linker twee witte kruisjes vind ik er niet zo mooi uitzien. De rechter twee daarentegen wel. (en er zitten wat grammatica fouten in die tekst)

[Twilight Burn]

Anoniem: 70801 schreef op 13 april 2004 @ 08:59:
Twilight Burn: Geniaal mooi! Alleen één opmerking over de magic box. Die linker twee witte kruisjes vind ik er niet zo mooi uitzien. De rechter twee daarentegen wel. (en er zitten wat grammatica fouten in die tekst)

Gramaticaal is mijn Engels niet altijd even goed, dus als je verbeteringen weet, zeg het even Over die magic box - in de game is die animated en dan ziet hij er stukken beter uit.

[Skaah]

*lurkpost*

[Clay]

* Clay is eigenlijk zga klaar
nou wordt het nog wat verder optimisen, levels maken, en extra features toevoegen voor zover de K's het toestaan.

[André]

Ik heb de 'engine' staan maar moet nu het spel gaan uitbouwen met features die het leuk maken.

[JeroenB]

Trouwens, waarom mogen er geen .NET applets? Die kunnen net als Java applets ook in de browser.

En ja, daar is het .NET Framework voor nodig, maar voor een Java applet is een JVM nodig (is exact hetzelfde!), het is ook nog eens IE-only op het moment, maar dat mag volgens de regels (XUL werkt tenslotte ook niet op alle browsers!)