
TheEndless
Channel Surfer
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
05-04-2015
09:02 PM
Re: Developing rich UI contents
"belltown" wrote:
I was wondering about the HTML5 thing, although I didn't think the Roku was powerful enough for that. According to Anthony Wood:
'Tis true, which is why you and I can't do it, but we know the new Netflix is HTML5 (using their own custom web engine), and I'm 95% sure YouTube is (http://www.youtube.com/tv).
"EnTerr" wrote:
Can roImageCanvas draw anything else but images and text (i.e. lines, rectangles)?
Also the TargetRotation property - does it support arbitrary angles or only multitudes of 90?
It's been a long time since I wrote that channel, but it can do rectangles (and rectangles that look like lines). No triangles or other shapes, and I seem to recall TargetRotation being limited to 90 degrees, but I'm not positive about that.
My Channels: http://roku.permanence.com - Twitter: @TheEndlessDev
Instant Watch Browser (NetflixIWB), Aquarium Screensaver (AQUARIUM), Clever Clocks Screensaver (CLEVERCLOCKS), iTunes Podcasts (ITPC), My Channels (MYCHANNELS)
Instant Watch Browser (NetflixIWB), Aquarium Screensaver (AQUARIUM), Clever Clocks Screensaver (CLEVERCLOCKS), iTunes Podcasts (ITPC), My Channels (MYCHANNELS)
EnTerr
Roku Guru
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
05-04-2015
09:22 PM
Re: Developing rich UI contents
"belltown" wrote:"EnTerr" wrote:
How can you distinguish if something is using roScreen vs roImageCanvas?
r2d2_bitmaps

belltown
Roku Guru
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
05-04-2015
09:30 PM
Re: Developing rich UI contents
"EnTerr" wrote:
Can roImageCanvas draw anything else but images and text (i.e. lines, rectangles)?
I used lots of lines and rectangles here, and text and images: http://forums.roku.com/viewtopic.php?f=28&t=46890&start=15#p452411
The downside of using roImageCanvas for something like that (at least the way I implemented it), is the amount of time it takes to render all the lines (which are really very thin rectangles), and draw all the text. In that example, you can page through the screens vertically, but there's a noticeable (or irritating, depending on who you talk to) lag while the next page is rendered. The advantage of roImageCanvas is that it's much less work; I didn't have to do anything special to get the text lines to wrap within their enclosing rectangles, for example.
With roScreen you could render something like that a lot quicker, constructing the text and rectangle bitmaps ahead of time and use roCompositor and/or roRegion to achieve real, smooth scrolling - although it's a lot more complicated. NewManLiving is an expert on how to do all roScreen stuff.
renojim
Community Streaming Expert
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
05-04-2015
10:18 PM
Re: Developing rich UI contents
"TheEndless" wrote:
...and I seem to recall TargetRotation being limited to 90 degrees, but I'm not positive about that.
Image canvas can do any rotation (see the Video Poker screensaver), but it's way too slow for any kind of animation.
-JT
Roku Community Streaming Expert
Help others find this answer and click "Accept as Solution."
If you appreciate my answer, maybe give me a Kudo.
I am not a Roku employee.
Help others find this answer and click "Accept as Solution."
If you appreciate my answer, maybe give me a Kudo.
I am not a Roku employee.
EnTerr
Roku Guru
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
05-04-2015
10:42 PM
Re: Developing rich UI contents
"belltown" wrote:"EnTerr" wrote:
Can roImageCanvas draw anything else but images and text (i.e. lines, rectangles)?
I used lots of lines and rectangles here, and ...[/url]
But how??
You have done it, TheEndless has done it - and i feel like an idiot because i cannot figure it out. It's not documented openly - i tried reading between the lines (http://sdkdocs.roku.com/display/sdkdoc/ ... +Meta-Data) and still nothing!
What am i missing. Or was documentation lost in translation?

TheEndless
Channel Surfer
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
05-04-2015
10:56 PM
Re: Developing rich UI contents
"EnTerr" wrote:"belltown" wrote:"EnTerr" wrote:
Can roImageCanvas draw anything else but images and text (i.e. lines, rectangles)?
I used lots of lines and rectangles here, and ...[/url]
But how??
You have done it, TheEndless has done it - and i feel like an idiot because i cannot figure it out. It's not documented openly - i tried reading between the lines (http://sdkdocs.roku.com/display/sdkdoc/ ... +Meta-Data) and still nothing!
What am i missing. Or was documentation lost in translation?
horizontalWhiteLine = {
Color: "#FFFFFFFF"
TargetRect: {
x: 100
y: 100
w: 500
h: 1
}
}
My Channels: http://roku.permanence.com - Twitter: @TheEndlessDev
Instant Watch Browser (NetflixIWB), Aquarium Screensaver (AQUARIUM), Clever Clocks Screensaver (CLEVERCLOCKS), iTunes Podcasts (ITPC), My Channels (MYCHANNELS)
Instant Watch Browser (NetflixIWB), Aquarium Screensaver (AQUARIUM), Clever Clocks Screensaver (CLEVERCLOCKS), iTunes Podcasts (ITPC), My Channels (MYCHANNELS)
belltown
Roku Guru
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
05-04-2015
11:26 PM
Re: Developing rich UI contents
"squirreltown" wrote:"belltown" wrote:
They all feel to me like they weren't really designed for the Roku platform, lacking the smoothness you could get with roScreen
This is what I can't figure out. One thing about roScreen is it can be really slick movement-wise, there's just no excuse to have stuff stuttering around, and yet a lot of these "partner" channels do just that. What are they actually building them with? I haven't seen anything that couldn't be duplicated with roScreen, so why don't they use it?
Portability.
I guess they're using code they've developed for other platforms. If there's some sort of HTML 5 SDK that only the privileged partners have access to that will run code they've already written, then it's a lot less work to port that existing code to the Roku, rather than start from scratch on a one-off implementation using a new language, a new API/SDK, and a new platform, that they most likely have had no previous experience with.
EnTerr
Roku Guru
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
05-05-2015
09:45 AM
Re: Developing rich UI contents
"TheEndless" wrote:"EnTerr" wrote:
But how??
You have done it, TheEndless has done it - and i feel like an idiot because i cannot figure it out. It's not documented openly - i tried reading between the lines (http://sdkdocs.roku.com/display/sdkdoc/ ... +Meta-Data) and still nothing!
What am i missing. Or was documentation lost in translation?horizontalWhiteLine = {Color: "#FFFFFFFF", TargetRect: {x: 100, y: 100, w: 500, h: 1}}
Looks simple enough!
How did you learn it - any documentation on that?
Maybe there also can be borders, circles, rectangles, poly-lines...
tvjay
Channel Surfer
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-14-2015
08:30 AM
Re: Developing rich UI contents
"TheEndless" wrote:
'Tis true, which is why you and I can't do it, but we know the new Netflix is HTML5 (using their own custom web engine), and I'm 95% sure YouTube is (http://www.youtube.com/tv).
Do you know how make an app that just displays a webpage?
andreV
Visitor
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
06-15-2015
11:55 AM
Re: Developing rich UI contents
Is there any kind of container for items (images,texts,shapes) on imageCanvas or roScreen ? Something like html div, so you can place items inside this container and only change position of container not each item separately.