About yosh (twitter: @cboissie)

Entries

 
Ludum Dare 31
 
Ludum Dare 30
 
Ludum Dare 28
 
Ludum Dare 24
 
Ludum Dare 23
 
Ludum Dare 22

yosh's Trophies

HTML5 gaming
Awarded by johndrinkwater
on December 22, 2011

yosh's Archive

Will You Be The 1 – Post Mortem

Posted by (twitter: @cboissie)
Sunday, December 22nd, 2013 10:21 pm

 

Game:

Will You Be The 1. is a 48h compo game made using HTML5/Javascript.

Using your mouse, you have to survive through three short levels avoiding all kind of moving obstacles.

Inspired by this awesome interactive video: http://donottouch.org/, I wanted to work on a game where other players would be part of your game experience.

To do so, here’s the trick: each session is recorded, and then sent to the server. In order make the experience more “realistic”, the game will load 20 records on startup, each with different completion rates going from 33% (previous player died quickly) to 100% (level was completed).

The last level only loads sessions going up to 66% of completion, to create the feeling that you are the only one to finish the game.

 

Synopsis & Twist:

Here’s the synopsis:

“So many of them… it’s comforting to not be alone in this adventure. 
But somehow the saddest part is probably to know that only one of us will survive. 
Life is too precious, we have to succeed. I have to succeed. “

If you manage to beat the game, you then realize that all along, your cursor was nothing else than a spermatozoon, looking for… the egg. By finishing the game, you become the one.

Level Concepts

 

What went right:

The main idea came up pretty fast (less than 5h). The main challenge was to find both interesting and challenging level design patterns. Since player sessions are recorded, no randomness was introduced, and the redundancy in the level patterns might create boredom.

The basic core engine was pretty easy to implement. Designing the game “server ” was a lot of fun, and also my first experience in making such a program. It’s basically a RESTful node.js server responding to all kind of GET & POST requests. The data formalism might not be the best, but it works fine given the scope of Ludum Dare. Since the beginning of the votes, I only got one crash, and the server auto-saves its data, making things easier in case of emergency.

 

What went wrong:

Many things. First of all, I got really frustrated by HTML5 on this one. I wanted to save time during development by using pure canvas calls. That turned out to be a bad idea since performances were taking a huge hit. WebGL would have been a way better choice for the low level rendering layer.

Second, the HTML5 Audio API. For some reason, sounds and music are not playing correctly when the game loads assets from the server on the first time. Once these assets get cached by the browser, everything magically works. This is a very frustrating bug remaining unsolved as of today…

Third, level design. Each level basically consists in succession of timed events. For instance, at t=0 make square_1 appear, at t=1 make square 1 spin around for 1000ms, and so on. It’s quite painful to polish your levels this way. You have to keep in head the timing and think ahead of what it might look like. It also implied numerous play testing sessions.

Lastly – and that was to be expected- one of the main issue is the visible latency when playing on a real server (vs localhost). Each cursor replay data has a noticeable lag, and that kind of killed the concept of playing with real players at the same time. Some people actually thought the cursors were some shitty cheating AI (it’s not :D).

 

Conclusion:

Even though this Ludum Dare submission wasn’t my best, I’m proud to say: “I did it!”. This is a complete game, I had lots of fun making it, and it was also the occasion for me to learn something new concerning basic game server designs (it’s still far from real-time scenario using sockets, but that’s a start!).

Feedback so far is pretty good and people are having fun, that’s all what matters :)

Level 3

 

Thanks for reading this short post-mortem! Please feel free to ask me anything in the comments section 😉

You can play & vote for this game over here ===>  http://www.ludumdare.com/compo/ludum-dare-28/?action=preview&uid=6851

LD24 MuTaTrIs (Updated entry)

Posted by (twitter: @cboissie)
Saturday, September 1st, 2012 8:52 pm

MuTaTrIs:

Everyone knows the world-famous Tetris. What if blocks could change over time? What if those blocks were… mutating?
Be careful while making lines, now the rules are changing!

About:

Hey everyone!

First of all, I’d like to apologize for all of those who’d have tried to play my game and got loading errors.

I have now something which should be functional for most recent web browsers.

You can check out my game over here: http://www.ludumdare.com/compo/ludum-dare-24/?action=preview&uid=6851

Enjoy and feel free to comment :)

LD24 Progress

Posted by (twitter: @cboissie)
Saturday, August 25th, 2012 11:34 pm

Really not polished, but fully functional!

I’m still slow to start, but I finally managed to code a web-based Tetris game in one afternoon (HTML5/JS).

I will have less than one day to add the mysterious concept (Who said tetris can’t be compatible with evolution?), and try to polish the game.

It’s gonna be more than hard to finish on time as usual, especially because I’m not totally available this weekend!

Good luck everyone 😉

[Experimental] Ludum Dare Data Visualization

Posted by (twitter: @cboissie)
Monday, July 16th, 2012 6:05 pm

About:

Hi there!

A few months ago, I proposed a quite vague idea about a new “cartography” module for the upcoming LD23. Web Cartography is more and more used because of its curiously innovative and interesting aspect.

europeanPoliticalWeb

EuropeanPoliticalWeb (Linkfluence)

The picture above was made by a French startup and is representing the European Political seen through the web. (Based on semantic web crawlers) .

Now you may ask: “What’s the damn connection with Ludum Dare” ?

Just a few games…

With the increasing popularity of the event, we see more and more game proposed for each LD session. Also, the initial idea was to realize a cartography of the submitted games.

 

Why? 

To have a better visualization of the whole game submissions. Take a look to statistics in an original and interactive way.

  •  Which games are  available for a specific platform? Multi-platform?
  •  Which games have more votes, coolness? (main nodes) => Imagine a visual helping tool for voting.

…and numerous other possibilities.  (Why not something more realtime-oriented based on database snapshots?)

 

Proof of concept:

Using available public data and python scripts, I extracted and classified data concerning each game entries of a given Ludum Dare composition (platforms, ratings, creators,votes…). I’ve written a small web application displaying  large directed graphs, generated from these data sets.

You can find my work over here: http://cboissiere.com/projects/ldviz/

Don’t be afraid by the messy aspect of those graphs, it’s mainly because of the huge size of the data sets. And don’t forget it’s still experimental =)

And of course, the source code is over here: https://github.com/cboissie/LD_Viz

 

Tell me more:

It’s basically two kind of graphs:

  • WordCloud: We extract each words from all game titles. The words used together in a same title are linked to each other. For instance, if you click on the “TINY” node, you will see all the words that were used conjointly (like “WORLD”, or “PLANET”). The size of the node is proportional to the word occurrence.
  • MultiPlatform: In this graph, games and their respective platforms are linked (Windows, OSX etc…). The size of a platform node is proportional to the number of game ported on this platform.

 

Instructions:

  • You can change anytime the dataSet (between LD21,22 and 23) and the graph type.
  • Zoom with the mouse wheel.
  • Click on a node to see its immediate neighbors.
  • The “Start algorithm” button apply a “Force Atlas 2” algorithm to the current graph (see http://en.wikipedia.org/wiki/Force-based_algorithms_(graph_drawing)). You can stop the execution of the algorithm by clicking again on the same button. This algorithm will place the nodes in a more convenient way, give it a try!

 

TL;DR :

 

Here’s a quick web app prototype for visualizing interactive graphs of game entries from old Ludum Dare compos. You can see two kind of graphs: Word cloud (most used words for a specific theme) and Multi-Platform (Game names associated with their respective platform(s)). http://cboissiere.com/projects/ldviz/

 

Feel free to contact me at  clemzbox[at]gmail[dot]com or via Twitter.

24h update

Posted by (twitter: @cboissie)
Saturday, April 21st, 2012 3:59 pm

Well I was not really inspired by the theme and it took a long time to get started. Also, I opted for something more classical: an arcade shooter with… insects. In this game untitled FlyGHT, you’ll control a little funny fly in need of power. Conquer the world !!

Again, written “from scratch” in JS/HTML5, I hope you’ll enjoy it! (Planned to be release tomorrow)

yosh~

Meanwhile at Isart Paris

Posted by (twitter: @cboissie)
Friday, April 20th, 2012 5:51 pm

French Jammer

Posted by (twitter: @cboissie)
Friday, April 20th, 2012 10:34 am
LD23 at ISART

LD23 at ISART

Second Ludum Dare for me. This time it will be at ISART-Digital Paris \o/

Good luck everyone 😉

 

I Was Here

Posted by (twitter: @cboissie)
Saturday, December 17th, 2011 4:27 am

Booh! (yet NOT another apocalypse zombie game)

Hi there !

The name’s yosh… a french guy crazy enough to participate to this awesome LD challenge.
I’m currently working on a little browser game based on html5/javascript. It’s currently named “I Was Here” and it’ll be a concept (*kof kof*) platformer  game.
After many unachieved project, I started something less ambitious than usual, with both minmal gameplay and graphics. I just hope to “get the things done” for this time =]

Good luck to everyone!

EDIT: Source code over here — https://github.com/cboissie/HTML5-JS-Stuff/

[cache: storing page]