Lessons : Ticker


This lesson is more of something to poke around and play with than me going through things step by step. Download the dtTicker.js file and take a look!


DT Font Creator v1.0

Click on your platform to get it!


This is how you include the ticker on a webpage.

dtUtils.js
dtTicker.js


<script type="text/javascript" src="/js/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="/js/dtUtils.js"></script>
<script type="text/javascript" src="/js/dtTicker.js?v=3"></script>
<script type="text/javascript">
var ticker = dtTicker(document.getElementById('logo'), '/xml/dtFontSet.xml', '/xml/mainMessagesNew.php?random=' + Math.floor(Math.random() * 999999));
ticker.speed = 40;
ticker.setSize(2, 3, 3, 140, 9, '#333333', '#ff0000');
ticker.doInit();
</script>

Use the DT Font Creator app to create fonts. In the app, click the generate button. Copy the data to a new symbol node in the font set on this page, then click "Set" at the bottom of the font set. You can then create a message in the Current Message section. When you click Set there, it will display the message at the top of the page. Be sure to save your font set to a local file. Navigating away or refreshing this page will reset the Font Set.



Font Set


Current Message



Add a symbol to the current message

#11, #9, 11, 13, 3:4, 3pointBar, 3pointGoldBar, 7#9, 7b9, 9pointBar, alien, amp, anotherThing, b9, babyDime, bassStrings, bone, boneSmall, brokenArrow, bug, candyCane, changingDiamond, checkbox, coloredDiamond, cursor, degrees, dice1, dice2, dice3, dice4, dice5, dice6, dom7, dom9, dot, down, downstar, false, festive, flower, fullLimited, greaterThan, harvest, hazzard, heart, kenny, knife, left, leftArrow, leftRightArrow, lessThan, lower2, lowerz, maj, maze, nd, note2, pacman, paperclip, paperclipRound, pencil, pi, piano, present, pushpin, random1, rd, repeatLeft, repeatRight, repeatingSine, repeatingTriangle, repeatingTriangleBeginning, repeatingTriangleEnd, right, sax, spaceInvader1, spaceInvader2, spaceInvader3, squareDot, squareO, squareRow, squareSlash, squirrly, st, stoplight, sun, sunKing, th, threeStar, trombone, trumpet, tyler, up, upDownArrow, upper2, upper3, upsideDownY, web,