Create

Upgraded Web Content

Creating Content

Create Your Own

Whether you are an amateur photgrapher, video editing specialist, or game developer you can participate in creating Web 3.0 content for the Web 3.0 Browser. Now your content can be displayed outside the browser and directly onto the user's desktop creating Hollywood science fiction-styled interfaces with transparencies and special effects. The perfect place to get started is with an Alpha Avatar.

Online Orders

Alpha Avatars, Alpha Photos and Alpha Paint are three content platforms that you can order online for your personal use. Simply upload your photo and within 72 hours we will send you its Web 3.0 address as well as host up to 100,000 downloads.

Our Studio

While we prefer you create your own Web 3.0 content, we are here if you need us. If you already have the raw images, we can assist in the editing process. For any imaging work needed, you will have to visit our studio in Orange County, California. Our studio can be contacted at studio@digitallimelight.com.


Content Basics

Web 3.0 Address
Web3://Supasang.ArtistAvatars.http://somedomain.com/assets/68687.flv

Who? The first section ("Supasang") identifies the content provider's Wired Address allowing the content to be hyper-wired to their other Web 1.0, 2.0 and 3.0 content.

What? The second section ("ArtistAvatars") identifies the Web 3.0 platform built into the Web 3.0 Browser to display the content.

Where? The last section ("http://....") identifies where the content is located on the web. While typical Web 2.0 content is located on a particular platform's web server, Web 3.0 allows the content to be located anywhere.


8 Basic Content Classes

PNG Still images with transparent background.

JPG w/ Mask Still images with a mask on right side.

FLV Video with alpha transparent background.

SWF Flash interactive content.

HTML HTML with alpha transparent backgrounds.

LAUNCHER HTML that launches web browser.

VIRTUAL 360 degree images.

3D Unity 3D environment. Coming soon.


Developer & Designer Notes

Images

PNG images are the easiest Content Class for creating content. Either use currently available PNG images that possess an alpha transparent background or make your own using an image editor such as Photoshop. You can use Photoshop for free for 30 days. Watch this video tutorial on masking a person. Remember to save your PNG with transparency turned on. Crop as much background transparency as possible out of the image so the user is provided with the best experience possible when content is overlaying one another. Alpha Paint allows a content creator to "paint" an alpha transparency on an existing JPG. Using an imaging application like Photoshop you can create a black & white alpha mask over the JPG image. The black color represents the transparent area. Make a new image double the width of the original JPG image. Paste the original image on the left and the black & white mask on the right. Save file as a JPG. To tell the Web 3.0 Browser this is a masked image, use Photoshop to add the following code to the Keyword field... <w3ml masked="true"></w3ml>. The JPG can be hosted anywhere that you are able to access it with a URL. For more information, watch this video tutorial.

Videos

There are a few Web 3.0 Platforms that use FLVs with transparent backgrounds. These range from simply imaging a music artist preforming a song against a green screen to more elaborate content such as Music Alphas. Online video templates in After Effects can be used as a base. Then swap out the content and remove the background image. Remember to set the video's background to transparent. The current version of Adobe After Effects CC 2015 does not allow support for exporting to FLV so use the prior version which can be downloaded from the Adobe Create Cloud's Previous Versions section. The FLV can change the Wired Address, Link to URL and Title using the following format... <w3ml wired_address="supasang" link="http://supasang.com" title="Supaman" ></w3ml>. For single videos within a FLV this code can be placed within it's keyword data using Adobe Bridge. For multiple video spots within a larger FLV, the code can be added as the name within cuepoints. Playlists can be created by listing a number of FLV's URLs separated by a comma within a text file. Save the text file with the extension ".playlist". If another playlist file's URL is added as the last entry in a playlist, the new playlist will be loaded and FLVs played within the Web 3.0 Browser. If the playlist file is in the same folder as the FLV content, the referred URL can be shortened to the following format... */filename.flv. Multiple FLV files can be combined into a single file for easy distribution to users. Place the FLVs and playlist file into a folder. Zip the folder and rename the zipped file with the extension ".album".

SWFs

Interactive content can be created with Adobe Animate. Since the Flash content can be any size, shape and transparency, it allows developers to create more futuristic content than what can be displayed within an internet browser. From the Flash Professional application, save the Flash file as an AIR SWF with a transparent background. Make sure that you do not try to access the STAGE property since it will throw an error. The Web 3.0 Browser and the Web 3.0 Lite Mobile App call the public function init(initObj:Object) with the object properties of os_type, swf_area_width and swf_area_height. This allows developers to adjust their content dynamically based on the OS and area available for their SWF. SWFs can dynamically launch Wired Addresses and Web 3.0 Content by assigning the desired address to the public var launchWiredAddress:String and launchWeb3Address:String.

HTML

The HTML content can be displayed with or without a transparent background. If you desire to override a current background color and set it to transparent enter <body style="background-color: transparent">. The HTML content may not display Flash SWF files correctly. However, if you wish to use a SWF file, you can directly use a SWF file in the same manner you do in our SWF section. Read the SWF section for more details. The HTML engine uses an old version of WebKit so test your code before extensive development and Read Here. While a new webpage can be loaded into the current window, any webpages loaded into a new tab will be ignored. If you wish for the user's default browser to open when a new web page is openned, add the property default_browser="true" to the <w3ml> code. Any content placed in an iFrame will not reactive to the right mouse button's normal actions. The HTML content has to set its width and height viewport by placing the code below in the <head> area of your HTML code.

<w3ml width="1024" height="720"></w3ml>
Virtual

In order to create a Virtual, take a 360 video of your subject (person, object, etc). Place subject on a counter-clockwise rotating stage. Begin recording the video when the subject's back is shown and stop the video slightly after the subject's back is exposed a second time. Using a video editor, crop the video to the desired dimensions and cut the film with the two back showing frames as continous. Create a second cut with the first frame being the one that shows the subject facing forward and the last frame being the subject's back. Move the new cut in front of the rest of the video. This will create a video with the first frame being the subject's front and the last frame being the subject's back. This technique is used so the seam is located at the subject's back. Adjust the video editor's timing so the video exports the desired number of PNG images (approximately 150). Zip the PNG files along with a file named _x3ml.xml. The XML files should look like...

<xml><w3ml frames="160" width="360" height="480"></w3ml></xml>

Than rename the Zip file's extension to ".virtual". Test the Virtual by renaming the extension to ".zip" and double-clicking the Zip file. The PNG images should appear and not another folder.

3D

Coming soon. 3D content will be placed within Unity 3D and displayed within a standard internet browser. The reason the content is considered Web 3.0 is due to the fact that other Web 3.0 content such as Virtuals can be placed inside the 3D worlds. We are currently in development of 3D content for Search Worlds and Virtual Gamer.

Linkage

Whether the Web 3.0 content is hosted on a server or on the user's local computer, the content can be linked to a Wired Address and a standard Web 1.0 or 2.0 web page. This can be used to provide addition information about the content to users. The user simply presses the Wired Address or Link button on the controller bar. Use the following code to add link functionality to your Web 3.0 content.

<w3ml wired_address="digitallimelight" link="http://digitallimelight.com"></w3ml>

For Images, videos and SWFs content, the code can be added to the metadata's keyword field using such applications as Adobe Bridge. For HTM, place the code between the head tags. For Virtual content, add the link attribute to the _w3ml.xml file.


Web 3.0 Platforms

Content Type Category Content Class
Alpha AdsAdsSWF
Alpha AnimationsArtSWF
Alpha ArtArtPNG
Alpha AvatarsPhotosPNG
Alpha ChannelsVideosFLV
Alpha PaintPhotosJPG w/ Mask
Alpha PhotosPhotosPNG
Alpha PlayGamesSWF
Alpha VideosVideosFLV
Artist AvatarsMusicFLV
Avatar AdsAdsFLV
Club AvatarsMusicFLV
Express SearchSearchInternal
Logo AlphasShopPNG
Music AlphasMusicFLV
News AvatarsNewsFLV
News SnippetsNewsHTML
Open AppsOpenSWF
Open PlatformsOpenSWF
Product VirtualsShopVirtual
Search WorldsSearchInternal
Shop LauncherShopLauncher
Social HubsSocialSWF
Social XtrasSocialPNG
Video AvatarsVideosFLV
Virtual ArtArtVirtual
Virtual AvatarsPhotosVirtual
Virtual GamersGamesVirtual + 3D
Web LaunchersDesignLauncher
Web ReshaperDesignHTML
Web SnippetsDesignHTML

Hosting Content

Web 3.0 Platforms built into the Web 3.0 Browser do not host content as do traditional web platforms. This decentralized system allows the content creator to have more hosting flexibility and ownership rights over their own content. If you already have a hosted website, you can upload the content to that web server. If you do not have a website, we recommend Amazon Web Service's S3 storage solution due to its scalability and low price. Watch this video demo in order to learn how to setup a S3 account.


Test & Share

After uploading your content to a server, enter the Web 3.0 Address in the Web 3.0 Browser to insure everything is working fine. Than use the Share Content page to share your newly created Web 3.0 content. You can manually create a share link as follows.

http://share.digitallimelight.com/web3?Web 3.0 Address Here

Hyperlink

Web 3.0 content can be launched with Hyperlink as follows. Supasang Artist Avatar

<a href="http://share.digitallimelight.com/web3?Web3://supasang.ArtistAvatar.http://somedomain.com/assets/7656878.flv">Supasang Artist Avatar</a>
Featured

Submit your Web 3.0 content to our Featured section.


Launch from Web Page

With Web 3.0 Browser installed on the device, Web 3.0 Content and Wired Addresses can be directly launched with a click on a web pages in the 1. Firefox Windows browser, 2. Android browser or 3. iOS browsers. For other browsers, users are directed to a special launch page. In order for your web page to perform the functions above, review the code in this Demo.