BlockOut in JavaScript/HTML5

General Discussions about Blockout.

Post Reply

Did you like this CubeOut version?

Yes
1
100%
Ok
0
No votes
No
0
No votes
 
Total votes: 1

User avatar
MagI
Posts: 33
Joined: Sat Jan 18, 2020 9:32 am
Location: Sweden , Skåne , Hjärnarp
Contact:

BlockOut in JavaScript/HTML5

Post by MagI »

Hi.

I have found a BlockOut version in HTML5 and JavaScript that work just fine.

https://alteredqualia.com/cubeout/

I have now my own BlockOut on GitHub to develope.

https://jlivingstonsg.github.io/blockout-1/

I have set higher rotation speed in my version now and changed color to original green on lines down in grid.
Can not yet change the level lines in grid to change to green.

I will try to make it look more like the original with score upload to world ranking webpage and Google sheet with user name or Facebook name connected to the score upload.

https://blockout.nu

This is really nice... :mrgreen:

Regards MagI
Last edited by MagI on Mon Apr 05, 2021 3:06 am, edited 4 times in total.
User avatar
MagI
Posts: 33
Joined: Sat Jan 18, 2020 9:32 am
Location: Sweden , Skåne , Hjärnarp
Contact:

Re: BlockOut in HTML5

Post by MagI »

---

Now there is a green grid net in the well and you can change rotation speeds.
And a scoreboard work ok now.
https://jlivingstonsg.github.io/BlockOut/


If you want to help to make this look like the original BlockOut from 1989 please fork from GitHub and start coding away.
https://github.com/jlivingstonsg/BlockOut

Regards Magnus
User avatar
MagI
Posts: 33
Joined: Sat Jan 18, 2020 9:32 am
Location: Sweden , Skåne , Hjärnarp
Contact:

Re: BlockOut in HTML5

Post by MagI »

--

Now it looks more like the original.

https://jlivingstonsg.github.io/BlockOut/

Do you think it is ok to play with?
Is it fast enough?

If you want to help make it look and work as the original ,
and add a "World scoreboard", as the Blockout2 have , then here is the code.
https://github.com/jlivingstonsg/BlockOut


MagI
User avatar
MagI
Posts: 33
Joined: Sat Jan 18, 2020 9:32 am
Location: Sweden , Skåne , Hjärnarp
Contact:

Re: BlockOut in HTML5

Post by MagI »

--

I now have some code for a online BlockOut2 version with its server world ranking scoreboard on my own server.
https://gamereality.se/blockout/index.php

If you want to help develop this so it look and work more like the original just make a fork from the code on GitHub and help us.
https://github.com/jlivingstonsg/BlockOut

I will soon set up a link to the BlockOut2 code on GitHub.

MagI
Last edited by MagI on Fri Sep 04, 2020 11:58 pm, edited 3 times in total.
User avatar
MagI
Posts: 33
Joined: Sat Jan 18, 2020 9:32 am
Location: Sweden , Skåne , Hjärnarp
Contact:

Re: BlockOut in HTML5

Post by MagI »

--

Do anybody know when drop speed increase with different well settings?
My version do not increase in speed so I need to code it.
https://blockout.nu

Do anybody have the information on the original blockout on how the game works ?

MagI
Last edited by MagI on Mon Apr 05, 2021 3:07 am, edited 3 times in total.
User avatar
MagI
Posts: 33
Joined: Sat Jan 18, 2020 9:32 am
Location: Sweden , Skåne , Hjärnarp
Contact:

Re: BlockOut in JavaScript/HTML5

Post by MagI »

..

Now the game increase in level after every 50 blocks.
https://blockout.nu

MagI
----
Last edited by MagI on Mon Apr 05, 2021 3:07 am, edited 2 times in total.
User avatar
MagI
Posts: 33
Joined: Sat Jan 18, 2020 9:32 am
Location: Sweden , Skåne , Hjärnarp
Contact:

Re: BlockOut in JavaScript/HTML5

Post by MagI »

--

I hope all bugs are fixed now.
Here is a new link.
https://blockout.nu

Please tell me if there is anything you want to change.

I will try to make it look and work just as the original BlockOut from 1989 if I just could get more information on exactly how it works.
So this is for a browser with score both in cookies in your browser,
and on a SQL server scoreboard, like in the BlockOut2 .


MagI

---
Last edited by MagI on Mon Apr 05, 2021 3:07 am, edited 1 time in total.
User avatar
MagI
Posts: 33
Joined: Sat Jan 18, 2020 9:32 am
Location: Sweden , Skåne , Hjärnarp
Contact:

Re: BlockOut in JavaScript/HTML5

Post by MagI »

--

Now all players score is saved in cookie and sql scoreboard.
I will do login so people can have his own gamer name.

https://blockout.nu

What do you think?
It work quite ok and people do not need to download it to play to save score.

I need help to make it work just like BlockOut2 and get the upload score with all data to be able to sort out fake scores and so on.
Please fork from GitHub and help me.
This is a lot of work and I want it to be just like Blockout2.


Magi
Last edited by MagI on Mon Apr 05, 2021 3:07 am, edited 1 time in total.
User avatar
MagI
Posts: 33
Joined: Sat Jan 18, 2020 9:32 am
Location: Sweden , Skåne , Hjärnarp
Contact:

Re: BlockOut in JavaScript/HTML5

Post by MagI »

---

Hi.

I now have my BlockOut to work on phones.
https://blockout.nu

Open it in browser on phone.
Set it to "Desktop site" in your phone browser.
Turn your phone to lay on one side "landscape view".
Center the game area.
Set game options left and right.
Tap above "Browser High Scores"
The screen is split in three swipe parts.
The right side is to swipe cubes left/right/up/down.
The left side is split in a top 2/3 of hight area and swipe rotate cubes.
The lower 1/3 left swipe area, make cubes rotate clock/anticlockwise.

Is it ok?

Regards MagI
Last edited by MagI on Mon Apr 05, 2021 3:08 am, edited 1 time in total.
User avatar
MagI
Posts: 33
Joined: Sat Jan 18, 2020 9:32 am
Location: Sweden , Skåne , Hjärnarp
Contact:

Re: BlockOut in JavaScript/HTML5

Post by MagI »

--


Here is a Youtube video on how to play it on your phone with swipe control.
https://www.youtube.com/watch?v=VVtXTV5iEeM

What do you BlockOut people think?

Regards MagI
User avatar
MagI
Posts: 33
Joined: Sat Jan 18, 2020 9:32 am
Location: Sweden , Skåne , Hjärnarp
Contact:

Re: BlockOut in JavaScript/HTML5

Post by MagI »

--
Hi.

If you want to learn the code to BlockOut, then I have it here on Gitpod for you to play with
and it also run the game there to test your code changes.

https://gitpod.io/#https://gitlab.com/a ... C/BlockOut

If you want to help me to develop the Browser version in JavaScript
https://blockout.nu
to work like the BlockOut2 version to get scam test and other things, then just get back to me.
I have the browser BlockOut code on GitHub.

Regards MagI
-----
Post Reply