タワーディフェンスのようなもの　HTML5


「人生ナビ」なんですが、あれから方向性が変わってきました。

あらゆるところから目的地までの最適なルートを一回の計算で求められるダイクストラ法ですが、本当にそうなのか？確かめたくなりますよね。
そんなことでちょっとプログラムしてみました。

白い部分が障害物で緑が目的地になります。
リロードするたびにランダムにマップが作られます。
目的地は黒い部分ならクリックすると場所を移動できます。

パーティクル処理されたランダムに発生する赤い四角が試験体になります。
これがぞわぞわと目的に向かって最短コースを選択しながら移動します。


赤い四角をしばらく見ていると目的に向かう黄金ルートが見えてきます。
障害物を避けることによって獣道が自然とできる状態を表しています。
シルクロードもこうやって自然と出来たんでしょうね。

これだけでは面白くないので白い部分をクリックすると青い砲台を設置します。
砲台から弾はランダムに発射され、試験体に当たると消滅します。

簡単なタワーディフェンス・ゲームのようなものです。
こういうのをぼーっと眺めているのが好きなんです。（笑）

実物は下記リンクからお試しください。
http://www6.plala.or.jp/TimeTripper/html5/tower.html


このブログの人気の投稿

空き缶スターリングエンジンの作り方

イメージ
空き缶スターリングエンジンの作り方をご紹介します。 その前に、懐かしの自作スターリングエンジンを動かしてみました。 Stirling engine　「自作スターリングエンジン」  https://youtu.be/m1Hu-c-8HXw あんまり性能は良くないのですが一応動きました。 これ作ったのは10年前、未だに次の展開が出来ていない問題児です。 さてどうするか?・・・ こんなページがネットの隅に残っていました。 http://www.geocities.co.jp/PowderRoom-Tulip/6529/wood/engin2.htm 以前、自室に大きなタライのお池作り、日夜ポンポン船造りに没頭していた時期がありました。実はポンポン船の動力はスターリングエンジンなのです。 つまりエントロピーで動いているのです。(大げさな) 「ポンポン船」プロジェクト http://blogs.yahoo.co.jp/kai_yamamoto/folder/1507676.html ポンポン船は熱源で熱しられたポンプ内の水が膨張することでパイプから噴出します。水を噴出することでポンプ内の圧力が下がり、周りの水が逆流してポンプに吸い込まれポンプの水温を下げます。この出したり吸ったりする細動を繰り返すことでポンポン船は前進します。これがスターリングエンジンの原理です。 「噴出した分を吸い込んでいたらちっとも前進しないじゃないか？」 と思われるかもしれませんが、吸い込む時はパイプの周り全体から吸い込まれ、噴出する時は一気に後方の一方向に固まって噴出されるので、全体の運動ベクトルの合計は後方に反発する力が増すことになって前進します。 「扇風機の前は涼しいですが、後ろは涼しくない」と同じ原理です。 ポンポン船って面白いでしょう。 Amazon スターリングエンジン 4シリンダー スターリングエンジン 4シリンダー それでは本題の空き缶スターリングエンジンを作っていきたいと思います。 まず主材となる空き缶を２本用意してください。 銘柄は問いませんが、出来るだけ同じものがいいと思います。 アルミ缶のほうが工作は簡単です。 もちろんアルコール入りでなくても大丈夫...
Read more »

レトロっぽい、カードサイズの小さなコンピュータ「M5Stack Cardputer ADV」でソフトシンセは作れるか？

イメージ
 レトロっぽい、カードサイズの小さなコンピュータ 「M5Stack Cardputer」 が気になっています。 Amazon　 M5Stack Cardputer M5Stack Cardputer まずは、M5Stack Cardputer1.1のハードスペックです。 仕様 パラメータ SoC ESP32-S3FN8 (Xtensa LX7), 8MB Flash, Wi-Fi, OTG, CDC Flash 8MB ストレージ SD Card キーボード 56 キー (4 x 14) ボタン 1 x リセットボタン + 1 x ユーザボタン Grove 1 x HY2.0-4P バッテリー容量 120 mAh + 1400 mAh （ベース部） 画面 ST7789V2@1.14 インチ， 240 x 135px スピーカー 8 Ω @1W I2S@NS4168 マイク MEMS マイク @SPM1423 IR 送信距離 ∠ 0 °： 410 cm ／∠ 45 °： 170 cm ／∠ 90 °： 66 cm 休止電流 DC 4.2 V@0.26 µA 動作電流 IR 送信時： DC 4.2 V@255.6 mA ／キーボード時： DC 4.2 V@165.7 mA 動作温度 0 ~ 40 ° C 製品サイズ 84.0 x 54.0 x 19.7 mm ...
Read more »

KORG「Volca Sample」と「Volca Sample 2」どっちを選ぶ？　「Pajen」ファームウェアとは？

イメージ
  以前からKORGの「Volca Sample」が気になっていて、 「Pajen」というカスタムファームウェア を含めて 「 Volca Sample 2」との比較してみました。 https://ranzee.com/volca-sample-unofficial-firmware/ こちらは初代「Volca Sample」です。　2014年10月発売 KORG「Volca Sample」https://www.korg.com/jp/products/dj/volca_sample/ こちらが二代目の「Volca Sample2」　前面にＵＳＢポート。2020年 8月発売 KORG「 Volca Sample 2」https://www.korg.com/jp/products/dj/volca_sample2/ Korg 「Volca Sample」 と「 Volca Sample 2」 の比較を以下にまとめました。両者は基本的なコンセプトやデザインは似ていますが、「 Volca Sample 2」 にはいくつかの改良点が加えられています。以下は主な違いと共通点を簡潔に整理したものです。 項目 Volca Sample ( 初代 ) Volca Sample 2（二代目） サンプルメモリ 100 スロット（ 4MB 、最大 65 秒） 200 スロット（ 8MB 、最大 130 秒）。空きスロット 50 あり、カスタムサンプルに対応。 パターン数 10 パターン 16 パターン（シーケンス保存数が増加）。 接続性 3.5mm ステレオミニジャック経由でサンプル転送（ AudioPocket や Caustic Editor 使用）。 マイクロ USB ポート追加で、専用 Librarian ソフトウェアによるサンプル転送が可能。転送が簡単かつ高速。 新機能 - ソングモード（ 6 ソング保存可能）。 - ステレオケーブルでのサンプル転送はやや不安定。 ...
Read more »

実際に動く木製エンジンの作り方　「Wooden engine」

イメージ
実際に動く木製のエンジンの制作にチャレンジです。 エンジンは高圧で高熱さらには加工精度も問われる加工技術の集大成という常識がありますが、 木製で動くエンジンが出来るとは楽しい。 デスクトップ・エンジンとしてこれ中々イケているジャンルかもしれません。 Steam Engine Model http://www.youtube.com/watch?v=m-M6KJvfv54 完全な木製ではありませんが、構造も簡単そうで動きもいいです。 Model "Steam Engine" http://www.youtube.com/watch?v=KnwwqFl08Nc 完全な木製で蒸気エンジンのレプリカのようです。カワイイです。 woodengine.MOV http://www.youtube.com/watch?v=mC9jsmDegY0 加工も綺麗で動きもスムーズです。インテリアとしてもいいですね。 Wood Engine 07 http://www.youtube.com/watch?v=kqxWhgf7Obo タペットの動きなんか最高です。眺めているだけで癒されます。 Wooden Stationary Steam Engine Model http://www.youtube.com/watch?v=zxD8vHdDDDY 水平対向のエンジンでデザインもいいですね。 Wooden air engine http://www.youtube.com/watch?v=ngb4SYR74m4 掃除機で動く大型の模型エンジンのようです。構造がよく理解できます。 圧搾空気で動くエンジンって意味があるのか？という突っ込みは置いといて 見た目のイメージが面白いし、模型のジャンルとしてはアリでしょう。 本当は本格的なスチームエンジンを作ってみたいのですが、技術的にも予算的にも現状は無理です。 卓上エンジンと言う意味では木製エンジンも良い感じなのでこちらで行きたいと思います。 実はその前にペーパーエンジンを作りかけたのですが、材料が足りなくなったので途中で止まっています。 いずれそちらも手を出そうかと思っています。 材料はいつものとおりゴミのみです。...
Read more »

ファミコンゲームの作り方「X6 Game Player」

イメージ
　 アマゾンで入手したＰＳＰっぽい謎のエミュレータの第三話になります。 【第一話】謎のエミュレータを入手「X6 Game Player」 http://ttripper.blogspot.jp/2018/05/x6-game-player.html 【第二話】謎のエミュレータをハックする？「X6 Game Player」 http://ttripper.blogspot.jp/2018/05/x6-game-player_17.html 前回はＯＳレベルからハックして遊ぶ方法を模索しましたが、ＯＳが「eCos」というこで馴染みがなく、ここで無駄に人生の貴重な時間を浪費することもないか？ということで方向を転換しました。 わざわざネイティブのアプリに拘らなくても、このＸ６は様々なゲーム機(NES, SNES, GB、GBA, SEGA GENESIS)をエミュレートして実行できます。つまりそのソフトを自作すればＸ６を自由に操ることができるわけです。 結局やりたいことはそこですから、ＯＳをハックする話は忘れましょう。ｗ 最近はPICO-8やTIC-80で昔懐かしい８ビットのレトロゲームを作って遊んでいますが、その原点はやはり任天堂のファミコンでしょう。 PICO-8 Fantasy Console - Lexaloffle https://www.lexaloffle.com/pico-8.php TIC-80 tiny computer https://tic.computer/ ファミコンのソフトは個人でも自作することができます。 ただソフト開発にはそれなりの知識と環境を整える必要があります。 PICO-8やTIC-80のようにお手軽に作れるわけではありません。 下記のサイトではアセンブラでファミコンソフトを作成する方法を整理されています。 ｷﾞｺ猫でもわかるファミコンプログラミング http://gikofami.fc2web.com/ 紹介されているコンパイラー「NESASM」は３２ビット版なので、Windows7などの６４ビット版はこちらにあります。 ６４ビット版「NESASM」 http://www.2a03.jp/~minachun/nesasm/nesasm_x86.html...
Read more »

Scratchでどこまで作れるか？　ゲーム作成ツールとしての実力

イメージ
お子様向けの入門的なプログラム・ツールとして有効なScratchですが、 その気になればかなり本格的なプログラムも作れます。 そんな力作の作品をいくつか紹介します。 昔どこかで見たようなシューティングゲームです。 おそらくオリジナルゲームを模写して作っているんでしょうがよく出来ています。 Scratchの基本的な機能を勉強するにも良い作品だと思います。 1943 - The Battle of Midway https://scratch.mit.edu/projects/85010674/ スターウォーズは今が旬なので１つチョイスしてみました。 簡易的な３Ｄシューティングゲームで、面クリアによるストーリーもあってよく出来ています。 3D Star Wars 0.9 https://scratch.mit.edu/projects/32322678/ 見た目はシンプルなタワーディフェンスですが、ゲーム性やシステムの安定性は抜群です。 攻撃ツールを配置することでルートが作られるアイデアは面白いですね。 かなりハマるゲームなのでやり過ぎに注意！ Griffpatch's Tower Defence v0.13b https://scratch.mit.edu/projects/15200040/ ゲームバラスンが実に素晴らしい！　一押しのゲームです。 ビデオゲームの王道的な作品ですが、あまりによく出来ているのでオリジナルゲームがあるのかもしれません。キャラクター的に日本人向きじゃないかもしれませんが、インベーダーゲームの血統を受け継いだようなゲームアイデアは抜群です。 Descentipede https://scratch.mit.edu/projects/23002071/ Scratchのユニークなところは実際にプログラムを実行しながら、プログラムブロックを切ったりくっ付けたり出来ます。動作させながらパラメーターを調整したりできるのでチューニング作業が楽です。これはかなりユニークな機能です。 配列型変数（リスト）の概念もあるのですが、これもユニークで、一度生成したデータは破棄しない限りずっと保持されます。データ内容も一緒にセーブされるので簡易的なデータファイルとして利...
Read more »

ウクレレ入門♪　簡単コード表

イメージ
ウクレレの簡単なコード表です。 とりあえず、これだけあれば何とかなるでしょう。 難しいのは・・・パス♪（笑） チューニング：G-C-E-A ＰＤＦ版はココ↓ http://www6.plala.or.jp/TimeTripper/ukurere.pdf Ａはいいよねー、特にAm7が得意です。（爆） 【ウクレレのススメ】 超簡単なウクレレっぽいループコードです。 　Ｃ → Ｆ → Ｇ７ → Ｃ アロハ・オエも 簡単です。 ウクレレ練習曲　アロハ・オエ http://youtu.be/fsyz_PK5LAI 気分はハワイアン♪ Amazon　 カリンバ 初心者セット カリンバ 初心者セット Amazon　 スリットドラム スチールタングドラム Amazon　 Linuxオカリナ アルトc 入門セット オカリナ アルトc 入門セット
Read more »

夏休みの観察日記「マンゴーの発芽実験」

イメージ
  問題のマンゴーです。 実がない種だけをもらって、直接土に植えてから１０日程です。 １つは既にミイラ状態で、 おそらく亡くなっているように見えます。 もう一つはまだ胚乳が緑色で期待は持てますが、 今のところ変化なしです。 遅くない？・・・ 水耕栽培と違って、成長の変化が見えないので心配です。 昨年は２つの発芽実験をして手のひらサイズまで成長しましたが、最 終的には枯れました。 どれくらいのペースで成長したのか比較のために振り返ってみましょう。 ２０２４年７月７日 沖縄の直売所でマンゴーをゲットしました。 ２０２４年７月９日 美味しかったのですがサイズが小さく種は成長していませんでした 。 ２０２４年７月１１日 一緒に沖縄旅行した同僚から大きな種をもらって水耕栽培を始めま した。 ２０２４年７月１５日 根っこが伸び始めました。 ２０２４年７月１９日 もう一つ種をもらって水耕栽培を始めました。   ２０２４年７月２０日 １つ目のマンゴーの根が伸びたので土に植えました。 ２０２４年７月２３日 １つ目のマンゴーが芽を出しました。 ２０２４年７月２５日 １つ目のマンゴーの枝が伸びています。   ２０２４年７月２７日 ２つ目のマンゴーも土に植えました。   ２０２４年７月３１日 ２つ目のマンゴーも芽を出しました。   ２０２４年８月５日 ２つとも順調に成長しています。   ２０２４年８月１０日 １つ目より縦に植えた２つ目のマンゴーが大きくなりました。 ２０２４年８月２１日 横植えした１つ目のマンゴーが枯れ始めました。 ２０２４年８月２１日 根が育っていなかった１つ目のマンゴーを水耕栽培に戻しました。 ２０２４年８月２６日 １つ目のマンゴーが枯れました。   ２０２４年９月２１日 ２つ目のマンゴーに若葉が出ました。   ２０２４年９月２８日 ２つ目のマンゴーの葉が枯れ始めました。   ２０２４年１０月６日 ２つ目のマンゴーが全体的に枯れ始めました。   ２０２４年１０月１１日 ２つ目のマンゴーも枯れました。   結局２本とも根がうまく育たず、 胚乳が枯れてから成長が止まり枯れてしまいました。マンゴーは直根性で、 根が横に広がらないので育てるのが難しいです。 水耕栽培では１...
Read more »

ゲームの遊べるソフトシンセ「KORG DS-10 Plus」と、本家の「KORG MS-10」「KORG MS-20」を比較してみた

イメージ
  KORG MS-10 、 KORG MS-20 、 KORG DS-10 Plus の比較 KORG MS-10 と MS-20 は 1970 年代のクラシックなアナログ・セミモジュラー・シンセサイザーですが、 KORG DS-10 Plus は 2009 年に Nintendo DSi/DS 向けにリリースされたソフトウェア・シンセサイザーアプリで、主に MS-10 をエミュレートしたものです。 DS-10 Plus はオリジナル DS-10 の拡張版で、 DSi 対応によりポリフォニーやトラック数を強化。アナログの温かみをデジタルで再現しつつ、ポータブルで手軽に遊べる点が特徴です。 MS シリーズのファン向けに設計されており、 MS-10 のシンプルさを基調に MS-20 の要素（例 : デュアル VCO や同期機能）を一部取り入れていますが、ハードウェアの物理性やアナログの不安定さとは異なり、ソフトウェアならではのシーケンサーやエフェクトが追加されています。現在（ 2025 年時点）では、 DS-10 Plus 自体は古いプラットフォーム向けですが、 iOS 版の iDS-10 （ 2015 年リリース）として進化しており、現代のデバイスで似た体験が可能。以下に、オリジナル MS-10/MS-20 を中心に DS-10 Plus を加えた比較をテーブルでまとめます。   基本仕様の比較 項目 KORG MS-10 KORG MS-20 KORG DS-10 Plus リリース年 1978 年 1978 年 2009 年（ Nintendo DSi/DS 用アプリ。オリジナル DS-10 の 2008 年拡張版） タイプ アナログ・セミモジュラー・ハードウェア アナログ・セミモジュラー・ハードウェア デジタル・ソフトウェア（ MS-10 エミュレーション、 DSi/3DS 対応） キーボード 32 鍵、ベロシティ / アフタータッチなし 37 鍵、ベ...
Read more »

中華トライクはどう？　ナンチャッテ T-REX TRIKE

イメージ
このＧＷにバニーちゃんの整備をしようと思っていたのですが、 昨日の雨でテンションが下がり、まだ手付かずです。 最近は中華バギーのブームも去って、ご近所でも見かけることは全く無くなりましたが、 この車、もう少し規制緩和してまともに作ればかなり利用用途がある規格だと思います。 そんな法律の隙間産業的な規格外車にトライクがあります。 以前ブログでも紹介した怪しい中華の逆トライクが日本でも販売がされているようです。 ATV-SEVEN http://item.rakuten.co.jp/atv-seven/343seven/?scid=af_pc_etc&sc2id=238884120 http://youtu.be/q24b7ettAJQ トライクファクトリージャパン http://scooter.co.jp/ スタイル的にはT-REX TRIKEをオコチャマのゴーカート・サイズにしたような感じで、 若干デザインがダサいですが、そこがまた中華の醍醐味です。 値段的には株でちょっと儲けたバブリーな小金持ちのオモチャには調度よい設定です。 実用性はありませんので、あくまでも趣味で弄って遊ぶための車です。 勇気のある方は中華の楽天市場「アリ」で直接購入するとグッとお安くなります。 しかもカッコイイ！　まるで見た目はT-REXそのものです。（笑） T-rexg2veloss毒trexカンパーニャ三輪逆トライク http://ja.aliexpress.com/item/T-REX-G2-VELOSS-VENOM-TREX-CAMPAGNA-REVERSE-TRIKE-3-WHEELER/1839427169.html お値段はUS $2,823.45、送料はUS $403.45 是非、勇気のある方はトライしてほしいなー チャレンジャー求む！
Read more »