C#言語でスマホアプリ開発はUnityとXamarinで

シンプルなのにパワフルで人気のプログラミング言語「C#」を使って、iOSやAndroidやWindowsとの間でクロスプラットフォームするIDE(統合開発環境)を紹介します。

■2Dや3Dゲームを作るならゲームエンジン「Unity(ユニティ)」がオススメです。
http://unity3d.com/jp/
10万ドル未満の収入の個人でも会社でも無料版が使えます。
Windows版とMac版があります。

■ツールを作るなら「Xamarin(ザマリン)」がお勧めです。
https://www.xamarin.com
個人か、年商100万ドル未満の会社なら無料版が使えます。
Windows版とMac版があります。

どちらもC#言語も使えて、無料プランがあるのが嬉しいですね。

世界最小ゲーム「Dot」を公開

恐らく世界最小のゲーム「Dot」を公開しました。
https://html5.vixar.jp/dot/

真っ白な画面中央に、1ドットの黒い点が現れたり消えたりするので、黒い点が表示されている時にそれをクリックします。

こんなにシンプルなゲームなのに、ソースコードは80行ぐらいにもなりました。

歌詞の単語クイズ「二語探し」を公開しました

2つの同じものを1組探す「二個探し」をアレンジして、歌詞の中から同じ単語を探すクイズ「二語探し」を公開しました。

ただし3つ以上同じものは答えにはなりません。

Letter1
https://html5.vixar.jp/letter/

絵をたくさん用意するのは大変だけど、文章なら簡単に用意できて楽でした。

Yahoo!カテゴリで「スマホ対応」マークを付けてもらうには?

「ROXIGA.COM」というホームページをYahoo!カテゴリで「スマホ対応」のマークを付けてもらいました。
http://dir.yahoo.co.jp/Computers_and_Internet/Mobile_Computing/Cellular_Phone_and_PHS/Cellular_Phone/Mobile_Games/

「スマホ対応」マークの付けてもらい方は、まず最初にYahoo!カテゴリにホームページを登録してもらいます。
それからカテゴリサイトの「変更」の手続きで「スマホ対応」をお願いしたら、スマホに対応している場合は多分必ずマークを付けてもらえます。

このやり方で、「HTML5研究所」というホームページも「スマホ対応」のマークを付けてもらいました。
http://dir.yahoo.co.jp/Computers_and_Internet/Programming_and_Development/Programming_Languages/JavaScript/Games/

Twitterで発言したらYahoo!カテゴリに登録してくれた

先日Twitterでこうぼやきました。

「ドコモの賞でグランプリ、GMOの賞で音楽部門大賞、Sonyの賞でファイナリストになった自作Androidアプリ達のサイト「ロクシーガ(ROXIGA.COM)」がYahoo!カテゴリに載せてもらえない。なぜ?」

するとYahoo!カテゴリの公式アカウントさんがそれを見たらしく、運よくYahoo!カテゴリに掲載してもらうことができました。
http://dir.yahoo.co.jp/Computers_and_Internet/Software/Operating_Systems/Android/Applications/
http://dir.yahoo.co.jp/Computers_and_Internet/Mobile_Computing/Cellular_Phone_and_PHS/Cellular_Phone/Mobile_Games/

コメントにもあるように、ゲームやアプリだけでなく、プログラミングするための3Dライブラリやそれを自分で解説した入門書の紹介や、英語版まで作ったので、充実した内容だと思っていたので、やっぱり掲載される基準を満たしていると思っていました。
https://roxiga.com

アイデア発想のコツ

「Award-holic」というアイデア発想の秘訣を伝授するブログも書いているのですが、ちょっといい記事が書けたけど流行ってないので宣伝。

「発想の転換」「逆転の発想」「言葉の言い換え」「プラスアルファ」の記事です。
https://blog.roxiga.com/2016/02/06/idea/

ゲームなどデジタルコンテンツを作る際の発想法ですが、他のことでも置き換えられると思います。

ゲームはアイデア・プログラミング・絵・音楽・デザインなどあらゆる分野の技術を駆使して作る総合芸術なので、作ってたら凄くセンスが磨かれると思います。

4コマドラマを実写?アニメ?

美人のモデルを使って4コマのポエムを作ろうと考えました。
https://beauty.vixar.jp

でも雇う金もなく、フリー素材はモデルが喋ってるような演出はNGで、有料写真は高くて手が出ません。

そこで漫画風の女の子で4コマドラマを作ったら?といくつか作りました。
https://sp.vexil.jp/wit/
https://sp.vexil.jp/happy/
https://sp.vexil.jp/always/
https://sp.vexil.jp/sky/

今後はこちらのホームページで追加していけたら?と考えています。
https://sp.vexil.jp

「アニメで」とは言いましたが、本当にアニメを作るのは手がかかるので、4枚の絵で済む4コマポエムでいきたいです。

VixarStudioHTML5の商用利用

「Vixar Studio for HTML5」の商用利用は有料です。
https://vixar.jp/html5/
商用利用は必ず作者の許可が必要です。
ただし個人で非商用目的ならフリーソフトです。

今回のバージョンアップから、標準のJavaScriptだけでなく「jQuery」のプログラミングの入門講座も設けました。
今後は「jQuery」入門ドキュメントを増やしていこうと思っています。

遅くなりましたが「VixarStudio for HTML5」は、短いコードを少しずつ追加していって、その場でプログラムをコーディングして実行できる、HTML5+CSS+JavaScriptプログラミング入門のための実習システムです。

あなたの個人サイトのWebデザインを無料診断「べくしる」

主に個人のホームページのWebデザインを診断して無料でアドバイスするビジネス「べくしる」を始めましたが、既に終了しました。

文章によるアドバイスは無料ですが、絵やプログラムなどを手助けする場合だけ有料です。その見積もりのみなら無料です。
余計なお世話と思われるかもしれませんが、SEO対策でも定評のある「Yahoo!カテゴリ」に登録を目指せるように力を貸します。
さらに、全く違うWebデザインを押し付けるのではなく、元のホームページを生かしたデザインを提案するので納得できるでしょう。
Webデザイナーが凝ったデザインを提供する逆で、シンプルなデザインを提案し、見やすく読みやすく伝わるサイトを目指します。
そういう私は、自作ホームページを「Yahoo!カテゴリ」に約10サイト登録しています。
プロのデザインは確かに凄いですが、それはクライアントの企業の力もあってYahoo!カテゴリに登録されますが、私はほとんどがオリジナルのコンテンツで採用されています。
Yahoo!カテゴリに登録される事は1つのステータスです。是非一緒にあなたのホームページの登録を目指しましょう。

Webデザインをシンプルにと言いましたが、スティーブ・ジョブズがレオナルド・ダ・ビンチの言葉を引用し、
「洗練を極めれば簡素になる」
と言っていたぐらいです。

HTMLページでJavaScriptコードを初期化

HTML5アプリをJavaScriptでコーディングしてゲームなどのコンテンツを作る際に、初期化を簡単に実装する方法です。
単に初期化の際に同じページをリロードしてやれば楽です。

リロードには、
location.reload()
メソッドがありますが、一瞬画面がちらつくので、
location.href = “現在のHTMLページ名”
としたほうがちらつきません。

特にjQueryのBox2Dプラグインは仕様が制限が大きいので、この初期化が楽です。