om.next interactive tutorial

Prelude This article is an interactive version of the official om.next Quick Start. The interactive code snippets are powered by the klipse plugin: while you read the article, you can edit the code and it will be evaluated after 1 second of inactivity. I'd like to congratulate 3 amazing…

Procedural Texture Generator in javascript

The code snippets are powered by the Klipse plugin. First, let's load texgen.js - a Procedural Texture Generator javascript library - from github: Object.keys(TG).length; function render(texture) { container.innerHTML = ""; container.appendChild(texture.toCanvas()); } Now, let's create a nice texture: var texture = new TG.Texture( 256, 256…

Symbolic Computation in Javascript with Math.js

Math.js is an extensive math library for JavaScript and Node.js. Math.js comes with a function math.eval to evaluate expressions. In this blog post, we are going to see the Math.js evaluator in action with interactive code snippets powered by the KLIPSE plugin. Object.keys(math)…

Hall of Fame of web pages with interactive code

img { width: 250px; } .img-profile { float: left; width: 15%; position: static !important; left: 0px !important; transform: translateX(0) !important; -webkit-transform: translateX(0) !important; margin-right: 30px; } 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…

Generative testing in clojure - Interactive tutorial

The idea test.check is a Clojure property-based testing tool inspired by QuickCheck from Haskell. The core idea of test.check is that instead of enumerating expected input and output for unit tests, you write properties about your function that should hold true for all inputs. This lets you write…