# Hello, and my graphic adventure engine in Javascript with Delores assets

**URL:** <https://forums.thimbleweedpark.com/t/hello-and-my-graphic-adventure-engine-in-javascript-with-delores-assets/4652>\
**Category:** Development/Design\
**Created:** [December 14, 2020, 1:08am UTC](https://forums.thimbleweedpark.com/t/hello-and-my-graphic-adventure-engine-in-javascript-with-delores-assets/4652 "2020-12-14T01:08:06Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![BalrogSoft](https://avatars.discourse-cdn.com/v4/letter/b/ba8739/32.png) [@BalrogSoft](https://forums.thimbleweedpark.com/u/BalrogSoft)\
**Post date:** [December 14, 2020, 1:08am UTC](https://forums.thimbleweedpark.com/t/hello-and-my-graphic-adventure-engine-in-javascript-with-delores-assets/4652/1 "2020-12-14T01:08:06Z")

</div>

Hello!

I’m a huge fan of old Lucas Arts games since the Amiga computer years in the 90’s, especially Ron’s games, and it was those games that made me choose my professional career as a programmer.

Anyway, I really enjoyed Thimbleweed Park, and Delores’ mini adventure. Some time ago I wanted to make an adventure game engine in javascript, nowadays javascript works quite well, so why not try developing a game engine in javascript? And what graphic resources are beasts to test my code that Delores mini adventure?

And here it is, my first tests reading the Delores adventure assets that Ron posted on github. It reads rooms, objects, sprites sheets, walking boxes, and sets the layers for the parallax scroll, and finally I have my first actor walking on the scene.

There is still a lot of work to do, but it starts working after a weekend of work.

[https://youtu.be/6AwUgag1boc](https://youtu.be/6AwUgag1boc)

Note, when will we have a Thimbleweed Park 2? 😃

---

<div class="post-metadata">

**Author:** ![Sushi](https://yyz2.discourse-cdn.com/flex030/user_avatar/forums.thimbleweedpark.com/sushi/32/163_2.png) [@Sushi](https://forums.thimbleweedpark.com/u/Sushi)\
**Post date:** [December 15, 2020, 7:53pm UTC](https://forums.thimbleweedpark.com/t/hello-and-my-graphic-adventure-engine-in-javascript-with-delores-assets/4652/2 "2020-12-15T19:53:34Z")

</div>

Red speck of dust… or is that blood? 😱

---

<div class="post-metadata">

**Author:** ![BalrogSoft](https://avatars.discourse-cdn.com/v4/letter/b/ba8739/32.png) [@BalrogSoft](https://forums.thimbleweedpark.com/u/BalrogSoft)\
**Post date:** [December 15, 2020, 8:57pm UTC](https://forums.thimbleweedpark.com/t/hello-and-my-graphic-adventure-engine-in-javascript-with-delores-assets/4652/3 "2020-12-15T20:57:30Z")

</div>

No it’s not blood! 😅  
The red dots are the centroid of the polygons that define the areas where you can walk, it was a visual reference to see if I can use them in the pathfinding calculations.

---

<div class="post-metadata">

**Author:** ![RonGilbert](https://yyz2.discourse-cdn.com/flex030/user_avatar/forums.thimbleweedpark.com/rongilbert/32/7_2.png) [@RonGilbert](https://forums.thimbleweedpark.com/u/RonGilbert)\
**Post date:** [December 18, 2020, 1:08am UTC](https://forums.thimbleweedpark.com/t/hello-and-my-graphic-adventure-engine-in-javascript-with-delores-assets/4652/4 "2020-12-18T01:08:38Z")

</div>

Nice!

---

<div class="post-metadata">

**Author:** ![DanielWolf](https://yyz2.discourse-cdn.com/flex030/user_avatar/forums.thimbleweedpark.com/danielwolf/32/42_2.png) [@DanielWolf](https://forums.thimbleweedpark.com/u/DanielWolf)\
**Post date:** [December 18, 2020, 9:24am UTC](https://forums.thimbleweedpark.com/t/hello-and-my-graphic-adventure-engine-in-javascript-with-delores-assets/4652/5 "2020-12-18T09:24:59Z")

</div>

Cool! Modern HTML5 really has everything one would need to put a full classic adventure on a website, including speech, animation, and everything.

---

<div class="post-metadata">

**Author:** ![BalrogSoft](https://avatars.discourse-cdn.com/v4/letter/b/ba8739/32.png) [@BalrogSoft](https://forums.thimbleweedpark.com/u/BalrogSoft)\
**Post date:** [December 18, 2020, 5:49pm UTC](https://forums.thimbleweedpark.com/t/hello-and-my-graphic-adventure-engine-in-javascript-with-delores-assets/4652/6 "2020-12-18T17:49:02Z")

</div>

Yes, with the evolution of html5 in recent years it is possible to develop any type of game. Years ago, when stylesheets appeared, they allowed to make animations easily and games like a graphic adventure could already be made, but the inclusion of methods to synchronize the rendering with the screen (such as requestAnimationFrame) is what has made them reach a level very close to what we could see in a normal game.

I tested my code on my Android mobile and it works perfectly, with a smooth scrolling, synchronizing the drawing with the refresh of the screen makes the difference.

---

<div class="post-metadata">

**Author:** ![bongobrain](https://yyz2.discourse-cdn.com/flex030/user_avatar/forums.thimbleweedpark.com/bongobrain/32/13926_2.png) [@bongobrain](https://forums.thimbleweedpark.com/u/bongobrain)\
**Post date:** [December 20, 2020, 1:17am UTC](https://forums.thimbleweedpark.com/t/hello-and-my-graphic-adventure-engine-in-javascript-with-delores-assets/4652/7 "2020-12-20T01:17:56Z")

</div>

Very very cool.

---

<div class="post-metadata">

**Author:** ![fitness23](https://avatars.discourse-cdn.com/v4/letter/f/57b2e6/32.png) [@fitness23](https://forums.thimbleweedpark.com/u/fitness23)\
**Post date:** [January 31, 2021, 10:55am UTC](https://forums.thimbleweedpark.com/t/hello-and-my-graphic-adventure-engine-in-javascript-with-delores-assets/4652/8 "2021-01-31T10:55:13Z")

</div>

Hi,  
I’ve been making my own javascript based adventure game engine. I used phaser.js. Here’s a demo for a small game I made if you’re interested:  
[https://www.andy-howard.com/halloween-game/](https://www.andy-howard.com/halloween-game/)
