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

PNG

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.

JPG w/ Mask

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. The JPG can be hosted anywhere that you are able to access it with a URL. For more information, watch this video tutorial.

FLV

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.

SWF

Interactive content can be created with Flash Professional. 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 screen(screenType:String):void within the SWF file and passes either "desktop" or "mobile" as parameters. This allows developers to adjust their content dynamically based on the screen size. The maximum size for a "mobile" SWF should be 460x670.

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">. HTML content will not display any Flash SWF files but 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. This can be overridden by assigning the URL to be launched in a default web browser to an attribute named "toWeb3" in the button tag. Any content placed in an iFrame will not reactive to the right mouse button's normal actions. The Snippets categories set the user agent as a mobile phone in order to trigger mobile content. Web 3.0 Content and Wired Addresses can be directly launched from an HTML file if you give a button or input (type=image) tag a custom attribute of "toWeb3" than assign the attribute the Web 3.0 Content's address or Wired Address. 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>
Launcher

The Launcher content behaves exactly as the HTML content except that when a new webpage is requested from code, it launches the webpage in the user's default web browser.

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

All Web 3.0 content can be linked to a standard Web 1.0 or 2.0 webpage. This can be used to provide addition information about the content to users. The user simply presses the Link button on the controller bar. Use the following code to add link functionality to your Web 3.0 content.

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

For PNG, JPG w/ Mask, FLV and SWF content, the code can be added to the metadata's keyword field using such applications as Adobe Bridge. For HTML and Launcher content, place the code between the head tags. For Virtual content, add the link attribute to the _w3ml.xml file.


Web 3.0 Platforms

Platform 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.