Principles Of HTML5 Game Design — Smashing Magazine
In this article, Mikołaj Stolarski & Tomasz Grajewski would like to present a few ideas of how to implement different visual effects in Visual effects in games define their overall look and feel, and gameplay. Players are attracted to high visual quality, which generate more traffic and reach. It’s key for creating successful games and providing a lot of fun for players. In this article, we’d like
Physics
left click to create a point right click to select a point select multiple points to connect them hold down "d" and move mouse to drag Introduction A few years ago I wrote a little website called chubmarine.com. It was a physics simulation type thing, much like the one that's on this page. It's no longer active, but I thought it would be interesting to write about anyway. While it was cool to get
snorpey’s javascript experiments
snorpey’s javascript experiments this is a list of my javascript experiments. please note that i don’t update them regularly and some of them may not work in older browsers. oh, and they haven’t been optimized for speed either. if you have a comment or question about the code, please let me know. i'm snorpey on github and twitter.
数学を使ったJavaScriptコーディング
幾何学的な計算や物理運動を表すには、数学の知識が求められます。もっとも、計算は必ずしも難しい訳ではありません。考え方さえわかれば、応用できることが多いです。ここでは、一見難しそうなベクトルの外積と微分のふたつについて、その使い途と考え方をリンクでご紹介します。また、ビデオ映像やjsdo.itのサンプルも掲げました。 01 ベクトルの外積をどう使うか ベクトルの中でも「外積」は、考え方のわかりにくい計算です。いきなり概念を捉えようとすると難しいので、何に使えるのかを知ることから始めましょう。 01-01 珍味ベクトル外積3種盛り 2014年1月18日土曜日に催された第12回Creators MeetUpで、2次元のベクトルに絞ったインタラクティブなサンプルを例に、外積がどう使われているのかをご紹介しました。USTREAM録画も公開しています。 サンプル001■立方体をマウスポインタの位置に応
Visualizing Algorithms
The power of the unaided mind is highly overrated… The real powers come from devising external aids that enhance cognitive abilities. —Donald Norman Algorithms are a fascinating use case for visualization. To visualize an algorithm, we don’t merely fit data to a chart; there is no primary dataset. Instead there are logical rules that describe behavior. This may be why algorithm visualizations are
The PourOver Book · PourOver
PourOver is a library for fast filtering and sorting of large collections—think 100,000s of items—in the browser. The PourOver Book Front Matter - What is PourOver PourOver is a library for simple, fast filtering and sorting of large collections – think 100,000s of items – in the browser. It allows you to build data-exploration apps and archives that run at 60fps, that don’t have to to wait for a
【ボイド】JavaScriptとHTML5で『群れ』をシミュレーションしてみよう【プログラミング】 - あのねノート。
2013-09-28 【ボイド】JavaScriptとHTML5で『群れ』をシミュレーションしてみよう【プログラミング】 適当プログラミング解説シリーズ やり方 はじめに。 ボイドを知っていますか？ボイド(Boids)はCraig Raynoldsによって発表された人工生命シミュレーションプログラムです。Boidsとはによると、以下のように記述されています。 Boid（ボイド）とは、1987年にCraig Raynoldsによって発表された理論です。 この理論は、３つのルールを規定するだけで鳥の群れをシミュレーションできるというものです。 ちなみにBoidという名の由来は、鳥もどきという意味の言葉birdoid（バードイド）が短くなりこのように呼ばれるようになりました。 シンプルな3つのルールで生きているかのような群れができるのでとても興味深く、魅力的なゲームです。 ボイドを応用して作られ
JavaScriptで画像のクラスタリングによるドット絵風加工 – Rest Term
pixel clustering using k-means++ 前回のJavaScriptでPoisson Image Editingによる滑らかな画像合成に引き続き、HTML5 Canvasを使ったJavaScriptによる画像処理の一例を紹介します。 今回は画像の画素値に対するクラスタリング(分類)を画像加工用途に応用します。クラスタリングには各画素のRGB値を特徴ベクトル(次元数3)としてk-means法と呼ばれる手法を使って行います(実装上はk-means法の初期値選択アルゴリズムを改良したk-means++法を利用)。以下のサイトでOpenCVを利用した実装例が紹介されています。 k-meansクラスタリングによる画像分割，減色 – opencv.jp 上記サイト内でも言及されているように、k-means法による画像の領域分割や減色処理はあまり良い結果が得られないことが知られて
Triangulation Image Generator - jsdo.it - Share JavaScript, HTML5 and CSS
ファイルをドロップしてリソースを変更可能 クリックで次のプリセット画像へ 2012.10.2 エッジのポイント検出の部分に誤りがあったので修正 速度向上のためにコードを最適化 Photo from http://www.sxc.hu/ http://www.flickr.com/ // forked from akm2's "エッジ検出のテスト" http://jsdo.it/akm2/89lF (function(window, document) { 'use strict'; // Configs // (int) 0~255 明るさの平均からエッジを検出する際の最小値を示す, この明るさを超えるピクセルを検出する, 少ないほど詳細 var EDGE_DETECT_VALUE = 50; // (number) エッジ上のポイントの分布比率, 高いほど詳細, 生成されたポイント数はコ
Particle Triangulation 2 (with Image) - jsdo.it - Share JavaScript, HTML5 and CSS
// forked from akm2's "Abstriangulation" http://jsdo.it/akm2/wTcC // forked from akm2's "Particle Triangulation" http://jsdo.it/akm2/cu5u // Configs var IMAGE_URL = [ 'http://jsrun.it/assets/b/h/W/R/bhWRz.jpg', 'http://jsrun.it/assets/i/s/c/f/iscfl.jpg', 'http://jsrun.it/assets/9/T/M/7/9TM7J.jpg', 'http://jsrun.it/assets/p/K/z/F/pKzFr.jpg' ]; var PARTICLE_NUM = 50; // 開始時分割点数 var PARTICLE_MAX_SPEE
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - Experience-Monks/math-as-code: a cheat-sheet for mathematical notation in code form
kynd.info/log » Blog Archive » Conversion between RGB and HSV in javascript
JavaScriptでPoisson Image Editingによる滑らかな画像合成 – Rest Term