enchantMOONのシミュレータのようなものをつくった - _development,
概要 HTML5でenchantMOONのシミュレータのようなもの( enchantMOON/simulator)をつくりました。 主にMOON.getPaperJSON(), setPaperJSON()を利用するシールのデバッグにおいて有用です。また、そのとおりにMOON.setPaperJSON(), MOON.getPaperJSON()が動けばいいやくらいの感じでしか作っていないので、そのくらいの機能しかありません。 ページのレンダリングには、過去エントリ「enchantMOONのストロークをTwitterに投稿するシールを公開しました」で作ったものを使っていますので、レンダリング結果はenchantMOON本体と差異がある場合があります。 動作確認はMac版のChromeでしか行っていないので、それ以外の環境では動作しない可能性があります。 サポートしているMOON.jsの機能
enchantMOONのストロークをラスタライズするライブラリをつくった - _development,
概要 enchantMOONでストロークを操作するシールを作ろうとすると困ることがあります。それはレンダリングされたストロークを取得する手段がないことです。例えば、ページに描いた絵をアニメーションさせたり、範囲選択したストロークをドラッグさせたり、といったことを行うにはラスタライズされたストロークが必要になります。現状、enchantMOONにはそのようなAPIがありません。じゃあつくるか...、できたよ...というお話。 enchantmoonstrokes的なデモ ストロークをアニメーションさせるデモ 画面が赤っぽいのは、ぼくんちの蛍光灯が白熱灯色だからですね。どうでもいいですね。 ストロークをアニメーションさせるデモで使ってるシール 下記リンクからシールダウンロードする シールを適当なページ（ブランクのページがよい）に貼り付ける あまり大きくない、アニメーションさせたい絵を描く 動か
enchantMOON - MOONBlockまにあっくす - _development,
概要 MOONBlockの実装を調べてみよう、みたいな話。MOONBlockの使い方等は一切でてきません。 MOONBlockはenchantMOONにバンドルされたビジュアルプログラミング環境です。enchantMOONで作成したシールはコンテキストメニューの「Hack」を選択することでMOONBlockで編集できます。編集できるということは、シールのデスクリプタである manifest.json、メインプログラムである hack.js の読み書きを何らかの方法で実現しているということです。そこで、MOONBlockがどうやってそれらのファイルを読み書きしているのか調べてみました。 MOONBlockの構成 MOONBlockのプログラム本体は、/App/MOONBlock/main.js です。main.jsは多く分けて四つの要素で構成されています。 ユーザーインターフェイス ビジュア
enchantMOONのシールのストロークを変更する方法 - _development,
概要 ページに貼り付けたシールのストロークを変更する方法です。 予備知識 enchantMOONには、ページの情報を取得する以下のAPIが用意されています。 MOON.getCurrentPage MOON.getPaperJSON MOON.setPaperJSON これらのAPIを使うとページに配置されているオブジェクトの読み取りと書き込みが可能です。 MOON.getCurrentPage MOON.getCurrentPageは、シールが貼られているページの情報を返すメソッドです。 実行すると、次のようなJSONオブジェクトが返ってきます。 MOON.getCurrentPage(); {"backing":"_CpZ206t1377673853927","papers":["eKkRhcBN1377787370632"]} backingはページのストロークのID、papersは
enchantMOONのlocalStorageへの書き込みはMOON.finish()を呼ばないとフラッシュされないらしい - _development,
概要 localStorageに書き込んだらMOON.finish()などで明示的に終了しないとフラッシュされないというお話。 localStorageって？ localStorageはページ単位のデータを保持するためのオブジェクトです。 キーを指定して代入すると書き込み、書き込んだ値は同じキーを指定して取り出せます。 localStorage["hoge"] = "piyo"; var piyo = localStorage["hoge"]; これはenchantMOON独自のオブジェクトではなく、HTML5のStorageに該当するものです。 localStorageへの書き込みがフラッシュされる場合 localStorageに書き込んだ後、MOON.finish()を呼び出すことで、フラッシュされます。 以下のシールをタップすると、タップするたびに0, 1, 2... と表示される数
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したい文言を入力する 後の手順のブラ
enchantMOONのオブジェクトをダンプしてみた - _development,
enchantMOON MOONのダンプ enchantMOON __moon__のダンプ enchantMOON windowオブジェクトのダンプ enchantMOON window.coreオブジェクトのダンプ enchantMOON window.nsオブジェクトのダンプ enchantMOON window.utilsオブジェクトのダンプ enchantMOON window.__SubEagleCoreManagerのダンプ enchantMOON window._AudioServiceのダンプ enchantMOON XMLHttpRequestのダンプ
enchantMOONでTwitterに投稿する - _development,
enchantMOONからTwitterに投稿するStickerの作り方。 注意: 固定の文字列を投稿するだけの機能しかありません。 OAuth認証を処理するために以下のライブラリを利用しています。 oauth - API needz authorized? - Google Project Hosting sha1.js oauth.js 手順 1. Stickerのlibディレクトリにsha1.js, oauth.jsをコピーします。 2. importJS()で、sha1.js, oauth.jsをインポートします。 3. stickertapイベントハンドラに以下のようなコードを実装します。'Tweet from enchantMOON!'という固定の文字列を投稿するようになっています。なお、このコードはJavaScript で OAuth 認証を行う方法 - vivid memo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
