Graal Forums

Graal Forums (https://forums.graalonline.com/forums/index.php)
-   Code Gallery (https://forums.graalonline.com/forums/forumdisplay.php?f=179)
-   -   GS2 3D Raycaster (https://forums.graalonline.com/forums/showthread.php?t=134270428)

Gunderak 11-23-2016 10:40 AM
GS2 3D Raycaster
 
4 Attachment(s)
There are a few things that need to be fixed/improved, I never fully finished sprite rendering (it sort of works lol).

Feel free to build on this, or play around with it etc.

https://embed.gyazo.com/5a4818b46b41...d7759cc4ea.gif

I had some floor rendering, but it was extremely laggy as I couldn't access the image buffer directly.
https://embed.gyazo.com/e88d25d64e52...c087d196b5.png

PHP Code:
function onCreated(){
  findplayer("Gund").addweapon(this);  //Change to your name
}
//#CLIENTSIDE
function onCreated(){
  this.maxlooplimit = 2000000;
  sleep(1);
  this.map = {
    {4,4,4,2,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4,4},
    {1,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,1},
    {3,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,1},
    {2,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,1},
    {1,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,1},
    {1,0,2,3,2,1,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,1},
    {1,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,3,0,0,0,0,0,0,0,1},
    {1,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,5},
    {1,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,5},
    {1,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,5},
    {1,0,0,0,0,3,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,5},
    {1,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,5},
    {1,0,0,0,0,0,0,0,0,0,0,1,0,0,3,0,0,0,0,0,0,0,0,0,5},
    {1,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,5},
    {1,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,5},
    {1,0,0,4,0,0,0,0,0,0,4,1,0,0,0,0,0,0,0,4,0,0,0,0,5},
    {1,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,5},
    {1,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,5},
    {1,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,5},
    {1,0,0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,5},
    {1,0,0,0,0,0,2,0,0,0,0,1,0,0,0,0,0,0,0,0,0,0,0,0,1},
    {1,0,0,0,0,0,0,0,0,0,0,1,0,0,2,0,0,0,0,0,0,0,0,0,1},
    {1,0,0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0,0,0,0,0,0,0,1},
    {1,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,1},
    {1,1,1,1,1,1,2,3,4,5,6,7,8,1,1,1,1,1,1,1,1,1,1,1,1},
  };
  this.sprites = {
    {"bomb.png", 1, 3},
    {"door.png", 3, 1},
  };
  this.texturewidth = 64;
  this.w = 700;
  this.zbuffer = new[this.w];
  this.h = 500;
  this.off = {screenwidth/2 - this.w/2, screenheight/2 - this.h/2};
  this.off = {70, 70};
  this.mapwidth = this.map[0].size();
  this.mapheight = this.map.size();
  this.posx = 4;
  this.posy = 3;
  this.dirx = -1;
  this.diry = 0;
  this.planex = 0.221;
  this.planey = 0.5;
  this.time = 0;
  this.steps = 0;
  this.smode = -4;
  this.wallcheck = 8;
  temp.rotspeed = 0.08;
  this.ntrig = {sin(temp.rotspeed), cos(temp.rotspeed)};
  this.trig = {sin(-temp.rotspeed), cos(-temp.rotspeed)};
  if(isobject("3D_R_GUN")){
    (@"3D_R_GUN").destroy();
  }
  if(isobject("Gunderak_3D")){
    (@"Gunderak_3D").destroy();
  }
  //return;
  new GuiDrawingPanel("Gunderak_3D"){
    useownprofile = true;
    profile.fontcolor = "#FFFFFF";
    width = thiso.w;
    height = thiso.h;
    x = thiso.off[0];
    y = thiso.off[1];
    clearall();
  }
  onTimeout();
}
function sqrt(n) { 
  return n^0.5; 
}
function onTimeout(){
  Gunderak_3D.drawimagestretched(0, 0, this.w, this.h/2, "gunderak_sky.png", 0, 0, 1, 1);
  Gunderak_3D.drawimagestretched(0, this.h/2, this.w, this.h/2, "gunderak_floor.png", 0, 0, 1, 1);
  for(temp.x = 0; temp.x < this.w; temp.x ++){
    temp.camerax = 2 * temp.x/this.w -1;
    temp.rayposx = this.posx;
    temp.rayposy = this.posy;
    temp.raydirx = this.dirx + this.planex * temp.camerax;
    temp.raydiry = this.diry + this.planey * temp.camerax;
    temp.mapx = int(temp.rayposx);
    temp.mapy = int(temp.rayposy);
    temp.sidedistx = 0;
    temp.sidedisty = 0;
    temp.deltadistx = sqrt(1 + (temp.raydiry * temp.raydiry)/(temp.raydirx * temp.raydirx));
    temp.deltadisty = sqrt(1 + (temp.raydirx * temp.raydirx)/(temp.raydiry * temp.raydiry));
    temp.perpwalldist = 0;
    temp.stepx = 0;
    temp.stepy = 0;
    temp.hit = 0;
    temp.side = 0;
    if(temp.raydirx < 0){
      temp.stepx = -1;
      temp.sidedistx = (temp.rayposx - temp.mapx)*temp.deltadistx;
    }else{
      temp.stepx = 1;
      temp.sidedistx = (temp.mapx + 1 - temp.rayposx) * temp.deltadistx;
    }
    if(temp.raydiry < 0){
      temp.stepy = -1;
      temp.sidedisty = (temp.rayposy - temp.mapy) * temp.deltadisty;
    }else{
      temp.stepy = 1;
      temp.sidedisty = (temp.mapy + 1 - temp.rayposy) * temp.deltadisty;
    }
    temp.count = 0;
    while(temp.hit == 0){
      temp.count ++;
      if(temp.sidedistx < temp.sidedisty){
        temp.sidedistx += temp.deltadistx;
        temp.mapx += temp.stepx;
        temp.side = 0;
      }else{
        temp.sidedisty += temp.deltadisty;
        temp.mapy += temp.stepy;
        temp.side = 1;
      }
      if(this.map[temp.mapx][temp.mapy] > 0){
        temp.hit = 1;
      }
    }
    if(temp.side == 0){
      temp.perpwalldist = abs((temp.mapx - temp.rayposx + (1 - temp.stepx)/2)/temp.raydirx);
    }else{
      temp.perpwalldist = abs((temp.mapy - temp.rayposy + (1 - temp.stepy)/2)/temp.raydiry);
    }
    temp.lineheight = int(this.h/temp.perpwalldist);
    temp.drawstart = (-temp.lineheight/2) + (this.h/2);
    temp.drawend = (temp.lineheight/2)  + (this.h/2);
    temp.t = this.map[temp.mapx][temp.mapy]-1;
    temp.wallx = 0;
    if(temp.side == 0){
      temp.wallx = temp.rayposy + temp.perpwalldist * temp.raydiry;
    }else{
      temp.wallx = temp.rayposx + temp.perpwalldist * temp.raydirx;
    }
    temp.wallx -= int(temp.wallx);
    temp.texx = int(temp.wallx *  this.texturewidth);
    if(temp.side == 0 && temp.raydirx > 0){
      temp.texx = this.texturewidth - temp.texx - 1;
    }
    if(temp.side == 1 && temp.raydiry < 0){
      temp.texx = this.texturewidth - temp.texx - 1;
    }
    temp.texx = this.texturewidth - temp.texx - 1;
    temp.c = {1, 1, 1};
    if(temp.side == 1){
      temp.c = {0.65, 0.65, 0.65};
    }
    temp.h = temp.drawend - temp.drawstart;
    Gunderak_3D.drawimagestretched(temp.x, temp.drawstart, 1, temp.h, "wolftextures.png", temp.texx+(thiso.texturewidth*temp.t), 0, 1, this.texturewidth);
    this.zbuffer[temp.x] = temp.perpwalldist;
  }
    for(temp.sprite : this.sprites){
      temp.spi = temp.sprite[0];
      temp.spx = temp.sprite[1] - this.posx;
      temp.spy = temp.sprite[2] - this.posy;
      temp.invdet = 1/(this.planex * this.diry - this.dirx * this.planey);
      temp.transformx = temp.invdet * (this.diry * temp.spx - this.dirx * temp.spy);
      temp.transformy = temp.invdet * (-this.planey * temp.spx + this.planex * temp.spy);
      temp.spritescreenx = int((this.w/2) * (1 + temp.transformx / temp.transformy));
      temp.spriteheight = abs(int(this.h / temp.transformy));
      temp.drawstarty = -temp.spriteheight/2 + this.h/2;
      if(temp.drawstarty < 0){
        temp.drawstarty = 0;
      }
      temp.drawendy = temp.spriteheight/2 + this.h/2;
      if(temp.drawendy >= this.h){
        temp.drawendy = this.h -1;
      }
      temp.spritewidth = abs(int(this.h/temp.transformy));
      temp.drawstartx = -temp.spritewidth/2 + temp.spritescreenx;
      if(temp.drawstartx < 0){
        temp.drawstartx = 0;
      }
      temp.drawendx = temp.spritewidth/2 + temp.spritescreenx;
      if(temp.drawendx >= this.w){
        temp.drawendx = this.w -1;
      }
      for(temp.tx = temp.drawstartx; temp.tx < temp.drawendx; temp.tx ++){
        temp.texx = int(temp.tx - (-temp.spritewidth/2 + temp.spritescreenx) * 32 / temp.spritewidth);
        temp.texx = 0;
        //Buggggs ugh
        if(temp.transformy > 0 && temp.tx > 0 && temp.tx < this.w && temp.transformy < this.zbuffer[temp.tx]){
          temp.sh = temp.drawendy - temp.drawstarty;
          Gunderak_3D.drawimagestretched(temp.tx, temp.drawstarty, 1, temp.sh, temp.spi, temp.texx, 0, 1, 32);
        }
      }
    }
  temp.ms = 0.1;
  if(keydown(1)){
    temp.olddirx = this.dirx;
    this.dirx = this.dirx * this.ntrig[1] - this.diry * this.ntrig[0];
    this.diry = temp.olddirx * this.ntrig[0] + this.diry * this.ntrig[1];
    temp.oldplanex = this.planex;
    this.planex = this.planex * this.ntrig[1] - this.planey * this.ntrig[0];
    this.planey = temp.oldplanex * this.ntrig[0] + this.planey * this.ntrig[1];
  }
  if(keydown(3)){
    temp.olddirx = this.dirx;
    this.dirx = this.dirx * this.trig[1] - this.diry * this.trig[0];
    this.diry = temp.olddirx * this.trig[0] + this.diry * this.trig[1];
    temp.oldplanex = this.planex;
    this.planex = this.planex * this.trig[1] - this.planey * this.trig[0];
    this.planey = temp.oldplanex * this.trig[0] + this.planey * this.trig[1];
  }
  if(keydown(2)){
    this.steps += this.smode;
    if(this.map[int(this.posx - this.dirx * temp.ms*this.wallcheck)][int(this.posy)] == 0){
       this.posx -= this.dirx * temp.ms;
    }
    if(this.map[int(this.posx)][int(this.posy - this.diry * temp.ms*this.wallcheck)] == 0){
      this.posy -= this.diry * temp.ms;
    }
  }
  if(keydown(0)){
    this.steps += this.smode;
    if(this.map[int(this.posx + this.dirx * temp.ms*this.wallcheck)][int(this.posy)] == 0){
       this.posx += this.dirx * temp.ms;
    }
    if(this.map[int(this.posx)][int(this.posy + this.diry * temp.ms*this.wallcheck)] == 0){
      this.posy += this.diry * temp.ms;
    }
  }
  if(this.steps > 10){
    this.smode = -4;
  }
  if(this.steps < 1){
    this.smode = 4;
  }
  temp.so = int(this.steps);
  new GuiBitmapCtrl("3D_R_GUN") {
    x = thiso.off[0] + thiso.w/2 - 35;
    y = thiso.off[1] + thiso.h - 64;
    bitmaprectangle = {0,0,81,92 - thiso.steps};
    bitmap = "gunderak_3d_gun.png";
    thiso.catchevent(this, "onMouseDown", "onFireGun");
  }
  settimer(0.05);
}
function onFireGun(){
  //player.chat = "bang!";
} 

Gunderak 11-23-2016 10:42 AM
Hit the character limit on that post, I used this tutorial: http://lodev.org/cgtutor/raycasting.html
It was written in C++, and I ported it to GS2.

There are two attachments named gunderak_sky.png and gunderak_floor.png, they are just 1x1 images, blue and gray respectively.
Best of luck clicking them.

My desire is to have people learn from this, and possibly build some minigames in GS2! As I don't have the time anymore to do this.

xXziroXx 11-23-2016 01:06 PM
Nice work, but a few things that would optimize it and probably make it run a lot smoother:

- You don't seem to be clearing the drawing panel each cycle? Means you're drawing an insane amount of stuff in the drawing panel that should drop fps more and more the longer you run it.

- Instead of redrawing the world every 0.05 cycle, check if the player has moved or tilted his viewpoint and only redraw the world if required. Would increase fps by loads!


I bet if you did both of the above, drawing floors wouldn't be that laggy either.

Crow 11-23-2016 07:19 PM
Quote:
Originally Posted by xXziroXx (Post 1740409)
- You don't seem to be clearing the drawing panel each cycle? Means you're drawing an insane amount of stuff in the drawing panel that should drop fps more and more the longer you run it.
Isn't the drawing panel simply a buffer? If it is, not clearing it is the preferred method, as clearing a buffer is costly. Since you're filling it entirely again anyway, you don't have to clear it.

xXziroXx 11-23-2016 07:38 PM
Quote:
Originally Posted by Crow (Post 1740411)
Isn't the drawing panel simply a buffer?
I have no idea to be honest.

Crono 11-23-2016 11:32 PM
doom graal? :D

PlanetOscar 11-23-2016 11:49 PM
next rush b cyka blyat game?

Gunderak 11-24-2016 01:29 PM
Quote:
Originally Posted by Crono (Post 1740415)
doom graal? :D
If I had more spare time maybe!
This is the second time you've mentioned that idea haha

Crono 11-24-2016 02:32 PM
ok graalenstein 3d? :D

Kamaeru 11-24-2016 06:05 PM
It's really a shame Graal's frame rate is capped at 20fps.

For comparison many Atari, NES, SNES games, etc run at 60fps.

Crono 11-24-2016 09:28 PM
Quote:
Originally Posted by Kamaeru (Post 1740421)
It's really a shame Graal's frame rate is capped at 20fps.

For comparison many Atari, NES, SNES games, etc run at 60fps.
so do new consol- oh wait they dont. :(

LimetasticSlushy 11-25-2016 07:38 AM
Quote:
Originally Posted by PlanetOscar (Post 1740416)
next rush b cyka blyat game?
If someone could figure out how to make Counter-Strike in Graal, I'd certainly be impressed.

PlanetOscar 11-25-2016 10:43 AM
Quote:
Originally Posted by Kamaeru (Post 1740421)
It's really a shame Graal's frame rate is capped at 20fps.

For comparison many Atari, NES, SNES games, etc run at 60fps.
Alpho was (and maybe still is) working on something that would enable him to do something in 60 fps :D

Kamaeru 11-25-2016 05:17 PM
Quote:
Originally Posted by PlanetOscar (Post 1740425)
Alpho was (and maybe still is) working on something that would enable him to do something in 60 fps :D
What's even worse is that npc-server seems to only operate at 10fps. lol

Crono 11-25-2016 06:15 PM
Quote:
Originally Posted by Kamaeru (Post 1740426)
What's even worse is that npc-server seems to only operate at 10fps. lol
the other 10 is reserved for flying technology :pluffy:

Gunderak 11-26-2016 12:04 PM
Quote:
Originally Posted by xXziroXx (Post 1740409)
Nice work, but a few things that would optimize it and probably make it run a lot smoother:

- You don't seem to be clearing the drawing panel each cycle? Means you're drawing an insane amount of stuff in the drawing panel that should drop fps more and more the longer you run it.

- Instead of redrawing the world every 0.05 cycle, check if the player has moved or tilted his viewpoint and only redraw the world if required. Would increase fps by loads!


I bet if you did both of the above, drawing floors wouldn't be that laggy either.
With the not rendering unless movement is inputted, could potentially increase the speed, not sure though..


Quote:
Originally Posted by Crow (Post 1740411)
Isn't the drawing panel simply a buffer? If it is, not clearing it is the preferred method, as clearing a buffer is costly. Since you're filling it entirely again anyway, you don't have to clear it.
This is exactly what I thought.


Quote:
Originally Posted by PlanetOscar (Post 1740425)
Alpho was (and maybe still is) working on something that would enable him to do something in 60 fps :D
Would have to be something external.

DustyPorViva 11-27-2016 01:32 AM
DrawingPanels are indeed a buffer so no you don't need to clear it before drawing more. Also even if Graal ran at 60fps I doubt you'd be able to achieve that with custom render engines like this... so even 60fps Graal running this would at most probably achieve 20fps.

Have you experimented with many output methods? I first tried mode7 rendering with a drawingpanel and even very small resolutions had pretty poor performance. If you haven't tried, rendering with showimgs might give better performance. However admittedly I wasn't running a render per every horizontal line(assuming that's your method). However you might be able to get away with rendering much less if you do some math with showpoly's(since you can apply textures to them).

Gunderak 01-10-2017 10:52 AM
Quote:
Originally Posted by DustyPorViva (Post 1740429)
DrawingPanels are indeed a buffer so no you don't need to clear it before drawing more. Also even if Graal ran at 60fps I doubt you'd be able to achieve that with custom render engines like this... so even 60fps Graal running this would at most probably achieve 20fps.

Have you experimented with many output methods? I first tried mode7 rendering with a drawingpanel and even very small resolutions had pretty poor performance. If you haven't tried, rendering with showimgs might give better performance. However admittedly I wasn't running a render per every horizontal line(assuming that's your method). However you might be able to get away with rendering much less if you do some math with showpoly's(since you can apply textures to them).
I haven't tried with showimgs or showpolys yet, since I left Zone iPhone I also have no where to test code on either :\
Would be interesting to see if it's any better performance wise.
I also wanted to implement sprites, never got around to that since I was usually busy working on either the in-game forum or VIP items etc...

LebJoe 01-17-2017 05:23 PM
Very nice work! Keep it up Gund! I wish it could run faster but.. this is Graal X.X

Crono 01-20-2017 05:16 PM
Quote:
Originally Posted by LebJoe (Post 1740822)
Very nice work! Keep it up Gund! I wish it could run faster but.. this is Graal X.X
3D will fix it w/ 60fps!

unixmad 01-21-2017 01:15 AM
If anyone have fun projects like this, I will be happy to offer a free server to play with.

A new client for iOS and Android is on testing and should be released in 3 weeks, you will be able to do 60fps with it and any server will be able to use it.

Gunderak 01-21-2017 03:36 AM
Quote:
Originally Posted by unixmad (Post 1740846)
If anyone have fun projects like this, I will be happy to offer a free server to play with.

A new client for iOS and Android is on testing and should be released in 3 weeks, you will be able to do 60fps with it and any server will be able to use it.
Sounds interesting..
Any chance I could take you up on that offer?

unixmad 01-22-2017 05:14 AM
Sure, contact me py PM or Email (unixmad at graalonline.com)

Quote:
Originally Posted by Gunderak (Post 1740847)
Sounds interesting..
Any chance I could take you up on that offer?

LimetasticSlushy 01-22-2017 09:11 PM
Quote:
Originally Posted by unixmad (Post 1740854)
Sure, contact me py PM or Email (unixmad at graalonline.com)
I'll shoot you an email on a somewhat related matter while I'm at it as well.

Megiddo 01-26-2017 08:13 AM
Quote:
Originally Posted by unixmad (Post 1740846)
If anyone have fun projects like this, I will be happy to offer a free server to play with.

A new client for iOS and Android is on testing and should be released in 3 weeks, you will be able to do 60fps with it and any server will be able to use it.
Will PC client get this update as well? :)

LebJoe 02-16-2017 04:47 PM
Quote:
Originally Posted by unixmad (Post 1740846)
A new client for iOS and Android is on testing and should be released in 3 weeks, you will be able to do 60fps with it and any server will be able to use it.
Well, it is nice to see you working on new great projects for Graal.
I've got a question, is the client for iOS and Android is going to be like the Graal PC client but an Android & iOS version?

Quote:
Originally Posted by unixmad (Post 1740846)
If anyone have fun projects like this, I will be happy to offer a free server to play with.
I'll shoot you an email once I've got spare time for this kind of Graal Projects.

Crono 02-16-2017 07:42 PM
Quote:
Originally Posted by Megiddo (Post 1740870)
Will PC client get this update as well? :)
hope so :redface:

Crono 05-04-2017 11:07 AM
Quote:
Originally Posted by unixmad (Post 1740846)
If anyone have fun projects like this, I will be happy to offer a free server to play with.

A new client for iOS and Android is on testing and should be released in 3 weeks, you will be able to do 60fps with it and any server will be able to use it.
its been 3 months, any news?


All times are GMT +2. The time now is 08:11 PM.

Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2026, vBulletin Solutions Inc.
Copyright (C) 1998-2019 Toonslab All Rights Reserved.