チュートリアル

カードゲームサンプル

2014-09-25T14:04:35+09:00

このゲームは画像をタップするとスペードまたはジョーカーを表示します。スペードが表示されたらスコアがカウントされてもう一度挑戦することができます。ジョーカーが表示されたらGAME OVERです。 |&image(CardGame1.png,width=100)|&image(CardGame2.png,width=100)|&image(CardGame3.png,width=100)|&image(CardGame4.png,width=100)|&image(CardGame5.png,width=100)| *１．enchant.jsを実行する。 ***１−１．jsフォルダ配下に「main.js」を作成し、以下のとおり編集してください。 #highlight(linenumber){{ /* ================================ * メイン処理系 ==================================*/ enchant(); // ゲーム画面の幅と高さ var DISPLAY_WIDTH = 640; var DISPLAY_HEIGHT = 960; window.onload = function(){ };}} ***１―２．index.htmlの〜に以下を追加してください。 #highlight(){ } 編集後のindex.htmlは以下のとおり #highlight(linenumber){ Card Game **以上で準備は完了です。

Offline Web Cache サンプル

2013-07-29T01:20:45+09:00

*１．cacheを用いないページ **１−１．index.htmlを準備する。 Offline Web Cache

Offline Web Cache

**１−２．style.cssを準備する。 * { margin:0;padding:0 } h1 { font-size:1.4em;margin:10px 0 20px 10px;color:#6587ac; } **１−３．main.jsを準備する。 setInterval(function () { document.getElementById('clock').value = new Date(); }, 1000); **１−４．オンラインの状態で確認する。 #image(offline1.png,height=300) **１−５．オフラインの状態で確認する。オフラインの為、エラーとなります。 #image(offline2.png,height=300) *２．cacheを実装してみる。 **２−１．index.htmlのhtmlタグを書き換える **２−２．tizen.manifestを準備する。 CACHE MANIFEST CA

Analog Watch サンプル

2013-07-28T03:44:23+09:00

*１．index.htmlを準備する。 **１−１．canvasを実装する。 AnalogWatch

*２．canvasに時計の盤面を描画する。 **２−１．定義 var canvas = document.getElementById("canvas"), context = canvas.getContext('2d'); var clockRadius = canvas.width / 2; **２−２．描画処理 watch(); function watch() { context.font = '30px Tahoma'; context.textAlign = 'center'; context.textBaseline = 'middle'; context.fillStyle = '#555'; context.translate(canvas.width / 2, canvas.height / 2); context.beginPath(); for (var i = 1; i <= 12; i++) { var angle = (i - 3) * (Math.PI * 2) / 12, dx = clockRadius * 0.7 * Math.cos(angle), dy = clockRadius * 0.7 * Math.sin(angle); co

Touch Paint サンプル

2013-07-30T01:03:51+09:00

*０．環境確認　このサンプルは「色の入力欄」、「レンジ入力欄」を使用しています。　ご利用の環境では動作しない場合がありますので以下のページより確認してください。　[[http://html5test.com>http://html5test.com]] 　以下のとおり「input type=range」、「input type=color」ともに「Yes」であればOK。 #image(TouchPaint0.png) *１．index.htmlを準備する。 **１−１．canvasとlog出力領域を実装する。 TouchPaint

*２．canvasにイベントを登録し動作を確認する。 **２−１．定義 var canvas = document.getElementById("canvas"); var log = document.getElementById ("log"); **２−２．canvasのサイズを指定する canvas.width = document.width; canvas.height = document.height - 200; **２−３．イベントを登録する。 canvas.addEventListener("touchstart", touchStartHandler, false); canvas.addEventListener("tou

右メニュー

2013-07-22T16:05:56+09:00

**カウンター |今日|&counter(today)人| |昨日|&counter(yesterday)人| |&bold(){合計}|&bold(){&counter()人}| 現在&online()人が閲覧中。 **更新履歴 #recent(30)

メニュー

2014-09-24T02:24:17+09:00

メニュー

　Offline Cashe

Offline Web Cache サンプル

　Canvas

　enchant.js

リンク

他のサービス

こちらのページ
も参考にしてね。
1. 画面の右上にある「ログイン」をクリック！
2. ユーザ名に「yoshitoimai」、パスワードには、登録の時に設定したものを入力しよう。
3. 画面の右上に「yoshitoimai」と表示されればログイン完了！
■サイト名を変更しよう！

サイト名はどこから変えれるの？下の手順にそえばサイト名を変えれるよ！

わからない場合はこちらのページも参考にしてね。
1. ログインしたら、右上にある「設定」をクリック！
2. 表示されたページの左メニューにある、「基本設定」をクリックしよう！
3. そうすると、一番上の「サイト名」と書かれた右側に、今のサイト名が書かれています。
  ここを好きな名前に書き換えよう！
4. 書き換え終わったら、一番下にある「設定変更」ボタンをクリック！
5. 右上の「（設定したサイト名）」へ戻る　をクリックすると、サイト名が変わったことが確認できるよ！
■新しいページを作成しよう！

新しくページを作成するにはどうすればいいのか、下の手順にそってやってみよう！

わからない場合はこちらのページも参考にしてね。
1. 画面の左上にある「＠メニュー」にマウスを持って行

チュートリアル

カードゲーム サンプル

Offline Web Cache サンプル

Offline Web Cache

Analog Watch サンプル

Touch Paint サンプル

右メニュー

メニュー

メニュー

Offline Cashe

Canvas

enchant.js

リンク

他のサービス

■サイト名を変更しよう！

■新しいページを作成しよう！

カードゲームサンプル

　Offline Cashe

　Canvas

　enchant.js