HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


"The Forest" A panoramic 'Nature' Theme for ocPortal

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#63772 (In Topic #13776)
Avatar

Community saint

A two themes "welcome splash zone" plus a "Site zones" approach

 The Forest

A few weeks ago, I was entertaining the possibility of using one of my digital painting compositions as a splash screen in an ocPortal website theme. Since ocPortal offers distinct "welcome" and "site" pages, I considered making two themes; one for the "welcome/splash" page, which would be stripped to the core to act as the canvas for my panoramic painting, and the other more traditional for the "site" itself.

So, here it is; an imaginary scene, deep inside a dark forest.
The full scene is "1920 x 1200"

I wanted it overtly dark so that falling leafs and other elements touched by sun light would stand out in rich tones amid dense and misty undergrowth.

Use your mouse and follow the sign to discover the main site!

As usual, your comments and ways to improve on this idea are very welcome:cool:

Jean

 You will find a DEMO Here

I've just added it to the "Themes" download section for those interested.
Back to the top
 
Posted
Rating:
#63774
Avatar

Community saint

Very cool!

Just an idea….

I see you use a transparent image for the link to enter. Maybe have the sign blank and allow someone who uses the theme to create their own text on the sign… they could use that transparent image to write something.

Eric DeMars . com
My electronic portfolio and personal site. Uses ocPortal!
Back to the top
 
Posted
Rating:
#63778
Avatar

Community saint

You've introduced some clever themeing there, Jean.

I like it.

 :thumbs:

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#63780
Avatar

I can't get past the splash screen on my touch-based iOS device.

It's a lovely theme though! (I checked it out by going to /site/ manually.)


Like ocPortal on Facebook:
Back to the top
 
Posted
Rating:
#63783
Avatar

Community saint

Eric said

Very cool!

Just an idea….

I see you use a transparent image for the link to enter. Maybe have the sign blank and allow someone who uses the theme to create their own text on the sign… they could use that transparent image to write something.
Actually that was my intention with the transparent image, which could be filled with a new sign overlapping the original. But, yes, this would require a bit of photoshop like redrawing of the sign and your suggestion would make the process easier, as one can just use text.

I've done the changes and it works great after a small adjustment to the css.

Thanks!:thumbs:
Back to the top
 
Posted
Rating:
#63784
Avatar

Community saint

Robbie Goacher said

I can't get past the splash screen on my touch-based iOS device.

It's a lovely theme though! (I checked it out by going to /site/ manually.)
Ah yes! Robbie, until September Adobe Flash was not supported by these devices, but now I believe the problem would be that the flash apps overlap on the HTML page, which at 320 480 is too small. It would probably work using the updated Packager for iPhone included with Adobe Flash Professional CS5 with the correct dimensions of the IOS.

Cheers!
Back to the top
 
Posted
Rating:
#63785
Avatar

Community saint

Fletch said

You've introduced some clever themeing there, Jean.

I like it.

:thumbs:
Thanks Fletch! :)
Back to the top
 
Posted
Rating:
#63789
Avatar

Community saint

Waiting for it to be approved, then I'll grab it!  :thumbs:

Eric DeMars . com
My electronic portfolio and personal site. Uses ocPortal!
Back to the top
 
Posted
Rating:
#63790
Avatar

Islander-aua said

Robbie Goacher said

I can't get past the splash screen on my touch-based iOS device.

It's a lovely theme though! (I checked it out by going to /site/ manually.)
Ah yes! Robbie, until September Adobe Flash was not supported by these devices, but now I believe the problem would be that the flash apps overlap on the HTML page, which at 320 480 is too small. It would probably work using the updated Packager for iPhone included with Adobe Flash Professional CS5 with the correct dimensions of the IOS.

Cheers!
As far as I am aware, and I pay close attention to this, Flash is still definitely not available on iOS. So I'm stuck! Surely you can achieve your resulted without Flash?


Like ocPortal on Facebook:
Back to the top
 
Posted
Rating:
#63800
Avatar

Community saint

Robbie Goacher said

 As far as I am aware, and I pay close attention to this, Flash is still definitely not available on iOS. So I'm stuck! Surely you can achieve your resulted without Flash?
You are right of course Robbie; at the moment iOS devices do not support Browser side Flash animation, and I thought erroneously that since Apple has recently relaxed restrictions on its iOS developer license, that it opened the doors to Flash, but it is apparently only meant for eventual applications and not browser side viewing. Since my scenery is browser driven, you were probably not able to view it on your device and it had the effect of blocking the HTML "goto site" Button. It is too bad since the falling leaves, optimized at only 55k and the bird animation at 127k, are so lean that it makes it possible to finally have panoramic scenery rendered decently enough by all browsers, and I should think on iOS devices as well, if not for Apple's control. I do not know of any other graphical platform other than Flash that can achieve this. For the moment however, I could issue two "mods"; with or without Flash. It's just a matter of removing the two Flash objects from "The Forest2" HEADER.tpl. If I knew how-eventually I will-I would offer a programmatically inclusive option to turn it on or off.

I read recently that the canvas element is part of HTML5 and allows for dynamic, scriptable rendering of 2D shapes and bitmap images. It has been introduced by Apple some time ago and might explain its reticence in allowing Adobe on its devices. From what I could see of this technology so far, it does not quite have the caliber of Flash and less than desirable performance in comparison.

I found a good example of HTML5 Canvas here: The Wilderness Downtown ( Warning! it is strictly viewable with Google Chrome without freezing your browser)

Google wanted a creative way to showcase what was possible on the web with HTML5. Canvas is used to render the flocking birds (that fly away from your mouse clicks "I love it!") and to provide color correction throughout.

I'm fairly new to the world of graphics, but some of my work has revolved heavily around animation. I would like to push this to real-time, interactive motion graphics eventually. As an artist, my point of view is that I don't have any particular technology in mind to achieve my goals, but I do know what it should look like and how it should behave. It must make that animation convincing in order for the audience to be immersed in it. Choppy frame rates and jerky motion can make it an easy decision to close a tab. I would love to use free browser technologies to produce some of this stuff, but I'm not ready to compromise my vision to fit into the browser. So for now, I author projects in whatever offers the best experience, which on the Web means Flash.
Back to the top
 
Posted
Rating:
#63813
Avatar

Community saint

Islander-aua said

I read recently that the canvas element is part of HTML5 and allows for dynamic, scriptable rendering of 2D shapes and bitmap images.

Supported in IE9 as well, so it should have approval from the vox populi. Which is good news for developers!

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#63834
Avatar

Thanks Jean.

It's a shame, but as a Mac user I am automatically programmed to hate Flash. It's proprietary, and counts for most browser crashes/slowdowns on the platform. I can always tell when a website has Flash (normally adverts) because the page stops loading for a few seconds while the poorly programmed Flash plugin starts up. This happens in all my browsers.

The other issue is that the future is:
  • touch based
  • mobile
And Flash doesn't sit well with either goal (it was designed for keyboard + mouse input, and really affects battery life on devices where power is at a premium)

If Adobe sort out their plugin, I'd happily advocate the platform, but the problems have been around for years with no resolution, so  now I'm looking forward to be shot of Flash completely.  


Like ocPortal on Facebook:
Back to the top
 
1 guests and 0 members have just viewed this: None
Control functions:

Quick reply   Contract

Your name:
Your message: