趣味でWEBプログラミング

Webプログラミングとは、Webアプリケーションをつくるためにプログラムすることです。Webアプリケーションとは、クライアントにインストールしなくても、Webブラウザやスマートフォンがあれば動くアプリケーションの事です。これなら使う側のハードルが低いので、アプリとかゲームをつくれば使ってもらえそうです。
クライアントサイドだけのプログラムなら、HTML5とJavaScriptそして、CordovaプラグインとかJavaScriptのゲームエンジンだけでブラウザアプリとかスマホアプリがつくれます。
さて、なにをつくりましょう。Web上には、なんでもあるような感じです。それが問題です。
とりあえず楽しいこと、やりたいことをやってます。

  • ブラウザだけで遊べるゲームをつくる。
  • スマートフォンのユーティリティアプリをつくる。
  • スマートフォンのゲームアプリをつくる。
  • ネットで見る絵本をつくる。
  • 楽しそうなホームページをつくる。
  • 食べてみたいパンをつくる。
自作のブラウザゲームです。ブラウザ上でゲームが出来ます。

アクションゲーム

アイランド

islandisland

ティラノサウルスとステゴサウルスを避けながら小屋の物資をスタート地点に持って来てください。
自機はポイントしたところに向かって移動します。

詳しくはこちら

パズルゲーム

立体jigsaw

iconicon

マウスでドラッグして絵のパーツを移動してください。
パーツは物理シミュレーションされています。
絵のパーツが揃うと「ムンクの叫び」になります。

詳しくはこちら

迷路から脱出

3Dラビリンス

3dmaze3dmaze

遺跡は、地下深くのラビリンスで転送可能な地点は限られていた。転送降下した上陸班はトリコーダーを頼りに遺物を発見したが、そこでトリコーダーが故障。このゲームは、スマートフォンでもバーチャルパッドを使ってプレイ出来ます。

詳しくはこちら

昔のゲームのリメイク

クエスト

enemyenemy

このゲームは、enchant.jsとJavaScript 3D libraryであるthree.jsでつくりました。PC6001の懐かしい名作ゲーム「クエスト」のリメイクです。このゲームは、スマートフォンでもバーチャルパッドを使ってプレイ出来ます。

詳しくはこちら

スマホでも遊べる

jigsaw

jigsawphonejigsawphone

絵は30分割されていて、ドラッグすることで移動出来ます。ドラッグをやめれば落下します。ブロックは正方形で自在に回転するので向きを変えて配置してください。Resetボタンを押せば初めからになります。

詳しくはこちら

スマホでも遊べる

ジャンプアクションです

stage1stage1

最初はPC6001の「タワーパニック」のようなゲームをつくろうと考えていたのですが、こんなゲームになりました。どちらかと言えば、ファミコンの「ドンキーコング」に似ています。

詳しくはこちら

App Store に登録している自作アプリです。

駐車した位置をGPS測定

どこだっけ

icon-60@3xicon-60@3x

車はどこだっけ。駐車した位置をGPSで測定します。戻りは矢印と地図でお手伝いします。操作はワンタッチ。駐車したらアプリを起動して設定ボタンをクリック。アプリは終了します。戻る時になったらアプリを立ち上げて下さい。矢印の方向と地図を見ながら戻ってください。

詳しくはこちら

物理シミュレーション

有名絵画9枚のパズル

名称未設定名称未設定

絵は30分割されていて、ドラッグすることで移動出来ます。
ドラッグをやめれば落下します。
ブロックは正方形で自在に回転するので向きを変えて配置してください。

詳しくはこちら

自作の絵本です。photoshopで加工してます。

やまんば

picture1picture1

夜になると、お山の頂上近くにあかりが見えます。ずっとずっと気になっています。チャンスがあったら冒険に出かけたいです。

詳しくはこちら

宇宙は命で満ちている

236085main_MilkyWay-full236085main_MilkyWay-full

生命は宇宙に広く多く存在し、地球の生命の起源は他の天体で発生した微生物の芽胞が地球に到達したものとする説があります。

詳しくはこちら

ホームベーカリーでつくるパンのレシピです。