Star

Hall of Fame of web pages with interactive code

Here are the best articles and tutorials around the web that feature code interactivity. In this articles, made by very talented authors, you - the reader - are allowed to modify and evaluate the code originally written by the author.

The code snippets are made interactive by the klipse plugin.

After interacting with this articles, you'll probably want to write one of your own. It's super easy: Have a look at the source of the page and consult the klipse repository on github.

1. Procedural Dungeon Generation: Cellular Automata

JR Heard teaches us in a mindblowing article how to reliably generate big, open, cave-like maps, with lots of space for fast-moving enemies to swarm and surround the player, using cellular automaton.

2. Island Generator

Eric Shull guides us step-by-step in this article towards the generation of generate beautiful islands. To turn our irregular n-gon into something more island-like, we’ll subdivide each edge by offsetting its midpoint some distance perpendicular to the edge. Below is a function that, given two points, returns an offset midpoint. The midpoint is offset by a random distance in either direction, no more than half the length of the original line.

3. The Most In-Depth Yet Understandable ES6 Destructuring Tutorial

Mike Evans reveals all the secrets about destructuring in ES6: Destructuring is a technique for extracting data from JavaScript objects and arrays using a much tighter, terser, and clearer syntax than that provided by ES5. The result is not just the saving of a few bytes of code; destructuring can change the way you code in radically new ways... ReadMore

4. Partial lenses in javascript: an interactive tutorial

Vesa Karvonen shows us about Lenses: Lenses are primarily a convenient abstraction for performing updates on individual elements of immutable data structures. This library provides a collection of partial lenses for manipulating JSON. A partial lens can view optional data, insert new data, update existing data and remove existing data and can, for example, provide defaults and maintain required data structure parts... ReadMore

https://twitter.com/VesaKarvonen

The code snippets are made interactive by the klipse plugin.

Now that you have interacted with this articles, you probably want to write one of your own. It's super easy: Have a look at the source of the page and consult the klipse repository on github.

comments powered by Disqus