JPのアドベントカレンダーの12月6日の記事です!ネタはCanvasで作ったLCDディスプレイです。先日の「FMシンセサイザー」の部品の説明になります。作り始めたキッカケ「FMシンセサイザー作ったけど、なんか味気ないな。「デジタルシンセだからデジタルっぽく見せられるドットのLCDで雰囲気は出るんじゃない?」という短絡的な発想でした。焦ったのですがゴソゴソ探したら、それこそリファレンスが出てきてホッとしました。出て来たのはコレです。1999年に発売されたみたいです。遊んでから作業続行しました。MU2000のお陰もありドットの文字を起こすのは短時間でできました。HTMLファイルにcanvasのエリアを作ります。以下のJavaScriptを貼付けます。引数はディスプレイの色のタイプです。6種類用意しています。第1引数(canvasLCD)はHTMLで指定canvasのIDです。第2引数(initialword)は、最初のロゴ表示の直後に表示させる文字列です。第3引数(true)はロゴ表示をさせるか否かのフラグです。文字をディスプレイに表示させる。'ABCDEFG');第1引数(lettersRL01)は文字をどう出現させるかです。3種類用意しています。基本的な動作はこんなところです。面倒ですが、こんなこともできます。表示できる文字数、行数も変更することが可能です。canvasLCD.jsの中をいじらないといけないのがイケてないです。canvasLCD.js色の種類も追加することが可能です。canvasLCD.jsのcolorSetに追加すれば利用可能です。色のセットは数字の古い順から時代で並べてるつもり(確固たる根拠はなく感覚です)なんですが、並べて初めて気がついたのが「進化してるんだな〜」というところでした。比べると、ギラつきが多くて(コントラストの設定ができる機器もありましたね)ちょっと見難いですよね。INTEGRA-7の色合いですね。(INTEGRA-7は背景がもう少し黒いかな。目的だったデジタルっぽく見えるのも達成できたし(自己満足)、楽しかったし、比較もできたし、よかったな〜、と自己満足しています。