# Cervolab - multilevel maze game p5.play.js

**URL:** <https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529>\
**Category:** Gallery\
**Created:** [May 30, 2018, 10:33am UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529 "2018-05-30T10:33:05Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![codnpix](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codnpix/32/243_2.png) [@codnpix](https://discourse.processing.org/u/codnpix)\
**Post date:** [May 30, 2018, 10:33am UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/1 "2018-05-30T10:33:05Z")

</div>

Hello, I’m learning to code some html/javascript to create little web-games. So I just made my first steps creating this little game in javascript using p5.play.js. It can be runned on your browser following this link :

[https://cervolab.000webhostapp.com/](https://cervolab.000webhostapp.com/)

I made a folder on github too (here [https://github.com/Codnpix/cervolab](https://github.com/Codnpix/cervolab)) to share the code but I couldn’t upload the subfolders for the other levels… So there is only the files of one out of six levels but they are all made on the same model.

I’m open to any remark :).

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [May 30, 2018, 2:44pm UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/2 "2018-05-30T14:44:34Z")

</div>

> [@codnpix](#):
>
> … but I couldn’t upload the subfolders for the other levels…

You can easily drag & drop whole folders into a GitHub repo.

If the size limit for 1 drag’n’drop is reached, you can try out drag’n’drop 1 folder at a time.

This is a repo I did just that: 😹

> **[GitHub - GoSubRoutine/PjsGameEngine](https://github.com/GoSubRoutine/PjsGameEngine)**
>
> Contribute to GoSubRoutine/PjsGameEngine development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![codnpix](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codnpix/32/243_2.png) [@codnpix](https://discourse.processing.org/u/codnpix)\
**Post date:** [May 30, 2018, 3:21pm UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/3 "2018-05-30T15:21:25Z")

</div>

Ok thanks ! I didn’t find at first how to create subfolders ([this](https://github.com/KirstieJane/STEMMRoleModels/wiki/Creating-new-folders-in-GitHub-repository-via-the-browser) helped me to understand too).  
Anyway, the full project is uploaded on [my github](https://github.com/Codnpix/cervolab) now 🙂 .

---

<div class="post-metadata">

**Author:** ![colin](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/colin/32/230_2.png) [@colin](https://discourse.processing.org/u/colin)\
**Post date:** [May 30, 2018, 6:07pm UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/4 "2018-05-30T18:07:16Z")

</div>

Nice work with your game @codnpix !  
I never tried p5.play.js. was it helpful ?  
I also started making game using p5 recently, you can check theme here. tell me what you think !

> **[191° by Martian's Parlor Entertainment](https://martiansparlor.itch.io/191)**
>
> Driving involves risks, sensations and dependency

  

> **[Non Idiomatic Jam Party by Martian's Parlor Entertainment](https://martiansparlor.itch.io/non-idiomatic-jam-party)**
>
> Live a co-op noise jam experience

  

> **[A Selfish Child by Martian's Parlor Entertainment](https://martiansparlor.itch.io/a-selfish-child)**
>
> A short story about putting yourself together

  
I also did this one with processing  

> **[The Attic's a Dungeon ?! by Martian's Parlor Entertainment](https://martiansparlor.itch.io/the-attics-a-dungeon)**
>
> A creative take on the dungeon crawling genre

---

<div class="post-metadata">

**Author:** ![codnpix](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codnpix/32/243_2.png) [@codnpix](https://discourse.processing.org/u/codnpix)\
**Post date:** [May 30, 2018, 8:32pm UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/5 "2018-05-30T20:32:26Z")

</div>

Thanks!  
Yes p5.play was very helpful to me, for collision or bouncing stuffs for example it’s really great ! But I didn’t explore much more js libraries so I can’t really compare with anything … Anyway I found it very handy ad intuitive, and there is a lot of very useful examples for learning.  
([http://p5play.molleindustria.org/examples/index.html](http://p5play.molleindustria.org/examples/index.html),  
[https://creative-coding.decontextualize.com/making-games-with-p5-play/](https://creative-coding.decontextualize.com/making-games-with-p5-play/))  
The “asteroid” example helped me for the behavior of the car. For the bouncing questions I found some helpful things too but it took me quite a while to understand how to use the mass and friction properties of the sprites. I didn’t need it for the 5 first levels, but in the secret level where the bouncing question is a little more elaborated…  
Anyway, it seems to work fine finally !

You’re work with p5 seems really great, the first one is very fluid. I did’nt imagine that we could do such of things with only javascript ! It reminds a lot of Torus Trooper, is it based on it (I saw you named Kenta Cho) ?  
I was not sure if the questions asked along the game have an influence of the behavior of the game… Does it ?  
The maze looks cool too, and the design is crazy ^^, creepy/childish/psychedelic :)😊

---

<div class="post-metadata">

**Author:** ![nicolaskellum](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/nicolaskellum/32/15860_2.png) [@nicolaskellum](https://discourse.processing.org/u/nicolaskellum)\
**Post date:** [May 31, 2018, 4:59am UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/6 "2018-05-31T04:59:04Z")

</div>

Hey Colin!

Nice work on 191! Very creative way to draw a tunnel without WEBGL, I will have to take a closer look into your code to figure it out. Anyway, I think it would be cool to start some sort of games thread so we can have more feedback on the games we make with Processing/P5 🙂

@codnpix Very cool game as well! Did you make your own sprites? The levels looked nice even while it was a simple game 🙂

---

<div class="post-metadata">

**Author:** ![colin](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/colin/32/230_2.png) [@colin](https://discourse.processing.org/u/colin)\
**Post date:** [May 31, 2018, 8:24am UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/7 "2018-05-31T08:24:49Z")

</div>

Thanks for the links !  
I have to play your game again because I didn’t find the secret level you mentioned.

> [@codnpix](#):
>
> It reminds a lot of Torus Trooper, is it based on it (I saw you named Kenta Cho) ?

It was originally inspired by the novel “Crash” by Ballard, but I can’t imagine making a speedy game with spaceships without thinking about Kenta Cho ! And yes there is absolutely no relation between the questions and the game.  
I’m actually doing a sort of sequel of the maze game ‘the attic’s a dungeon’ where the user will be able draw the assets himself from an A4 sheet, very happy with the result so far 😃

---

<div class="post-metadata">

**Author:** ![colin](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/colin/32/230_2.png) [@colin](https://discourse.processing.org/u/colin)\
**Post date:** [May 31, 2018, 8:26am UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/8 "2018-05-31T08:26:08Z")

</div>

Thanks !

> [@nicolaskellum](#):
>
> I think it would be cool to start some sort of games thread so we can have more feedback on the games we make with Processing/P5 🙂

What a great idea ! Do you make games yourself ?

---

<div class="post-metadata">

**Author:** ![codnpix](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codnpix/32/243_2.png) [@codnpix](https://discourse.processing.org/u/codnpix)\
**Post date:** [May 31, 2018, 9:19am UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/9 "2018-05-31T09:19:21Z")

</div>

> [@nicolaskellum](#):
>
> @codnpix Very cool game as well! Did you make your own sprites? The levels looked nice even while it was a simple game 🙂

Thank you :)!  
Yes I created all the visual elements with GIMP. And the music with LMMS. It’s a project I made in complement with a comic project wich is my main activity, but I really enjoyed myself a lot doing that so I think I’m going to persevere !

---

<div class="post-metadata">

**Author:** ![codnpix](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codnpix/32/243_2.png) [@codnpix](https://discourse.processing.org/u/codnpix)\
**Post date:** [May 31, 2018, 9:35am UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/10 "2018-05-31T09:35:17Z")

</div>

> [@colin](#):
>
> I have to play your game again because I didn’t find the secret level you mentioned.

It’s hidden in the 5th level, there is a sort of secret path to the entry to find ;).

> [@colin](#):
>
> I’m actually doing a sort of sequel of the maze game ‘the attic’s a dungeon’ where the user will be able draw the assets himself from an A4 sheet, very happy with the result so far 😃

Looks like a great idea !

---

<div class="post-metadata">

**Author:** ![codnpix](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codnpix/32/243_2.png) [@codnpix](https://discourse.processing.org/u/codnpix)\
**Post date:** [May 31, 2018, 10:04am UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/11 "2018-05-31T10:04:31Z")

</div>

@colin  
I’ve been trying to run your game The Attic’s a Dungeon on my computer from the source code on Processing but I can’t run the sketch, I seem to have a complicated-to-solve sound configuration problem…  
Anyway, is there another way to run it on a linux system ? I’m curious to try it :).

---

<div class="post-metadata">

**Author:** ![colin](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/colin/32/230_2.png) [@colin](https://discourse.processing.org/u/colin)\
**Post date:** [May 31, 2018, 10:35am UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/12 "2018-05-31T10:35:11Z")

</div>

Did you install the sound library ?

---

<div class="post-metadata">

**Author:** ![codnpix](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codnpix/32/243_2.png) [@codnpix](https://discourse.processing.org/u/codnpix)\
**Post date:** [May 31, 2018, 11:49am UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/13 "2018-05-31T11:49:20Z")

</div>

Yes, there was a first error because the sound library was missing so I did install it, but now it remains an error due to a PCM device hw:0,3 or something… I think I don’t know enough to fix this… The first screen appears and it crash after 1 or 2 seconds… 😕

---

<div class="post-metadata">

**Author:** ![colin](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/colin/32/230_2.png) [@colin](https://discourse.processing.org/u/colin)\
**Post date:** [May 31, 2018, 12:06pm UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/14 "2018-05-31T12:06:20Z")

</div>

Oh, now I remember reading that there were a sound issue on linux with processing 🙁 That was the reason I didn’t make a linux build. You can still remove the sound by putting in comment what’s in the playMusic() function 🤔

---

<div class="post-metadata">

**Author:** ![nicolaskellum](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/nicolaskellum/32/15860_2.png) [@nicolaskellum](https://discourse.processing.org/u/nicolaskellum)\
**Post date:** [May 31, 2018, 2:36pm UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/15 "2018-05-31T14:36:06Z")

</div>

I do, mostly little prototypes though, nothing too impressive. I will be on vacation soon though and I have some good ideas for some games I’d like to make 🙂

---

<div class="post-metadata">

**Author:** ![codnpix](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codnpix/32/243_2.png) [@codnpix](https://discourse.processing.org/u/codnpix)\
**Post date:** [May 31, 2018, 2:37pm UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/16 "2018-05-31T14:37:04Z")

</div>

Done. But it still returns the same error… too bad. I think I must edit a sound configuration file. I’m not very aware of all that, I will stick myself to it when I find the courage 🙂 !

---

<div class="post-metadata">

**Author:** ![nicolaskellum](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/nicolaskellum/32/15860_2.png) [@nicolaskellum](https://discourse.processing.org/u/nicolaskellum)\
**Post date:** [May 31, 2018, 2:38pm UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/17 "2018-05-31T14:38:04Z")

</div>

Cool! I’m not really an artist but I have LMMS too so I definitely want to get into making music 🙂 I noticed the french in your game, where are you from? I lived in France for most of my life but my parents are American so I speak both languages. I will be heading back there to study Computer Science hopefully 🙂

---

<div class="post-metadata">

**Author:** ![codnpix](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codnpix/32/243_2.png) [@codnpix](https://discourse.processing.org/u/codnpix)\
**Post date:** [May 31, 2018, 2:45pm UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/18 "2018-05-31T14:45:33Z")

</div>

> [@nicolaskellum](#):
>
> Cool! I’m not really an artist but I have LMMS too so I definitely want to get into making music 🙂 I noticed the french in your game, where are you from? I lived in France for most of my life but my parents are American so I speak both languages. I will be heading back there to study Computer Science hopefully 🙂

I’m french, i live in St Etienne. I hesitated to put the instructions in english for more universality, but the game goes with a comic project and most of the readers are going to be francophone, so …

Good luck with the study project 🙂!

---

<div class="post-metadata">

**Author:** ![colin](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/colin/32/230_2.png) [@colin](https://discourse.processing.org/u/colin)\
**Post date:** [May 31, 2018, 3:18pm UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/19 "2018-05-31T15:18:17Z")

</div>

> [@codnpix](#):
>
> I’m french, i live in St Etienne.

Ah ah, we’re all french. Keep me in touch if any of you go to Paris someday !

---

<div class="post-metadata">

**Author:** ![nicolaskellum](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/nicolaskellum/32/15860_2.png) [@nicolaskellum](https://discourse.processing.org/u/nicolaskellum)\
**Post date:** [June 1, 2018, 3:05am UTC](https://discourse.processing.org/t/cervolab-multilevel-maze-game-p5-play-js/529/20 "2018-06-01T03:05:57Z")

</div>

Thats so funny! I’m trying to go to ecole 42 in Paris actually!