using angles we can fake sorting order of our zylon fighter. Using ellipse rendering for the cockpit we can get a very nice 3d effect. Wings are made of simple hexagons with some line rendering. Its modular.
render a few hundred in a bizarre sin/cos pattern field.
step 3. fragment the ship as though destroyed .. fun stuff
A Pen by Andi Smithers on CodePen.
| <body> | |
| <canvas id="texteffect"></canvas> | |
| </body> |
| j<body> | |
| <canvas id='test'></canvas> | |
| </body> |
This is the frame work game for star-raiders remake in pure html 5 canvas. Oh yes we could make this in webGL but whats the fun of that. More interesting to see what we can render in 3D without using a 3D rendering api.
controls are based on touch screen as well for ipads etc, keyboard short cuts will be available however mapping to the originals.
version 0.1 Forked Galactic Scanner and added buttons hud items. This means that AI works for tokens on scanner and we can populate locals with enemys now.
version 0.2 Long Range Scanner. This gives enemies in local space and a means to align and target those enemies
| j<body> | |
| <canvas id='test'></canvas> | |
| </body> |
Taking the icosahedron we deform the vertices randomly for each asteriod giving a unique shape to each one. We then give it some rotational component and then collide them with each other to create a nice bouncing action.
version 0.2 allow morphing greater a safe value which now can cause concave issues.
version 0.3 timer to spawn a new random field. Tied into the same structures as the long range scanner.
A Pen by Andi Smithers on CodePen.
Started off as something else but now its a marble earth kind of thing. will be my star-raiders starbase
can do a lot more with the hemisphere rendering. If I have time can show gold ring, shadows and moons etc.. all cool stuff.
might make a solar system flyby once star-raiders is finished
version 0.2 added canvas rotate / translate to rotate around the y axis