Ticker in Canvas

I need to have an object to act like a Ticker in a Canvas. Does anyone know how to do it??
(MIDP's Ticker object can only append in Form object)

Upgrade to MIDP 2.0. The ticker has been promoted to the Displayable class and Canvas extends the Displayable class.

Similar Messages

Green check (or tick) symbols and yellow exclamation marks in the canvas

Dear All,
I've been editing several sequences for some DVD extras over the past month and have returned to my main edit to find every time I stop the edit there's a green check (or tick as we say in the UK) in the canvas window. And sometimes there's a yellow triangle with an exclamation mark. Does anyone know why these are now being displayed and how I can get rid of them?
All help very welcome.
Thanks Damon

Somehow you have switched on the Range Checker for excess Luma or Chroma which shows whether your video is within acceptable limits.
To switch it off go to View>Range Check and deselect what you don't want.

Can I append a Ticker on a Canvas?

Hi,
I am very new to J2ME. Just want to know whether it is possible to append a Ticker onto a Canvas as done in a Form. Please help me by giving any suggestions on some method to do this.

{color:#000080}Have you looked at the api for Canvas? Why don't you just try, and find out for yourself?
I'm sorry, but I don't see this as a valid question to ask here.
db{color}

Resize Canvas applescript using the relative tick?

I'm using this
tell application "Adobe Photoshop CS6"
resize canvas height -1 anchor position top center
end tell
I want to reduce the size of the image by 1 pixels from the top center. But when I do it manually I would use the "relative" check box,
How can I do this?
please

tell application "Adobe Photoshop CS5"
tell document 1
resize canvas height (height - 1) anchor position top center
end tell
end tell

How to load multiple HTML5 canvas on the same page (the proper method)

Hi,
I've been struggling to load multiple canvas animations on the same page. At the beggining I thought that exporting the movies with different namespaces and reloading the libraries in a sequential flow might work, but it doesn't. It always loads just the last animation loaded. More info here: Coding challenge: what am I doing wrong?
Here is a sample of what I'm doing:
1st: Publish two flash movies with custom namespaces for "lib" set in the "publish settings": "libFirst" and "libSecond".
2nd: Edit the canvas tags in the HTML page. One called "firstCanvas" and the other one called "secondCanvas"
3rd: Edit the javascript like this:
        <script>
            // change the default namespace for the CreateJS libraries:
            var createjsFirst = createjsFirst||{};
            var createjs = createjsFirst;
        </script>
        <script src="//code.createjs.com/easeljs-0.7.1.min.js"></script>
        <script src="//code.createjs.com/tweenjs-0.5.1.min.js"></script>
        <script src="//code.createjs.com/movieclip-0.7.1.min.js"></script>
        <script src="{{assets}}/js/first.js"></script>
        <script>
            function initFirstAnimation() {
                var canvas, stage, exportRoot;
                canvas = document.getElementById("firstCanvas");
                exportRoot = new libFirst.first();
                stage = new createjsFirst.Stage(canvas);
                stage.addChild(exportRoot);
                stage.update();
                createjsFirst.Ticker.setFPS(libFirst.properties.fps);
                createjsFirst.Ticker.addEventListener("tick", stage);
        </script>
        <script>
            // change the default namespace for the CreateJS libraries:
            var createjsSecond = createjsSecond||{};
            var createjs = createjsSecond;
        </script>
        <script src="//code.createjs.com/easeljs-0.7.1.min.js"></script>
        <script src="//code.createjs.com/tweenjs-0.5.1.min.js"></script>
        <script src="//code.createjs.com/movieclip-0.7.1.min.js"></script>
        <script src="{{assets}}/js/second.js"></script>
        <script>
            function initSecondAnimation() {
                var canvas, stage, exportRoot;
                canvas = document.getElementById("secondCanvas");
                exportRoot = new libSecond.second();
                stage = new createjsSecond.Stage(canvas);
                stage.addChild(exportRoot);
                stage.update();
                createjsSecond.Ticker.setFPS(libSecond.properties.fps);
                createjsSecond.Ticker.addEventListener("tick", stage);
        </script>
<body onload="initFirstAnimation(); initSecondAnimation();">
Could someone please reply with the best practice on how to do this? If possible, without the need to reload all the libraries...
If I only need to show one flash movie at a time, would it be more efficient to cut & paste the canvas tag using jQuery in the DOM and reloading a different lib on it?
Many thanks!
#flash #reborn

I was able to fix it. At the end, it was easier than I thought. Just have to publish using a different "lib" namespace for each movie, load all the scripts at the end of the <body> and then add the following to the onload or ready events:
$(document).ready(function () {
        var canvas, stage, exportRoot;
        // First movie
        canvas = document.getElementById("firstCanvas");
        exportRoot = new libFirst.first();
        stage = new createjs.Stage(canvas);
        stage.addChild(exportRoot);
        stage.update();
        createjs.Ticker.setFPS(libFirst.properties.fps);
        createjs.Ticker.addEventListener("tick", stage);
        // Second movie
        canvas = document.getElementById("secondCanvas");
        exportRoot = new libSecond.second();
        stage = new createjs.Stage(canvas);
        stage.addChild(exportRoot);
        stage.update();
        createjs.Ticker.setFPS(libSecond.properties.fps);
        createjs.Ticker.addEventListener("tick", stage);
        // Third movie
        canvas = dument.getElementById("thirdCanvas");
        exportRoot = new libThird.third();
        stage = new createjs.Stage(canvas);
        stage.addChild(exportRoot);
        stage.update();
        createjs.Ticker.setFPS(libThird.properties.fps);
        createjs.Ticker.addEventListener("tick", stage);

Two animations on the same page Html5 canvas (flash cc)

Hi all,
I have been using Flash CC to create some nice html5 animations and I am really enjoying it. However I wanted to add more than one animation to the same page. I have managed to get two animations running on the same page, but I am having some issues whereby only one of the animations load the supported images where as the second one does not. I have pasted my code below, any help would be gratefully received. In the long term I want to add many animations to the same page, so would appreciate some help on how this can be done more efficiently. Many thanks in advance.
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>animation test</title>
    <script src="http://code.createjs.com/easeljs-0.7.0.min.js"></script>
    <script src="http://code.createjs.com/tweenjs-0.5.0.min.js"></script>
    <script src="http://code.createjs.com/movieclip-0.7.0.min.js"></script>
    <script src="http://code.createjs.com/preloadjs-0.4.0.min.js"></script>
    <script src="animation-three.js"></script>
    <script src="chart-animation.js"></script>
    <script>
var canvas, stage, exportRoot;
function init() {
canvas = document.getElementById("graph");
canvas = document.getElementById("piechart");
images = images||{};
var loader = new createjs.LoadQueue(false);
loader.addEventListener("fileload", handleFileLoad);
loader.addEventListener("complete", handleComplete);
loader.loadManifest(lib.properties.manifest);
function handleFileLoad(evt) {
if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
function handleComplete() {
          exportRoot = new lib.animationthree();
          stage = new createjs.Stage(graph);
          stage.addChild(exportRoot);
          stage.update();
          createjs.Ticker.setFPS(30);
          createjs.Ticker.addEventListener("tick", stage);
    exportRoot = new lib.chartanimation();
          stage = new createjs.Stage(piechart);
          stage.addChild(exportRoot);
          stage.update();
          createjs.Ticker.setFPS(30);
          createjs.Ticker.addEventListener("tick", stage);
    </script>
</head>
<body onload="init();" style="background-color:#D4D4D4">
    <canvas id="graph" width="530" height="410" style="background-color:#FFFFFF"></canvas>
    <canvas id="piechart" width="530" height="410" style="background-color:#FFFFFF"></canvas>
</body>
</html>

Hi all,
I have been using Flash CC to create some nice html5 animations and I am really enjoying it. However I wanted to add more than one animation to the same page. I have managed to get two animations running on the same page, but I am having some issues whereby only one of the animations load the supported images where as the second one does not. I have pasted my code below, any help would be gratefully received. In the long term I want to add many animations to the same page, so would appreciate some help on how this can be done more efficiently. Many thanks in advance.
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>animation test</title>
    <script src="http://code.createjs.com/easeljs-0.7.0.min.js"></script>
    <script src="http://code.createjs.com/tweenjs-0.5.0.min.js"></script>
    <script src="http://code.createjs.com/movieclip-0.7.0.min.js"></script>
    <script src="http://code.createjs.com/preloadjs-0.4.0.min.js"></script>
    <script src="animation-three.js"></script>
    <script src="chart-animation.js"></script>
    <script>
var canvas, stage, exportRoot;
function init() {
canvas = document.getElementById("graph");
canvas = document.getElementById("piechart");
images = images||{};
var loader = new createjs.LoadQueue(false);
loader.addEventListener("fileload", handleFileLoad);
loader.addEventListener("complete", handleComplete);
loader.loadManifest(lib.properties.manifest);
function handleFileLoad(evt) {
if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
function handleComplete() {
          exportRoot = new lib.animationthree();
          stage = new createjs.Stage(graph);
          stage.addChild(exportRoot);
          stage.update();
          createjs.Ticker.setFPS(30);
          createjs.Ticker.addEventListener("tick", stage);
    exportRoot = new lib.chartanimation();
          stage = new createjs.Stage(piechart);
          stage.addChild(exportRoot);
          stage.update();
          createjs.Ticker.setFPS(30);
          createjs.Ticker.addEventListener("tick", stage);
    </script>
</head>
<body onload="init();" style="background-color:#D4D4D4">
    <canvas id="graph" width="530" height="410" style="background-color:#FFFFFF"></canvas>
    <canvas id="piechart" width="530" height="410" style="background-color:#FFFFFF"></canvas>
</body>
</html>

Flash CC Canvas project - No longer able to set the export Linkage?

Now that Toolkit has been integrated into Flash, it appears a Library Linkages have been somewhat removed...
You can no longer right click and set a linking for an object in the Library, yet you can mannually edit the Linkage box and it works. It worked when tool kit so why has this been disabled? Having to dump everything onto the stage in order to get access to the object is no the best way of doing things, you have to then mannually enter an 'instance' name for everything, before you could right click all the items in the library and select export. It would hten use the library objects name as the linkage.
Will this feature return, I see no reason for it to be removed?

Hi thanks for the fast reply.
I still don't see why it was removed. By removing the feature it does simplify the process but it also hampers the process...
In my example, say I have 100 movie clips, all of these have animations and timeline code; 'stop()', gotoAndPlay()' etc etc.
So under the new "simplified" system, I have to add all 100 clips to the stage, distrute them so I can select them and then manually give them all instance names so that I can interact with them in code, otherwise they become instance1, instance2 etc which i unreliable. Alternativly, I have to edit the Linkage label for each clip in the library manually. I don't think anyone would enjoy this either of these tasks.
The other alternative would be to use the 'export linkages' in an "ActionScript" project but if I were to then copy them back into the Canvas project, all my code would be commented out. I would then have to go through all 100 clips re enabling the code, again another horrible task.
Comparing this to the old way; I would select the 100 clips in the library, right click and tick export. Simple.
This is pretty annoying and I think disabling this feature has not been truly thought out.
I would love to see it return and can only hope it will in a future update.

Final Cut Pro 6 - firewire output to monitor I lose Canvas window. . .?

Hello, I am running Final Cut Pro 6 (Suite 2) on a G5 1.6 processor, etc etc.
I have noticed that with this version of FCP, that when my media goes out the firewire cable to a production monitor, that my motion of the clips STOPS in the Canvas and Viewer windows.
Anyone know why that is? Older versions of final cut, there were no problems. . .now there is? Is there some simple setting somewhere i am overlooking?
Please help! As surprisingly while it is not dire, it IS a nuisance. . .
Thanks,
Walt

in the Audio/Video Settings window >> A/V Devices tab
make sure you have ticked the "Mirror on Desktop" checkbox
• Mirror on desktop: Select this checkbox to simultaneously show video on both your
computer’s display (in the Canvas or Viewer) and an external video monitor. Some
third-party video interfaces may override this setting.

Maximum Artboard Size (Not Canvas Size)

Hi,
I read that maximum canvas size is 227in but Illustrator CC on both mac and windows and several different computer does not allow me to exceed 120in x 120 in. I can change my artboard size manually (shift+o) and drag the corners to 227inches but the number on the right upper corner is stuck on 120 inches. So what is the maximum size that I can work in Illustrator? If it is 227in why can't I make an Artboard bigger than 120 inches? And to avoid more confusion what is the canvas and what is the art board?
Thank you

mus,
When things become seriously weird, as in your case, it may be worth trying the list (you have been through 1) and 2) already, and I would suggest your skipping 3) and 5), which leaves 4) and 6).
The following is a general list of things you may try when the issue is not in a specific file, and when it is not caused by issues with opening a file from external media, see below. You may have tried/done some of them already; 1) and 2) are the easy ones for temporary strangenesses, and 3) and 4) are specifically aimed at possibly corrupt preferences); 5) is a list in itself, and 6) is the last resort.
If possible/applicable, you should save current artwork first, of course.
1) Close down Illy and open again;
2) Restart the computer (you may do that up to at least 5 times);
3) Close down Illy and press Ctrl+Alt+Shift/Cmd+Option+Shift during startup (easy but irreversible);
4) Move the folder (follow the link with that name) with Illy closed (more tedious but also more thorough and reversible), for CS3 - CC you may find the folder here:
https://helpx.adobe.com/illustrator/kb/preference-file-location-illustrator.html
5) Look through and try out the relevant among the Other options (follow the link with that name, Item 7) is a list of usual suspects among other applications that may disturb and confuse Illy, Item 15) applies to CC, CS6, and maybe CS5);
Even more seriously, you may:
6) Uninstall (ticking the box to delete the preferences), run the Cleaner Tool (if you have CS3/CS4/CS5/CS6/CC), and reinstall.
http://www.adobe.com/support/contact/cscleanertool.html

Stupid question ? How do I PROPERLY display 16:9 in the canvas/viewer

Working in FCP6. All I want to do is capture 16:9 PAL DVCAM from a Sony DSR 450 (set, unsurprisingly, to 16:9!) I've been all over the manual and drop down menus, think I've got the settings correct, BUT the canvas and viewer show the 16:9 letterboxed in a 4:3 frame and the capture window shows incoming 16:9 video squeezed into 4:3 frame. this can't be right surely. Could someone take me through the right settings?
In Avid (sorry for the bad language) you can simply select 16:9 monitors. I've found the windows/arrange/standard bit and was expecting to see a 16:9/4:3 option but it doesn't exist. Help ... Please.

Hi. Thanks for the thoughts. I'v already been on this dialogue box, there isn't a straightforward 16:9 setting. I'm assumng that you aheck the anamrphic 16:9 box select pixel aspect ratio to PAL CCIR601 720x576 and frame size to CCIR 601 PAL (4:3) Can't imagine what the frame size seting CCIR^)! PAL(5:4) is for. I'm aware that there are no more pixels recorded in 16:9 on a native 16:9 chip so setting for PAL 4:3 and ticking the anamorphic 16:9 box should fo it, shouldn't it. If you select one of the (obviously) native 16:9 HD formats you still get a letterbox within the 4:3 shaped viewer/canvas windows. Maybe that's just how it is. Seems strange though.

Scrolling an image at the end of a ticker

hi,
I am koushik from India. I am working in j2me(cldc-midp), for last six months.
I have successfully scrolled a ticker and also worked with image.Now I want to scroll an image at the end of a ticker.So, at first I want to scroll an image independently, then I'll go for that. I want to do it not using Timer or I don't want it as a keyEvent,it should scroll like a ticker horizontally at the top of the emulator.Is it possible using Canvas,repaint()......
if it possible , can anybody help me giving a sample code.

Hi,
Because it's an assignment that you've got to make we won't just post complete source code that can be pasted into your Canvas code. As a matter of fact, I don't have source code that accomplishes something similar, so I can't post any code.
I will try to give some hints etc...
Okay, you're not using the Ticker class. That's okay and the scenario is clear.
You probably have got a Canvas screen in which you've made a sort of rectangle at the top of the screen. This rectangle (probably a filled rectangle) represents your titlebar. In this rectangle you will draw parts of a text during each run of the thread (timer).
There are some interesting challenges: the process should be very smooth to let your ticker animate very realistic. The text will be drawn using a dynamic x coordinate. However, you will need to draw text first, then drawing a filled rectangle or something at the left or the text and at the right of the text to simulate that characters are visualised for only a certain part (like how the ticker does that).
A fast thread (that sleeps for limited milliseconds) will obviously cause flickering on the screen that might be prevented with double buffering stuff. However this might be complicated on the mobile (the implementation should support double buffering to be able to use it), so then try to increase the delay between the (re)paint actions.
The paint method should be clean and simple. Do not use any impressive calculations there. Try to find a balance in using class member variables and local calculations (in the paint method). Try to prevent the usage of local member variables in the paint method, to reduce processor load and heap usage.

Position x, y canvas - toolkit createjs

Hello,
As I can position in x & y. my animation on the canvas, for example 200px right or 100px top.
Thanks
This is my code:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CreateJS export from cloud gc</title>
<script src="easeljs-0.6.0.min.js"></script>
<script src="tweenjs-0.4.0.min.js"></script>
<script src="movieclip-0.6.0.min.js"></script>
<script src="cloud gc.js"></script>
<script>
var canvas, stage, exportRoot;
function init() {
          canvas = document.getElementById("canvas");
          exportRoot = new lib.cloudgc();
          stage = new createjs.Stage(canvas);
          stage.addChild(exportRoot);
          stage.update();
          createjs.Ticker.setFPS(10);
          createjs.Ticker.addEventListener("tick", stage);
</script>
</head>
<body onload="init();" style="background-color:#D4D4D4">
          <canvas id="canvas" width="616" height="475" style="background-color:#ffffff"></canvas>
</body>
</html>

What are you trying to position? To move your entire animation over, you can set the x/y of the exportRoot. To move contents within the exportRoot, target them using their instance name from Flash Pro. For example
exportRoot.x = 100;
// OR
exportRoot.instance.x = 100;

Realtime canvas update of chromakey setting changes

Hi all
I'm pretty new to FCP6 and I'm learning as I go along. I'm learning the chromakey filter at the moment so I can teach the media kids at the school I work at. I've watched a YouTube vid of a guy showing how to use the chromakey filter and as he's making changes to tolerances, colour range etc, the canvas is changing to show those changes. I don't know if I've missed a tick-box somewhere but the only way I can get the canvas to show the changes is by dragging the filter onto the video clip on the timeline each time I make a change. Is there a setting or a way to make the canvas update itself in realtime as I change the filter settings?
Thanks for any help you guys can give.
Daz

It sounds like you've applied the effect to the clip in the browser, not the one in the timeline.
You need to double click the clip in the timeline to open it in the viewer. Then any changes you make to the effect should be updated in the canvas window. Sometimes I've seen behaviour where you have to click on the canvas before it'll update, but you definitely shouldn't have to reapply the effect.
Just to check, open the clip from the browser, and check to see if it has any effects applied to it.

The image from canvas is in still after installing Decklink Hd 3 extreme but not in the external monitor?

I have installed the Decklink card by the book everything is ok but at playback from time line external video is ok but in canvas is in still.The cables I/O are into a VTR Sony 1500A connected by Rs-422. Thank you

Alin seems to have a different issue Shane, according to his post his external video (via Decklink and DV deck) is absolutely fine ... the problem is that he has no corresponding Canvas playback.
Alin, again, double check your A/V Devices settings:
Final Cut Pro menu > Audio / Video Settings... window >> A/V Devices tab
Look in both Playback Output make sure that Mirror on desktop is enabled (ticked)
This should not be a Decklink driver issue as you already stated above that the Decklink output is good.
Cheers
Andy

Scrolling Text horizontally (Ticker)

Hello, I would like to develop a scrolling ticker which scrolls text horizontally from right to left. I also want it to be scrollable (i.e. while the text is scrolling I would like to be able to scroll to the beginning or end of the scrolling text using the horizontal scrollbar, to view the history of trades etc.)
The scrolling text could be up to 6 lines each like this
Coffee.......Coffee...........Sugar.........<<<<More Scrolling<<<<
JAN04........JAN04............SEP04.........<<<<More Scrolling<<<<
AA...........RFQ..............AA............<<<<More Scrolling<<<<
30...........50...............100...........<<<<More Scrolling<<<<
444..........222..............90............<<<<More Scrolling<<<<
10:00:55.....10:05:00.........10:10:03......<<<<More Scrolling<<<<
----------->>>ScrollBar Here<<<-----------------------------------My question is does anyone know what would be the best way to do this? Should I use java.awt.Canvas or is there a swing Class that I can use.
Thanks, any help would be much appreciated

Thanks very much dchsw! This will definetley point me in the right direction.
Here's your 5 duke dollars!
Phil
A JTable with a a custom model would probably be best,
but take a look at this using a JScrollPane over a
JPanel that JLabels get added to every time a new
"tick" comes in.
Obviously there are many problems with using this in
the real world, but it may give you some ideas.
Enjoy!
import java.awt.*;
import java.awt.event.*;
import java.text.*;
import java.util.*;
import javax.swing.*;
public class Pharron1
     static class ApplicationPanel
          extends JPanel
          private ScrollingTicker mTicker;
          public ApplicationPanel()
               mTicker= new ScrollingTicker();
               setLayout(new BorderLayout());
               add(mTicker, BorderLayout.CENTER);
final Runnable task= new Runnable() { public void
id run() { append(); } };
               new Thread() {
                    public void run() {
                         while (true) {
try {
try {
sleep((long)((Math.max(0.5,Math.random()*2.0))*1000.0))
                              catch (InterruptedException e) {}
                              SwingUtilities.invokeLater(task);
               }.start();
               append();
               append();
               append();
               append();
               append();
private SimpleDateFormat mFormat= new
w SimpleDateFormat("HH:mm:ss");
          public void append()
               mTicker.append(
                    "<html>Coffee<br>" +
                    "<font color=\"0000ff\">Jan04</font><br>" +
                    "<font color=\"ff0000\">RFQ</font><br>" +
                    (int)(Math.random()*50.0) +"<br>222<br>" +
                    "<font color=\"ffff99\">" +
                    mFormat.format(new Date()) +
                    "</font></html>");
     static class ScrollingTicker
          extends JPanel
          private JPanel mPanel;
          private JScrollPane mPane;
          public ScrollingTicker()
               mPanel= new JPanel();
               mPanel.setLayout(new FlowLayout(FlowLayout.LEFT));
               mPane= new JScrollPane(mPanel);
               mPane.setVerticalScrollBarPolicy(
                    JScrollPane.VERTICAL_SCROLLBAR_NEVER);
               mPane.setHorizontalScrollBarPolicy(
                    JScrollPane.HORIZONTAL_SCROLLBAR_ALWAYS);
               setLayout(new BorderLayout());
               add(mPane);
          public void append(String str)
               mPanel.add(new JLabel(str));
               mPanel.getLayout().layoutContainer(mPanel);
               mPane.getViewport().setViewSize(mPanel.getPreferredS
ze());
               mPane.getHorizontalScrollBar().setValue(
                    mPane.getHorizontalScrollBar().getMaximum());
     public static void main(String[] argv)
          JFrame frame= new JFrame("Scrolling Ticker");
          frame.getContentPane().add(new ApplicationPanel());
          frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          frame.pack();
          frame.setResizable(false);
          frame.setVisible(true);

Ticker in Canvas

Similar Messages

Maybe you are looking for