Canvas

[MadsHaupt]

Jeg er ved at lave et spil med canvas med en player, men man kan jo ikke placere en canvas i en canvas.

Hvad gør jeg?.

[MadsHaupt]

Jeg har fundet ud af det.

Kode:

Kode: Vælg alt

<div style="width: 500px; height: 500px; position: relative;">
    <canvas id="canvas" width="500px" height="500px"></canvas>
    <canvas id="player" width="20px" height="20px" style="position: absolute; left: 20px; top: 20px;"></canvas>
</div>

[ThomasI]

Super!

og tak fordi du delte koden med os andre!

[scootergrisen]

Ville det ikke være bedre og tegne alt sammen på samme canvas ?

[MadsHaupt]

Hvordan skulle jeg gøre det så man kan flytte playeren?.

[scootergrisen]

Det kan du gøre i Javascript.

Så tegner du baggrunden først også playeren oven på.
Også når vil flytte playeren så tegner du baggrunden igen også playeren igen på den nye positon.

Jeg ville også gerne lave et spil eller noget på canvas men jeg er ikke speciel god til det endnu.

Men jeg har lavet den her hvor en markør flyttes rundt med musen som lige så godt kunne være en player : http://netkoder.dk/test/test0215.html

Så er der en der har lavet det her spil som jeg har lavet lidt om på : http://netkoder.dk/test/cubedefender/cubedefender.html