HTML5 の Canvas を使用して作成したゲームでユーザー入力を処理する

Play Sound on Hover – Web Audio API Edition

ZenCodingをもう少し使いやすくしたEmmetってのがあるようです。 知らない人は遅れてる？新Zen-Coding Emmetを参考にインストールしてみました、、、が

何かやり方間違ってるのか？わかりませんが、とりあえずメモ

----2013/01/07 ZenCodingとEmmetの共存は通常できない模様。 よって、Emmetを利用する時は、ZenCodingのパッケージをremoveします。

まずはZenCodingをインストール

コマンドパレット（Command + Shift + P）で ZenCodingをインストール

Emmetのインストール

Emmetは今のところリポジトリにないので、コマンドパレットでadd repository

Window下にURL入力ボックスが表示されたらURLを追加

https://github.com/sergeche/emmet-sublime

あとは、コマンドパレットで emmet-sublime.pngをインストール

コーディング

ZenCoding

div#test1.test1+(div#test2>(div#test3+div#test4))+div#test5

Emmet

div#test1.test1+div#test2>div#test3+div#test4^div#test5

開発環境と実機がiOS6になってしまったため、iOS5で試せる機会が減ってしまった。

現在開発中のアプリでiOS5の実機で落ちてしまう現象があった。

Could not instantiate class named NSLayoutConstraint

どうやら、「AutoLayout」を利用していると iOS5でエラーになる。

理由は定かではないけど、iPhone5対応には「AutoLayout」を無効にするのは個人的に鉄則の気がします。 ちなみに、Xibを手動で作成した時に「AutoLayout」にデフォルトでチェック（？）されてしまっていたようで、気がつきませんでした。

viモードでSublime Textの一括置換を利用する場合、混乱してしまうのでメモ

(1) viの入力モードにする (2) 置換したいワードに移動し、Ctrl + D (3) もう一度 Ctrl + D する (4) 文字を編集する

久々にAndroid x Eclipseを使って、アップデートしたらコード補完ができなくなりました。

ネットで調べて、新規インストールしたEclipseでコード補完候補が出なくなってしまった場合の対処法 を参考にしました。

結論を言うと

・.metadata/.plugins/org.eclipse.core.runtime/.settings/org.eclipse.jdt.ui.prefs を開く ・content_assist_disabled_computersを無効にする

ショートカット変更

人によっては、OSXのショートカットとバッティングしてしまうので、ショートカットを変更します。

環境設定... > General > Keys を開き、Content Assist にショートカットを割り当てます。

ここを参考にメモ

AndroidManifest.xmlの設定で消す

タイトルバーを消す

true

ステータスバーを消す

true

フルスクリーンにして消します。

タイトルバーの影を消す

@null

プログラムで消す

タイトルバーの影を消す

[java] public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.game); } [/java]

ステータスバーを消す

[java] public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN); setContentView(R.layout.game); } [/java]

レイアウト系なので何となく設定で消したいですが、条件に合わせて表示する事があればプログラムですかね？ ただ、プログラムで消した方が作業は早いか（？！）

GDでPNG画像を合成する際、元画像のアルファが影響してにじんでしまうことがある。 特に意図してアルファチャンネルを利用しない場合は、truecolorで合成したほうがいいかも。

(1) imageCreateTrueColor() で画像を作成 (2) imagecolorallocate() でカラー作成 (3) imagefill() で背景塗りつぶし

画像を縦に合成するサンプル

gd_draw_white_image.php

<

pre class="language-php"><?php $paths[] = './images/sample_hource.png'; $paths[] = './images/sample_sheep.png'; $paths[] = './images/sample_dog.png';

/**
 * draw image
 *
 * @param array $paths
 * @return void
 */
function drawImage($paths) {
    if (!$paths) return;
    foreach ($paths as $path) {
        $images[] = $this->fetchImage($path);
    }
    $this->image_width = max($this->image_widths);
    $this->createImage();
    foreach ($images as $image) {
        $this->addImage($image);
    }
    $this->drawPng();
}

/**
 * create image
 *
 * @return void
 */ 
function createImage() {
    $this->image_x = 0;
    $this->image_y = 0;
    $this->marge_image = imageCreateTrueColor($this->image_width, $this->image_height);
    if (!$this->marge_image) exit('image create error!');
    $white = imagecolorallocate($this->marge_image, $this->r_color, $this->g_color, $this->b_color);
    imagefill($this->marge_image, 0, 0, $white);
}

/**
 * draw png
 *
 * @return void
 */
function drawPng() {
    header("Content-type: image/png");
    ImagePng($this->marge_image);
    ImageDestroy($this->marge_image);
    exit;
}

/**
 * add image
 *
 * @param array $values
 * @return void
 */
function addImage($values) {
    ImageCopy($this->marge_image, $values['image'], $this->image_x, $this->image_y, 0, 0, $values['width'], $values['height']);
    ImageDestroy($values['image']);
    $this->image_y+= $values['height'];
}

/**
 * fetch image
 *
 * @param string $path
 * @return array
 */
function fetchImage($path) {
    $values['image'] = ImageCreateFromPng($path);
    if ($values['image']) {
        $values['width'] = ImageSX($values['image']);
        $values['height'] = ImageSY($values['image']);

        $this->image_widths[] = $values['width'];
        $this->image_height+= $values['height'];
    }
    return $values;
}