Hi Team,
Am new to roku app development, i have a plan to create a small app like weather report, i know its huge leap for beginners. Before creating this app i just wanna know. what are the things i need to be learn and what are the components i need to work out.
Things i done:
i have developed a simple Hello world program.
Next ? please help me
Thanks in advance
How much programming do you know? What languages do you know? Do you know Basic/VB or python or javascript or what?
At first blush, focus on using only SDK1 - and none of the SDK2 (the so-called “Roku Scene Graph”). It’s hard to tell them apart because the documentation is a mishmash assuming you know already which is which - but if the component name starts with “ro” - use that. If it starts with “roSG” or no “ro” prefix at all - that is RSG and trust me, you don’t want that.
“hclapp_1” wrote:
Next ? please help me
You’re going to need to download information and display it on screen, so there’s two skills you need - using roURLtransfer to get the data from the internet and roScreen or roImageCanvas to display it. If for any reason your answer to EnTerr’s question is “none”, it doesn’t matter so much which thing you do next, because there is a lot to know before you can start your actual project. Look at the example channels in the SDK. Find one that looks interesting, and start poking around - change a color, or a URL and see what happens. Make sure you are using the debugger, it’s a waste of time without it.
“EnTerr” wrote:
How much programming do you know? What languages do you know? Do you know Basic/VB or python or javascript or what?At first blush, focus on using only SDK1 - and none of the SDK2 (the so-called “Roku Scene Graph”). It’s hard to tell them apart because the documentation is a mishmash assuming you know already which is which - but if the component name starts with “ro” - use that. If it starts with “roSG” or no “ro” prefix at all - that is RSG and trust me, you don’t want that.
Hi En Terr
Thanks for your reply !
I have knowledge in web technologies like JS and jquery… hmmmh vb i learned at my college level..
and document is little tough to understand. Please help me which component to start with at basic level.
“squirreltown” wrote:
“hclapp_1” wrote:
Next ? please help me
You’re going to need to download information and display it on screen, so there’s two skills you need - using roURLtransfer to get the data from the internet and roScreen or roImageCanvas to display it. If for any reason your answer to EnTerr’s question is “none”, it doesn’t matter so much which thing you do next, because there is a lot to know before you can start your actual project. Look at the example channels in the SDK. Find one that looks interesting, and start poking around - change a color, or a URL and see what happens. Make sure you are using the debugger, it’s a waste of time without it.Hi ST,
Thanks for your reply…Actual project motto is to read third party Weather JSON Data and separate the data with country and state wise. and display it on roku screen with little graphics. As u said earlier roURLtransfer roScreen, roCanvas is good startup for above things. But what is the basic level course to learn for beginner’s. then only its easy to understand the core of the brighscript. Please suggest it in order..
Like in JS… we need to learn BOM(browser object model) and DOM(Document object model) , later manipulations on DOM. this is the basic for JS.
“hclapp_1” wrote:
Actual project motto is to read third party Weather JSON Data and separate the data with country and state wise. and display it on roku screen with little graphics. As u said earlier roURLtransfer roScreen, roCanvas is good startup for above things. But what is the basic level course to learn for beginner’s. then only its easy to understand the core of the brighscript. Please suggest it in order..
Ok, so you are not in bad shape to tackle this. Read this section first Getting started in the following order:
Statement Summary
Expressions, Variables, and Types
Program Statements
Component Architecture
The rest of the section, just have a glance of it to know such-and-such functions exist. Sounds like roImageCanvas is the one to use for the UI.
“EnTerr” wrote:
“hclapp_1” wrote:
Actual project motto is to read third party Weather JSON Data and separate the data with country and state wise. and display it on roku screen with little graphics. As u said earlier roURLtransfer roScreen, roCanvas is good startup for above things. But what is the basic level course to learn for beginner’s. then only its easy to understand the core of the brighscript. Please suggest it in order..
Ok, so you are not in bad shape to tackle this. Read this section first Getting started in the following order:
Statement Summary
Expressions, Variables, and Types
Program Statements
Component Architecture
The rest of the section, just have a glance of it to know such-and-such functions exist. Sounds like roImageCanvas is the one to use for the UI.
Hey Thanks, let me check those things…
“hclapp_1” wrote:
“EnTerr” wrote:
“hclapp_1” wrote:
Actual project motto is to read third party Weather JSON Data and separate the data with country and state wise. and display it on roku screen with little graphics. As u said earlier roURLtransfer roScreen, roCanvas is good startup for above things. But what is the basic level course to learn for beginner’s. then only its easy to understand the core of the brighscript. Please suggest it in order..
Ok, so you are not in bad shape to tackle this. Read this section first Getting started in the following order:
Statement Summary
Expressions, Variables, and Types
Program Statements
Component Architecture
The rest of the section, just have a glance of it to know such-and-such functions exist. Sounds like roImageCanvas is the one to use for the UI.
Hey Thanks, let me check those things…
Hi EnTerr:
What is the difference between Scene Graph and Scene Graph XML ?
“hclapp_1” wrote:
What is the difference between Scene Graph and Scene Graph XML ?
There is no difference. Roku’s scene graph (SDK2) requires writing scene descriptors in XML - at least currently.
How is this related to you learning Brightscript and your project?
And why do you keep quoting all previous text in your reply? Trim it!
Scene graph comes under brightscript na ? Am I correct…?
“hclapp_1” wrote:
Scene graph comes under brightscript na ? Am I correct…?
Not at all, just like Adobe Flash does not come under Javascript. Learning JS does not require you use Flash - it can be used with HTML, Node.js etc
Did you read what i said earlier?
“EnTerr” wrote:
At first blush, focus on using only SDK1 - and none of the SDK2 (the so-called “Roku Scene Graph”). It’s hard to tell them apart because the documentation is a mishmash assuming you know already which is which - but if the component name starts with “ro” - use that. If it starts with “roSG” or no “ro” prefix at all - that is RSG and trust me, you don’t want that.At 2nd blush, i maintain my initial guess - RSG is not right for you.
I have read the basics of bright script, if RSG is not useful for me, then whats the purpose of RSG, in which scenario we use RSG. Please explain
“hclapp_1” wrote:
I have read the basics of bright script, if RSG is not useful for me, then whats the purpose of RSG, in which scenario we use RSG. Please explain
RSG is not a good fit for you and your case.
It’s (a) created to solve more complicated problems than yours and (b) requires really experienced developers.
Think a “razor blade” - without the handle, just the blade.
Hi En terr
Is this link helps me to read brightscript
http://docs.brightsign.biz/display/DOC/Object+Reference
“hclapp_1” wrote:
Hi En terr
Is this link helps me to read brightscript
http://docs.brightsign.biz/display/DOC/Object+Reference
I don’t think so. BrightSign is now a different company from Roku. Common roots (founders, investors) - and they use BrightScript as well - but i believe over the years the code base have drifted signifcantly away. Partly the language - but much more so the objects/components.
Hi Ent ter,
Its possible to layout the roscreen or roimagecanvas screens like multiple child divs inside one parent container. Please check below image. I want the layout like this.
[upload|I3Co7EGgA7za65d6dSWk3A==]
Please suggest some ideas. And is any another way to achieve this.
I have create a page using roimagecanvas, for reference please check the attached image. I have few doubts on this.
[upload|EPrMffFLIvrcP78Rq8iLhw==]
using set layer i have created the layer for each objects in the screen.
Pink background (Layer 1)
Black background(Layer 2)
Pink background content is achieved using uriTransfer. Each item is in separate layer like JEFF HAN(layer 3), David Kelley (layer 4) etc**…**
Black background content achieved through left side list item selection. Based on list selection the content will change.
Doubts are:
If my web services data is more than 100 list items, so i need to create separate layer for each list items. is that advisable or any other method to achieve it.
How to change Right side content font line-height , apart from system font shall i give any other font? is that possible.
“hclapp_1” wrote:
Doubts are:
If my web services data is more than 100 list items, so i need to create separate layer for each list items. is that advisable or any other method to achieve it.
How to change Right side content font line-height , apart from system font shall i give any other font? is that possible.
You won’t be showing a hundred list items on screen, just the ones that are visible - a dozen or two. Yes, you have to figure out which ones to show.
TextAttrs Attribute Keys says “Also can use any fonts registered by the roFontRegistry Object and returned by its Get() method”. How you can specify size/bold/italic attributes though, i have no idea.
“EnTerr” wrote:
TextAttrs Attribute Keys says “Also can use any fonts registered by the roFontRegistry Object and returned by its Get() method”. How you can specify size/bold/italic attributes though, i have no idea.
Shirley, you aren’t serious… :roll:
ifFontRegistry Get(family as String, size as Integer, bold as Boolean, italic as Boolean) as String
https://sdkdocs.roku.com/display/sdkdoc … casBooleanasString
“RokuKC” wrote:
Shirley, you aren’t serious… :roll:
ifFontRegistry Get(family as String, size as Integer, bold as Boolean, italic as Boolean) as String
https://sdkdocs.roku.com/display/sdkdoc … casBooleanasString
Doh! Slowly but Shirley i am turning into a prof. Farnsworth.
So to re-cap for posterity - to change font’s family/size/bold/italic for a text in roImageCanvas, assign the string returned by calling .get(…) on a roFontRegistry - assign to Font of TextAttrs. E.g.
roFonts = createObject("roFontRegistry")
roFonts.register("pkg:/myFont.ttf")
newFontToken = roFonts.get("myFontFamilial", 10, false, true)
canvasItem = {
text: "Hello ImageCanvas"
textAttrs: {Color: "#FFCCCCCC", Font: newFontToken}
targetRect: {x:390, y:357, w:500, h:60}
}
