Copyright © 3wdoc.com We’ve almost finished the programming of 3WDOC Studio new version! The V2, as we call it (V2 stands for Version 2), is the result of exchanges between 3WDOC coreteam and many of our +1.500 Beta-users.
An article and a comparative in English on the various tools which 3WDOC market for “digital storytelling” by Eva Domínguez.
ONE MILLIONth TOWER, the astonishing last webdoc mixing of WebGL and HTML5 of Katerina Cizek, Mike Robbins + friends
The sarcastic documentary about Burma’s absurd dictatorship designed in HTML5 with the Popcorn.js framework [...]
In this tutorial we are going to show you the Style Editor. You will have the possibility to choose between different parameters for each item. For instance, the font-family, the color, the background-image, the border-style, … You can also choose the HOVER parameters: the new style that the element will have when your mouse is [...]
This is a clear example of different styles applied to a button, an image and an article: Put the mouse over them! Button 2 Article 2Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Let’s see Articles, Buttons and Images parameters. They are represented on [...]
You can apply a style to a sequence, and then apply different styles to your tracks. For instance, here we are going to apply the style number 7 to the sequence, and then the style button 2, to the button “Home”. This tutorial shows you how to customize your sequence. 3WDOC Studio Some information about [...]
In this article we will show you how to customize the player. The player allows you to play the sequence in the browser. The Style Editor is a CSS Editor, with new parameters of CSS3. The player background It defines the general style of the player. Player Position It defines the margin around the player. [...]
You are going to apply a style to the player in your sequence. The player is the container of your sequence. It defines the position of the sequence, the background color, etc. This tutorial shows you how to customize your player in your sequence. 3WDOC Studio Some information about the 3WDOC Studio… 3WDOC Studio is [...]
You are going to apply a style to an article in your sequence, using CSS3. An Article is the track containing text in your sequence. It could be a title, a long text, a description, what you want ! This tutorial shows you how to customize your articles in your sequence, using CSS3 transitions. 3WDOC [...]
Here is a quick tutorial how to add a style in CSS to your title inside your sequence. You will know how to control the look and feel of your texte.
You are going to apply a style to a button in your sequence, using CSS3 transitions. Buttons allow you to navigate in your sequence : open new media, links to other sequences or hyperlinks. This tutorial shows you how to customize your buttons in your sequence, using CSS3 transitions. 3WDOC Studio Some information about the [...]
UI buttons are control buttons like STOP, PLAY, FWD, etc. You can fully customize them with the Style Editor on the following tabs. Put your mouse over them! There are 3 states for UI buttons: by default: without any action of the user; hover: when the mouse is over; active: after clicking on [...]
You are going to apply a style to UI buttons in your sequence. UI buttons allow you to control your sequence : play, pause, stop, rewind, forward, full-screen, lower and increase volume. This tutorial shows you how to customize your UI buttons in your sequence. 3WDOC Studio Some information about the 3WDOC Studio… 3WDOC Studio [...]
You are going to apply a style to an image in your sequence, using CSS3 transitions. Style parameters will allow you to customize the image border, box-shadow, transition effects etc. This tutorial shows you how to customize an image in your sequence, using CSS3 transitions. 3WDOC Studio Some information about the 3WDOC Studio… 3WDOC Studio [...]
For those you have registered and install the 3WDOC Studio on their own domain before 30-06-2011, here is a quick procedure to update your 3WDOC Studio on your registered domain. If you still want to register a domain, please read our previous tutorial. How do I register my own domain? In this tutorial, we will [...]
How to create a link on a button. In our example, we create a button that leads to the page dedicated on New-York City on the wikipedia website.
Quick tutorial on the TcLink action (time code link) that links one sequence with another one. Enter the address (http//…) or select your sequence by the sequence manager.
A quick tutorial on how to add a “TcGoto” (time code goto) action that jumps on the timeline.
Here is a quick tutorial how to add a title to your sequence. Title means a chunk of text that should be displayed inside your sequence, it can for instance a subtitle on video or an explanation available on a photo. 3WDOC Studio Some information about the 3WDOC Studio… 3WDOC Studio is a versatile tool [...]
Here is a quick tutorial how to add an audio to your sequence. 3WDOC Studio Some information about the 3WDOC Studio… 3WDOC Studio is a versatile tool specificaly designed to create and deliver rich media experiences optimized in HTML5 to run across the web. The 3WDOC Studio’s ultimate goal is to enable one or several [...]
A quick introduction to TcOverlay action (time code Overlay) that opens a media in overlay.
Here is a quick tutorial to set the display of your slideshow in fullscreen. 3WDOC Studio Some information about the 3WDOC Studio… 3WDOC Studio is a versatile tool specificaly designed to create and deliver rich media experiences optimized in HTML5 to run across the web. The 3WDOC Studio’s ultimate goal is to enable one or [...]
Here is a quick tutorial on how to add a media to a sequence edited in 3WDOC Editor. 3WDOC Studio Some information about the 3WDOC Studio… 3WDOC Studio is a versatile tool specificaly designed to create and deliver rich media experiences optimized in HTML5 to run across the web. The 3WDOC Studio’s ultimate goal is [...]
upload_video Here is a quick tutorial on how to upload a video to the 3WDOC Studio that you have previously encoded on your computer. 3WDOC Studio Some information about the 3WDOC Studio… 3WDOC Studio is a versatile tool specificaly designed to create and deliver rich media experiences optimized in HTML5 to run across the web. [...]
If you want to give to the user some control over your creation. This article is an introduction to the principles of control buttons such as stop, play, pause etc
This is it! 3WDOC Studio is released and you will soon discover that one of the main element of our tool is a sequence. In this tutorial, we show you how to create a 16:9 full screen sequence with the 3WDOC Studio. Here is a quick demonstration [...]
Etienne de Fontainieu interviewed by Webdocu.fr to present 3WDOC Studio. This is an extract!
Both of these webdocs shape the future environment where this type of production can blossom on a business and technological point of view.[...]
The anniversary of the earthquake in Haiti gives us unfortunately the opportunity see an unique event: the simultaneous release of two web documentaries that come back in their own way into this tragedy.[...]
When, in 3WDOC, we were asked to create a mini-website in HTML5 about a photo session, in Hawaii, made by Marcel Hartmann about Robby Naish, dressed in Tommy Hilfiger [...]
3WDOC, we have just published an article telling the virtues of HTML5, we were then forced to produce some demonstrations which attest of the veracity of our claims about the potential of HTML5 as a viable competitor to Flash and alternative technology [...]
