tmlib.js でグラフィックスプログラミング - 幾何学っぽいなにか - tmlife
思いついたので, tmlib.js で幾何学っぽいやつ作りました. ちょっとしたグラフィックスプログラミングです. 下にデモとコードの解説載せてます. ゲームプログラミングは, 乱数やベクトル, 行列を手足のように使えてナンボの世界なので こういったプログラミングに慣れとくと楽しいですよ♪ Demo とりあえず作ったやつです. パーティクル同士が近づくとラインを結びます. マウスにも反応します. [runstant] runstant で作ったので実際に実行したり, 上の CONFIG イジって見た目を変えたりできます. よかったら遊んでみてください♪ Code コードはこんな感じです. /* * # tmlib.js でグラフィックスプログラミング - 幾何学っぽいなにか */ var SCREEN_WIDTH = 465; // スクリーン幅 var SCREEN_HEIGHT =
tmlib.jsでゲームをつくってみよう！ - Qiita
はじめに 最近、tmlibを使う機会が多いため 簡単なゲームでtmlibのチュートリアル的なものを書いてみようかと思います。 技術ブログ的なことは初めて書くので、見づらいかもです… とりあえず、プログラミングでサンプルが多いブロック崩しを作成！ ちなみに、画像は一切使用せず、図形だけでつくります。 1.どこに書こう プログラムソースとかサーバーに置くの面倒なので、 とりあえず、runStantで書いていきます! runStant tmlib.js の公式エディタツール！ 書いたコードがすぐに実行されるので、 tmlibやhtml5、javascript等をさくっと実行するのに便利。 さらに、書いた内容はＵＲＬで保存できるので、ブックマーク等を使用して いつでも続きから書ける。 runStantはこちら 2.tmlibの準備 最初にrunStantのページへアクセスすると、 下の画像のように
runstant·その場で書いて、その場で実行。tmlib.js公式オンラインエディタ MOONGIFT
Webアプリケーションはテキストエディタとブラウザさえあればすぐに開発できると言いますが、実際にはWebサーバも必要ですし、HTML側でファイルを読み込んだりするのも面倒に感じてしまいます。 そういった面倒さがなければ、自分が作りたいと思ったものをすぐ作り始められることでしょう。それは創造性を束縛することなく、どんどんモノ作りを楽しめるはずです。それを可能にするのがrunstantです。 runstantの使い方 runstantのメイン画面です。右がエディタ、左がプレビューになります。 HTML/スタイルシート/JavaScriptを切り替えられます。 コードの折りたたみができるので長くなってしまってもメンテナンス性は落ちません。 設定画面です。 自分で書いたコードはサーバ上に保存されませんが、専用のURLが生成されるのでそこにアクセスするとrunstantで動く形になります（コードをZ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
