10行ぷよぷよのソースコードを読む - Qiita
プログラマをする上では10行程度のプログラムを読めるといいとのこと。上記記事のブックマークコメントから飛んで10行ぷよぷよなるものを目にしたので、ソースコードを解読してみました。 解説記事を探したのですが、見当たらなかったので書いてみてます。 10行ぷよぷよについて javascriptで動くぷよぷよです。 開発者のPascalさんのサイトはもう残っていないとのことで、下記からソースを拝借しました。 実行すると、一人用のとことんぷよぷよが遊べます。 そのまま実行しても怒られるので、後述しますがちょっとだけ手を加えてます。 <body onKeyDown=K=event.keyCode-38 id=D><script>for(M=N=[i=113];--i;M[i-1]=i%8< 2|i<8)function Y(){e++;if(e%=10)for(N=[K-2?K-50?h-=M[h+l
GoogleエンジニアFlorian Rival氏制作の無料ゲームアプリ制作ツール「GDevelop」日本語に対応 |EdTech Media
株式会社マイティークラフトは、12月16日、英国Googleのエンジニアである制作者フロリアン氏と協力し、無料のゲームアプリ制作ツール「GDevelop」の日本でのサポートと普及活動を開始したことを発表した。 GDevelop本体や公式サイト、マニュアル等の日本語化や、日本語フォーラムでのサポートに対応する。また、日本でGDevelopを広めるための普及を担い、活動していく。 「GDevelop」とは GDevelopは、英国Google社のソフトウェアエンジニアであるフロリアン（Florian Rival）氏が中心になり制作している、ゲームアプリ制作ツール。 プログラム知識がない人でも簡単にゲームアプリを制作することができる。 キャラクタスプライト機能や物理エンジンやキャラクタをはじめとして、2Dのゲームを簡単に制作する機能を含んでいる。 オンライン（WEBブラウザ）版とWindows/
RPGを作るのに便利なアルゴリズムを提供する「rot.js」
rot.js: ROguelike Toolkit in JavaScript 「rot.js」はローグライクゲームを作成するのに便利なライブラリです。 “ローグライクゲーム”とは、ダンジョンが自動作成されるタイプのRPG(トルネコの不思議なダンジョン、風来のシレン等）のことですが、rot.jsによって提供される機能は、通常のRPGやシュミレーションゲームなどを作るのにも便利そうです。 ■ マップ自動作成 さまざまなタイプのマップを自動で作成することができます。 HEXタイプのマップも作成できます。 ■ 最短距離探索 ２点間で、障害物をよけながら最短の経路を検出します。 ■ FOV プレイキャラクターの現在位置から見えるエリア(視界)を検出します。 その他、ターンを管理する機能などがあります。
JavaScriptでゲームシナリオを快適に実装する（デモ有） - Qiita
以下のような人向けの、実践的なサンプルやデモを含む記事です。 ゲームのシナリオデータをJavaScriptできれいに書き下したい デモ ゲームの敵・NPC等の動きをJavaScriptできれいに書き下したい デモ Flash や AfterEffects のタイムライン編集でやるようなアニメーションを JavaScript で実装したい デモ1 デモ2 Web UIのチュートリアルとして「実際に操作している様子」を画面上で見せる機能を実装したい デモ async-await の同期版みたいなものが欲しい ジェネレータの有用性を理解したい 「普段はJavaScriptをフロントエンド開発に使用している」という読者を想定して書いていますが、例えば async-await についてよく知らないという方は、それに関する記述を読み飛ばしていただいて構いません。 事の発端 今年の新年会で同僚から「エイ
Cannon.jsで物理演算に触れてみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Cannon.jsとは Cannon.jsは、物理演算用のJavaScriptライブラリです。 Three.jsをインスパイアして作られたため、Three.jsと相性がよく、構文も非常に似ています。 まずは動かしてみる どんなものかイメージをつかむため、とにかく動かしてみましょう。まずは空間に球体をつくり、適当な高さから落としてみます。 See the Pen cannon.js by k_hatsushi (@hatsushi_kazuya) on CodePen. ただ落ちるだけですが、重力や位置の設定に基づいて自動で物体が動いているのが分かると思います。 跳ね方を変えてみる 球体の大きさと距離を変えたものを用意して、跳ね方の違いを見てみましょう。 See the Pen August blog cannon.js demo2 by k_hatsushi (@hatsushi_kazu
Cannon.jsで簡単なゲームを作ってみよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、はっちゃんです。 今回は、前回話したCannon.jsの基本を使って簡単なゲームを作ってみます。 ▼前回の記事 今回のゴール こんなゲームを作ります。 球体を３つ置く 単純に球体と球体を当てるだけだとつまらないので、ビリヤードみたいに球体同士の跳ね返りを計算して当てるようにします。 3つめのでかい球体ははやちさんの記事によく登場するキャラクターにしてみました！ これを「はやちボール」と名付けるとします。はやちボールはランダムで配置するようにします。 ▼3つの球体の物理世界の設定 // Sphere Material sphereMat = new CANNON.Material('sphereMat'); // Sphereのシェイプの質量定義 phySphere = new CANNON.Body({ mass: 1, material: sphereMat }); phyS
1か月かけてJavaScriptで13KBのゲームを作るゲームジャム「js13kGames」がもたらした知見とは
ゲームジャム（Game Jam）にはさまざまな形があるが，その多くは24〜48時間という短時間でゲームをゼロから完成させることを目指す。だがその一方で，1か月という余裕のあるスケジュールでゲームの完成を目指すゲームジャムも存在する――ただしコードが合計で13KBを超えてはならないという，別の縛りがそこにある。はたして，この特殊なゲームジャムによって，参加者はどのような知見が得られるのだろうか？ Game Industry Conferenceでの講演の模様をお届けしたい。 短時間（24〜48時間）でゲームを作る「ゲームジャム」というイベントは，全世界で一斉に開催するグローバルゲームジャムを筆頭に，さまざまな団体（あるいは企業内）で行われている。 そして，これまで多くの場合，「ゲームジャムがもたらすメリット」について語られてきたが，その一方で「ゲームジャムが持つ問題点」も，少しずつ開発者の間
cocos2d-html5エンジンが凄い件 - tsuge development page
cocos2dっていうiPhoneでは有名なゲームエンジンがあるんだけど、それのHTML5版でcocos2d-html5ってのがある。 http://www.cocos2d-x.org/projects/cocos2d-x/wiki/Cocos2d-html5 これ、ちょっとまともに調べてみたけどかなり凄い。 凄いんだけどいまいちZyngaの日本での頑張りが足らないのか記事が少ないので、ちょっと紹介する。 ダウンロードとか とりあえず自分で触ってみるわって人は、上のリンクからCocos2d-html5-v何がしの最新版リンクをクリックしてダウンロードすればいい。 この記事時点ではCocos2d-html5-v2.1.4が最新。 サンプルゲームはpixi.js辺りに比べるといまいちだけど、個別の機能を確認するのはcocos2d-html5のテストプログラムが使える。 http://www.c
HTML5ゲームに使えるローディング表示機能付きプレロード用JSライブラリ「PxLoader」:phpspot開発日誌
PxLoader | A Simple JavasScript Preloader#sample1 HTML5ゲームに使えるローディング表示機能付きプレロード用JSライブラリ「PxLoader」 時代はHTML5ですよ奥さん、と電車の中でも聞くようになった今日この頃ですが、HTML5ゲーム等で画像を大量に使う場合でもプレロードして読込状態等も取得できる機能を提供してくれるのがこのライブラリです。 画像に加えてサウンドの読込にも対応しています。 ローディング状態を表示するデモがサイト上で見れます メニュー、ゲーム、トータルといった感じで分割も出来ます。読込に時間がかかってもこういう進捗があれば落ち着きますね ブラウザが対応していないっていうのもあってPCだとまだまだFlashですが、スマホで使っちゃえるかもしれませんね 関連エントリ HTML5のcanvasを使ったアニメーションするタグクラ
初心者ツクラーの為のJavaScript入門 - トモタカラボ
要約 JavaScript、難しいと思いませんか? プログラミングなんて、やったことがない。難しくて分からない。そんな人の為に書きました。 01 はじめに この記事は、ツクールMVに適したJavaScript入門を紹介します。主に以下の人が対象です。 プログラミングって何だか分からない。if文? for文?? 何ですかそれは??? これからJavaScriptを学ぼうと思っている ツクールMVでJavaScriptプラグインを作ってみたい でも、何を揃えれば良いのか、踏み出し方がわからない ツクールMVでJavaScriptプラグインに触れるにあたり、いちばん簡単な説明書のつもりで書きました。JavaScriptプログラミング学習前の、必要な前提知識・ツール・書籍を紹介します。 02 奥深きJavaScript界への第一歩 RPGツクールMVには、JavaScriptプラグイン機構が搭載
RPGツクールMVのプラグイン開発環境の作り方 - Qiita
海外で話題沸騰のRPGツクールMV(RPGMaker MV)ですが、 まだ、日本語版はベータテスト中とのことです。 今回は、このRPGツクールMVのプラグイン開発環境の作り方を簡単に紹介したいと思います。 このRPGツクールMVのすごい所は、なんといっても、 一回作ったら Windows, Mac, Android, iOS, Webのアプリとして ゲームを出力する所もそうなのですが、 それよりも今回は、 Node.js で作られていることもあって、 プラグインが作りやすく、 ぶっちゃけなんでもできる！という所が本当にすごい所です。 こんなゲームをすぐ作ってWeb公開することができます。 このRPGツクールは、 Node.jsの nw.js がベースとなっており、 描画エンジンは、Pixi.js、両方のAPIをある程度調べれば 普通のデスクトップアプリから、RPG以外のジャンルのゲーム、ネ
今一番JSで熱いゲームエンジン、RPGツクールMVのランタイムコードを読んでみた - Qiita
一昔前にCanvasが実用段階になった頃、JSのゲームエンジンが大量に出てきたことがありました。それらは大抵DOM/CanvasのFallbackを持っていたのですが、今現在の状況は、実際には非効率なメモリ消費やモバイルのブラウザのフラグメント化で実用に足るものがなかった、という辛い現状があります。 そんな中pixi.jsという描画ライブラリが台頭してきました。このエンジンは webglとcanvasの fallbackを持ち、(いくらかのバグはありつつも)DOMを切ったことで現実的なパフォーマンスの課題をクリアできるのでは？という期待感が高まっています。 Pixi.js - 2D webGL renderer with canvas fallback http://www.pixijs.com/ そして 2015年、RPGツクールMVが発表され、ブラウザ吐き出し対応がアナウンスされました
HTML5でゲーム開発。JavaScriptゲームフレームワークまとめ | BACKEND AS A SERVICE mbaas BLOG
ゲームと言えばネイティブアプリなイメージがありますが、HTML5やJavaScriptエンジンが高性能化するのに伴ってWebブラウザでも十分ゲームが遊べるようになっています。Webブラウザであればインストールの手間なく遊べて、さらにラップすることでアプリ化することだって可能です。ゲームエンジンは多数存在しますが、今回は特に2Dをサポートしたソフトウェアを紹介します。mBaaSお役立ちブログ トップ> ブログ> Tips> HTML5でゲーム開発。JavaScriptゲームフレームワークまとめ ゲームと言えばネイティブアプリなイメージがありますが、HTML5やJavaScriptエンジンが高性能化するのに伴ってWebブラウザでも十分ゲームが遊べるようになっています。Webブラウザであればインストールの手間なく遊べて、さらにラップすることでアプリ化することだって可能です。 ゲームエンジンは多数
ゲームの基本的な動作やエフェクトなどのソースコードを検索可能な「Game Mechanic Explorer」
「ゲーム開発初心者のために何かできないか」と思っていたゲーム開発者のジョン・ワトソンさんが、ゲーム開発フレームワークの「Phaser」を使いJavaScriptでゲーム開発に役立ちそうな動きやアルゴリズム、エフェクトを作成し、ソースコード付きで「Game Mechanic Explorer」にて無料公開しています。歩行やジャンプといったゲームの基本的な動きから、追跡型ミサイルや光源による影など、さまざまな動作は、ソースコードが分からなくても操作するだけでも楽しい気分になれます。 Game Mechanic Explorer http://gamemechanicexplorer.com ゲームの基本的な動作やエフェクトを確認するには、上記URLを開いて、画面左側にある「Choose」の横にある下向き三角をクリックします。クリックすると「Walking and jumping」「Bullet
Herlock - Native Apps Development
HerlockはJavaScriptでiPhone、Androidアプリ開発ができる国内初のネイティブアプリクロスプラットフォーム開発環境です。FlashライクなコードでOpenGLを実装することができるため、パフォーマンスの高いネイティブアプリ・ゲームの開発が可能です。動画を見る 動画を見る HerlockはJavaScriptを使用してワンソースでAndroid、iOSのネイティブアプリを開発することができる国内初のネイティブアプリ向けクロスプラットフォーム開発環境です。 手軽にパフォーマンスの高いネイティブアプリ・ゲームの開発が可能です。 Herlockクローズドベータ版は2013年8月初旬リリース予定です。 メールアドレスをご登録いただいた方はリリース情報をメールにてお送り致します。 弊社はお客様の個人情報をお預かりすることになりますが、そのお預かりした個人情報の取扱について、
【GDC 2013 Vol.33】HTML5+JavaScriptで容易にWii Uでのゲーム・アプリ開発が可能に・・・「任天堂ウェブフレームワーク」発表 / GameBusiness.jp
今回のGDCで任天堂は2つの開発者向けセッションを予定。最初に行われたのは「Nintendo Wii U Application Development with HTML and JavaScript」(HTMLとJavaScriptを使ったWii Uアプリケーション開発)と題したセッション。講師は任天堂の環境制作部の島田健嗣氏です。 Wii Uの最大の特徴であるWii U GamePadは、手元にある第2のスクリーンとして、テレビ画面と連携することによって、多くの人々と体験を共有しながら、操作性の良さを同時に実現することができます。任天堂は昨年末の発売から、ゲームソフトだけでなく、『YouTube』や『ニコニコ動画』、あるいは『Wii Street U』といったアプリケーションをリリースしてきました。これらは元々、ウェブサービスとして提供されているものですが、リビングでの体験へと変化
JavaScript向けPlatinum製マップ(.fmf)読み込みスクリプトを公開 - SRC遊んだり書いたり。時々プログラミング
こんにちは！ デモ ダウンロード http://dl.dropbox.com/u/14580242/plmap.js 使い方 本スクリプトには次のクラスとメソッドが用意されています。 PlMapクラス プロパティ mapWidth マップの横幅（チップ数） mapHeight マップの縦幅（チップ数） chipWidth マップチップひとつの横幅（px） chipHeight マップチップひとつの縦幅（px） layerCount レイヤの数 bitCount レイヤーデータのビットカウント（8 | 16） src マップファイルのパス loaded 読み込みが完了（true|false（初期値）） インスタンスの生成 new PlMap( (path) ) (path) マップファイル（.fmf）のパス（省略可） メソッド load( (path) ) (path)
キャンバスクエスト
canvasタグに対応したブラウザでのみ動作します。 移動 ‥ 矢印キー or 'W''A''S''D' or テンキー 話す ‥ スペースキー or テンキー（0） Ｓａｖｅ Ｌｏａｄ クレジット BGM CHRONOS RECORD ｸﾛﾉｽﾚｺｰﾄﾞさん お借りした楽曲 山麓の村 village.ogg H/MIX GALLERY 秋山裕和さん お借りした楽曲 Spring walk road.ogg 効果音 On-Jin ～音人～ 笠畑 栄樹さん お借りした効果音 ドアの開閉音 door_open.ogg 「ピ！」 pi.ogg グラフィック First Seed Material FSM STAFFさん お借りした画像 村人（含むプレイヤーキャラクター） murabito.gif ドア obj.gif 村のマップチップ village.gif village_b.gif フォ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
私がenchant.jsではなくtmlib.jsでゲームを作る5つの理由
RPG JS: Your online RPG on your browser