enchantMOONのシミュレータのようなものをつくった - _development,
概要 HTML5でenchantMOONのシミュレータのようなもの( enchantMOON/simulator)をつくりました。 主にMOON.getPaperJSON(), setPaperJSON()を利用するシールのデバッグにおいて有用です。また、そのとおりにMOON.setPaperJSON(), MOON.getPaperJSON()が動けばいいやくらいの感じでしか作っていないので、そのくらいの機能しかありません。 ページのレンダリングには、過去エントリ「enchantMOONのストロークをTwitterに投稿するシールを公開しました」で作ったものを使っていますので、レンダリング結果はenchantMOON本体と差異がある場合があります。 動作確認はMac版のChromeでしか行っていないので、それ以外の環境では動作しない可能性があります。 サポートしているMOON.jsの機能
enchantMOONで任意のURLをブラウザで開くシールのつくりかた - _development,
概要 任意のURLをブラウザで開くシールのつくりかたを説明します。 enchantMOONのブラウザにはアドレスバーがないので、特定のURLを開きたいときにやや不便。MOONBlockで「ハイパーリンク」ブロックを使えばできるけども、開きたいURLができるたびにMOONBlockを開くのはちょっと面倒...。とくに、ダウンロードしたいシールを探すときとか...。 そんな時に作っておくと便利なシールの作り方を説明します。 つくりかた 任意のシールをHackしてMOONBlockを開く JavaScriptの「実行」ブロックをシールの「タップされたとき」にドロップする 「実行」ブロックをタップするとプロンプトが開くので、以下のとおり入力する(大文字小文字を区別するので注意) 「Done」をタップしてMOONBlockを終了する 「実行」に入力する内容 MOON.openUrl(window.p
enchantMOONのレンダリングを調べてみた - _development,
概要 enchantMOONがストローク情報(info.json)をどのように描画しているか調べてみましたという話、その1。 過去エントリ「info.jsonのストロークを再現するHTML5アプリつくったよ」、及び「enchantMOONのストロークをTwitterに投稿するシールを公開しました」の描画結果がenchantMOONとずいぶん違う(enchantMOON本体での描画に比べて全体的に線が薄くて細い)ので、結果を近づけるためにという動機。 MOON.setPaperJSON()で任意のストローク情報を設定してenchantMOON本体でのレンダリングを目視する方法で確認していきます。 本エントリのenchantMOONのレンダリング結果の画像は本体で撮影したスクリーンショットで、本体でのレンダリングとは微妙に差異があります(劣化している)が、レンダリングの傾向は損なわれていないた
enchantMOONのストロークをTwitterに投稿するシールを公開しました - _development,
enchantMOONのストロークをTwitterに投稿するシールを公開しました。 シールのインストール方法は以下のオフィシャルサイトを参照してください。 MOONPhaseがバージョン2.4.0にアップデートされました | enchantMOON News- enchantMOON ; The Hypertext Authoring Tablet ダウンロードURL http://goo.gl/M844qo 内容 シールを貼り付けているページのストロークを enchantmoonstrokesにポストしたあと、ストロークのURLと任意入力のテキストをTwitterに投稿します。 使い方 シールをインストールする Tweetしたいページから台帳を開く インストールしたシールを台帳からノートに貼る 貼ったシールをタップする ダイアログが開くので、Tweetしたい文言を入力する 後の手順のブラ
WEBコンソールでenchantMOONをスクリプティングする - _development,
概要 ブラウザのWEBコンソールでenchantMOONをスクリプティングする方法を説明します。この方法を使えば、WEBコンソールからJavaScriptをタイプしてenchantMOONで実行された結果をダンプできるので、効率的にデバッグが行えるでしょう。 WEBコンソールのスクリーンショット このスクリーンショットは以下のJavaScriptを順に実行したものです。 console.log("Hello, enchantMOON.") importJS(["lib/MOON.js"], function(){}) MOON.getPaperJSON(MOON.getCurrentPage().backing) スクリーンキャストを見ていただければ、WEBコンソールでタイプした内容がリアルタイム(若干のディレイがありますが...)に実行されている様子がわかると思います。 WEBコンソール
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
