An interactive cube to tell complex, multimedia stories
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.


The NewsCube is an interactive, 3D storytelling tool that uses a cube to show multiple perspectives on a complex issue. The sides of a NewsCube can be used to hold original or aggregated content in the form of text, images, sounds, vision or documents.


Use the code to create a virtual cube, make it rotaate and add content to it.


We welcome contributions via Pull Requests. We are keen to improve the NewsCube so please contribute. We'd also love to hear if you have jsut used our code in your own projects. Send us links so we can see your work :)


The NewsCube is released under the Mozilla Public Licence v2.0. This software was made possible using ThreeJS by mrdoob, licenced under the MIT licence.

Simple JavaScript integration

To add a NewsCube to your project, you should follow three simple steps:

Include the NewsCube JavaScript core files

<script type="text/javascript" src="newscube/core/dependencies/threejs/3d.min.js"></script>
<script type="text/javascript" src="newscube/core/dependencies/threejs/OrbitControls.js"></script>
<script type="text/javascript" src="newscube/core/cube.js"></script>

Create a NewsCube container

<div id="newscube"></div>

Make it spin

var faces = ['faces/front.html', 

var callback = function(f) {

var newsCube = new NewsCube('newscube', callback, faces);


Advanced guide

Find out more about what you can do with the NewsCube API

Find out more

To try our implementation of the NewsCube, head to: To find out more about the NewsCubed project head to our website: website:


The NewsCube was created by Skye Doherty, developed by [Andrea Epifani] (, and made beautiful by [David Lloyd] (