Now available on mobile: Living Worlds for iOS and Android! See the original versions of Mark Ferrari's worlds in their full glory!
Pixi.jsの二つのモード Pixi.jsはWebGL、Canvasの二つのモードで動きます。 そのどちらが使われるか、によって、メモリ事情が異なってきます。 Canvasモードの場合、メモリマネジメントの結構な部分をブラウザが行ってくれますが、WebGLモードの場合は、ほとんどこちら(JavaScript)まかせです。 どちらのモードを使うかは、環境によって決定されていて、 モバイルの場合ー>強制的にCanvasモード それ以外の場合ー>可能ならばWebGLモード となっています。 現状のRPGツクールMVのエンジンには、メモリ管理にまつわる問題を二つ抱えています。 メモリブロート(メモリをため込む)問題 Canvasモード:影響度はブラウザ依存 WebGLモード:深刻 ImageManagerには、一度読み込んだ画像は使いまわす、キャッシュの仕組みがあるのですが、それを空にするメソッ
はじめに(言い訳) ツクールMVを機にゲームを作ろうとしているJavaScriptを仕事で使っている程度のクソザコナメクジエンジニアの自分がツクールMVに関して取りざたされていることについて色々と書いてみようと思います。 できる限り技術的な話を抜いて話をしていますが分からないことがあったらコメント欄かTwitterで質問してください。 また、この内容は事実を元にした憶測・妄想が多分に含まれているのであまり信用しないでください。 「今までと大して変わらないくせにやたら重い」か? エディタはVXAceの頃とそこまで変わっていない。デスクトップアプリとしてゲームを吐き出して遊んでみるとなんだかVXAceの時よりも重いしメモリもやたら食う。 「マルチデバイスに対応だなんて誇大広告じゃないか、スマホ用に出力したいのなら自分で環境を用意する手間があるじゃないか」と言う人も少なからずいるとは思う。 そう
本ページには、Webブラウザから利用できる、各種アプリケーションが多数収録されています。 主にJavaScriptで作られており、HTML5に対応しているモダンブラウザから使えます。 ブックマークに入れるなどして、ご利用ください。 画像生成ツールで作成した画像データは許諾不要です。ご自由にお使いください。
メディアアートのためのプログラミング言語Processing。Processing.jsを使うことで、作った作品をJavaScriptのコミュニティサイトjsdo.itに公開することができる。 jsdo.itでの手順は次の通り。 (1) jsdo.itで新しいコードを書き始める(Start Coding) (2) JavaScriptのライブラリ追加(Add Library) (3) Processing.js v1.4.0 – js を選択して Add (4) HTMLタブに以下のテンプレートを記述 <script type="application/processing" data-processing-target="pjs"> //Processing code is here </script> <canvas id="pjs"> </canvas> (5) //Processi
Am I understanding correctly from https://github.com/fjenett/javascript-mode-processing that there is no more JavaScript Mode in newer versions of Processing? I miss it already! Are there any plans to put it back? Am I missing a good explanation somewhere for why it's gone? Former ProcessingJS mode (Processing 1.5) that became JavaScript mode (Processing 2.0 beta) that has now been moved out of th
jq コマンドとは http://stedolan.github.io/jq/ JSONから簡単に値を抜き出したり、集計したり、整形して表示したりできるJSON用のgrepとかawkみたいなコマンドです。 WebサービスがJSONを吐いたり、AWS CLIが JSON を吐いたりする現代社会で大変便利なコマンドです。 マニュアル だいたいここ読めばOK. http://stedolan.github.io/jq/manual/ あ、これで、終わってしまう。だけど気にせず進めます。 簡単な例 まず、空気をつかみましょう。 以下jqコマンドの記法を見ていきます。JSON { "hoge": "value" } があった場合、 . がルート {} を表します。.hoge で "value" を表現します。だいたいこんな感じです。 ただの整形 しばらく下記のJSONを例に進めます。itemsには配
もし、V8 JavaScriptエンジンでObject.observe()を使っているのであれば注意が必要だ。3年以上も前に提案され、かつ、次期ES7に対しても提案されてきた同機能が正式な機能として策定される前に消えることが明らかになったのだ。GoogleのエンジニアであるAdam Klein氏が「An update on Object.observe」において、Object.observe()の標準化に関する提案の引き下げ、年内にV8 JavaScriptエンジンからの実装の削除を伝えている。 Object.observe()はもともと3年以上前にRafael Weinstein氏、Erik Arvidsson氏、Adam Klein氏らによって提案されたAPI。MDV(モデルドリブンビュー)のデータ・バインディング・システムの基本的な機能として設計されたもので、V8 JavaScrip
概要 ブラウザ上で実行可能なHTML5+JavaScriptなゲームエンジンがいろいろ出てますね。 どれが実際使いやすいのか分からず、とりあえず触ってみた感想をまとめてみました。 かなりざっくり(雑に…)触ってるので、モックを作ったものもあれば、 サンプル動かしただけのものなどが入り乱れてます。 こんなものでも参考になれば幸いです 要件 オープンソースであること おさえたい評価項目 学習コスト 実績 フォーラムの有無・活発さ 学習コストは導入から開発・運用まで含めて考えてます。 また、実績があればプロジェクトに導入しやすいということで、実績の有無を載せたいと思います。 フォーラムはわからないことがある時に聞ける環境が 公式で提供されていると安心するのでおさえておこうと思いました。 ※実際にフォーラムに書き込みしたものはCocos2d-jsのみです ※評価は◎・○・△・✕の4段階評価になって
technology, image encoding, and gifs | Oct 20, 2015 Let’s start with some history. BPG (Better Portable Graphics) is a new image format with the purpose to replace JPEG image format when quality or file size is an issue. By Fabrice Bellard This means that BPG not only is way smaller than JPEG but also delivers a better quality. And that’s not all! It also supports animations! And when I say animat
JavaScriptを記述する上で、避けて通れないのが非同期処理。 人類は、長い年月、この非同期的な処理を「如何にして書きやすく、読みやすく記述するか」について探求してきました。 要するに†闇†の塊なのですね。(闇に飲まれよ!!!!) この物語は、そんな†闇†の存在だった非同期処理を、人類がどのように苦しみ、そしてどのように解決していったかを書いていくポエムである。 補足:厳密には、JSはシングルスレッドで動くため、非同期処理は存在しない!と言ってしまえばそこまでなのですが、今回はsetTimeoutやajax通信、onloadイベント登録など、見かけ上、非同期的な挙動を示すものすべてを対象に話していきます。 第一章 ~人類はsetTimeoutを採用しました~ 古代のJavaScriptで、以下のような処理をしたい場合、どうしていただろうか。 「ブラウザ更新直後に『a』を表示し、その2秒
Thank you for being patient. We are doing some work on the site and will be back shortly.
前回のテクスチャマッピングを理解を深めるために簡単なツールを作成してみたい。 テクスチャで使用するのは、この猫画像 その前に、drawTriangle()の引数の中身を理解する必要がある。 function drawTriangle(g, img, vertex_list, uv_list) vertex_listは、描画する三角形の頂点座標3つである。 uv_listは、テクスチャの頂点座標3つである。UV座標は0~1の範囲で指定する。 これを踏まえて座標を指定してみる。 第3引数のvertex_listに左上(0,0)を頂点として時計周りに三角形の頂点座標を渡す。 第4引数のuv_listにも左上(0,0)を頂点として時計周りに三角形の頂点座標を渡す。但し0~1の範囲 drawTriangle(g, img, [ 0, 0, img.width, 0, 0, img.height ],
MAX 打ち上げのときに川崎さんに「英語の記事書いたら絶対ウケるから書くべきだよ」と言われていつ書こうかなーと思ってたら、そういえば11日は休日だったので、日本語の下書きだけでも一気に書いてみることにしました。 といっても、欲を出してあれもこれも書こうとして、結局まだ書ききれてませんけど。 タイトル案 Javascript と Canvas によるフルスクラッチ3Dプログラミング Javascript と Canvas 3Dプログラミング入門 ドキッ JSだらけの あと、今日(11日)は私の誕生日でもあります。25になりました。そろそろ鏡を見るのが怖くなってきますね。 以下、書きかけ Introduction Adobe MAX 2009 で Spark Project は、拡張現実(AR)のデモを展示し、来場者の注目を集めていた。Shibuya.JS のメンバーもこのデモに感激し、是非
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く