HabboScript | Jquery, php, css, javascript client | No packets

[Cathrine]

Hi!

I've just recently started working on this project, which I plan to release as soon as I've come to a level where it's somewhat usable and can be added new furniture, clothes etc. to without too much issues.

Features:
No VPS/Dedicated server required. Just a webhost. Even though that might be a bit slow.
Fully custmizable. If you know how.
No browser plugins required. Just an updated web browser. Even my version of iexplorer seems to work fine.

More to come ~

Demo:

URL: http://cathrine.host.wolk.space/

The demo is currently not too developed, but it should give you a basic understanding on how the client etc will be built. You can teleport around, send chat messages and drag the screen.

Features:
1) If you send a message using the demo everyone that's currently doing so will also receive it.
2) Use command ":floor 1-5" to change room type.

Images:





If you want to look at how the roommaps the floor generator uses, check this out.
http://nutcracker.xyz/v4/resources/i...generator.html

Work in progress, animation
http://nutcracker.xyz/v4/resources/i...?dir=7&act=wlk
dir= 0, 1, 2, 3, 7 | act = wlk, std

UPDATE 20.07.2015: Webhost compatibility issue fixed.



NB: If you are interested in helping development, please send me a private message!

[MentaL]

[Emily]

Without packets how will multiple users work? You always send packets if you send something to a socket which is needed for multiple users (server).

[Cathrine]

Without packets how will multiple users work? You always send packets if you send something to a socket which is needed for multiple users (server).

All actions you do gets saved in a queue server-side which the site automatically loads (the actions relevant for the current user) every 100ms (by default).

[fallenfate]

Interesting project! Being a PHP game dev myself it'll be interesting to watch how you develop this over time, :). Do you plan on adding cross-browser keyboard movement using arrows (or other keys), or are you keeping it bound to mouse click to give it your own unique spin? If you do keep it mouse-bound but move the avatar gracefully, do you know how you'll adjust avatar facing? ;)

Anyway, good luck with your project! I'll subscribe and watch as it grows.

[Cathrine]

Update:

Floor generator is updated, generates walls. Uses roommaps.

5 room types added to demo. Switch between them by using command
(:floor 1-5)

Movements gets added to action queue.

Appearance of floortiles improved


Look here: http://nutcracker.xyz/v4/resources/i...generator.html
to see how the floor generator reads roommaps.

[Chapo]

Looks good, but not safe 2 use :P

[Cathrine]

Looks good, but not safe 2 use :P

No, it probably isn't yet. I just noticed how people played around there and I've fixed that now.

[Droppy]

Could you post some snippet from server side? I'm starting to get excited by this project

Good luck.

[Jamal7]

Good luck with your project

[Cathrine]

<?php


include "general.php";
$result = $mysqli->query("SELECT * FROM action_queue WHERE time > ".time()." - 30 ORDER BY id DESC");
$count = 0;






while ($row = mysqli_fetch_array($result, MYSQLI_ASSOC))
{
switch($row["type"]){
case '0': //Chatmessage
$count = $count + 1;
$timebonus = (time() - $row["time"]) * 30;
$coord = 550 + (50 * $count) + $timebonus;
$coord2 = $coord - 5;
$chatmessage["msgdata"] = $chatmessage["msgdata"] . "<div style='bottom:".$coord."px' id='chatmessage'><div id='chatmessageborderleft'></div><div id='chatmessageborderrigth'></div><div  id='chatmessagecontent'><b>".$row["username"].": </b>".$row["message"]."</div></div>";
break;


case '1': //Url
 $mysqli->query("DELETE FROM action_queue WHERE id = ".$row["id"]."");
?>
<script>
window.location.replace("<?php echo strip_tags(mysql_real_escape_string($row["message"])); ?>");
</script>
<?php
break;


case '2': //Move
include "pathfinder.php";
break;
}
}




?>
<script>
$("#chatmessages").html("<?php echo $chatmessage["msgdata"]; ?>");
$("#chatmessages").css("left", lastleftmessage);
</script>

Snippet of handling data queue. @Droppy

[Droppy]

It's good to see the backend in development too , since you are interested, may this project give you some ideas of what to implement: https://forum.ragezone.com/f353/jabb...-habbo-912294/

It also have some resources (such images (furni images, UI images, etc), avatar rendering script (renders all sides of char, and avatar holding camera), pathfinder, camera), which you can get for further use in your project, or as an idea! I'm up for opening a Jabbo server for demonstration.

The best thing is habbo without client limitation! Thank you for caring for the community

[fallenfate]

From the room creation description and the picture, I noticed before the door creation are four floor squares, whereas the data is '0WWW+D' and 0 is meant to be a black space. Should the door not then only have three floor squares before its created rather than reading the 0 as a wall? Or am I misinterpreting?

[Cathrine]

From the room creation description and the picture, I noticed before the door creation are four floor squares, whereas the data is '0WWW+D' and 0 is meant to be a black space. Should the door not then only have three floor squares before its created rather than reading the 0 as a wall? Or am I misinterpreting?

W = Wall
0 = Blank space



This is what would have happened if it was a wall there @fallenfate

- - - Updated - - -

It's good to see the backend in development too , since you are interested, may this project give you some ideas of what to implement: https://forum.ragezone.com/f353/jabb...-habbo-912294/

It also have some resources (such images (furni images, UI images, etc), avatar rendering script (renders all sides of char, and avatar holding camera), pathfinder, camera), which you can get for further use in your project, or as an idea! I'm up for opening a Jabbo server for demonstration.

The best thing is habbo without client limitation! Thank you for caring for the community

Thank you =). I'll look into the resources.

[fallenfate]

Ah, thanks for the image. The description in your link says it's a 'black' space, not a 'blank' space, so I thought 0 might have been the generator for the black areas outside the walking area and maybe miscounted in the wall total, lol.

[Cathrine]

Ah, thanks for the image. The description in your link says it's a 'black' space, not a 'blank' space, so I thought 0 might have been the generator for the black areas outside the walking area and maybe miscounted in the wall total, lol.

0 just means there's nothing there. Same as outside walking area.