明解 WebGL オンラインサンプルインデックス
序文 リックテレコムより出版の「明解 WebGL」内で参照しているオンラインサンプルの一覧です。 WebGL 学習に役立ててください。 オンラインサンプル一覧 第3章 03_01.最小構成のWebGLプログラム 03_02.三角形をWebGLで描く 03_03.三角形を変形させる 03_04.複数の三角形を描く 第4章 04_01.関数化して効率よく記述する 04_02.行列による座標変換 04_03.行列による座標変換（回転） 04_04.アニメーション付きで回転させる 第6章 06_01.立体モデル（球体）を描画する 06_02.インデックスバッファを用いた描画 06_03.頂点色で着色して描画する 06_04.深度テストを有効化する 06_05.拡散光によるライティング 06_06.拡散光によるライティングをフラグメントシェーダで行う 06_07.反射光によるライティング 06_08
Stopping Infinite Loops by Alex Vazquez on CodePen
The live preview of Pens makes developing on CodePen fast and fun. Unfortunately it's easy to create infinite while, for or do loops in JavaScript. When you create an infinite loop in CodePen the browser tab hangs preventing you from being able to change the code. This makes infinite loops extremely frustrating. Viewing your public profile page isn't much different. The grid of Pens run each Pen
このくるくる回る白いドット、実は真っ直ぐ往復してるだけなんだぜ
このくるくる回る白いドット、実は真っ直ぐ往復してるだけなんだぜ2014.07.23 19:308,657 mayumine この白いドットの視覚トリックアニメーションは、赤い円の中心をくるくると周回しているように見えます。 でもよーく見てみると、違う。 白いドットひとつひとつの動きを見てみると、それぞれ円の直径を端から端まで真っ直ぐ往復しているだけなのです。 上の解説のGIF動画がわかりやすいですね。でも、解説用の｢直径の線｣が消えると、やっぱりくるくる回っているように見える。うーん、不思議！ Jesus Diaz - Gizmodo SPLOID［原文］ （mayumine）
jsdo.it を１年間続けて分かったこと - CX's Hatena Blog
ドット絵は進化するようです。 「2次元」→「2次元＋物理演算」→「2.5次元」→「3次元」→「3次元＋物理演算」 2次元 2次元＋物理演算 2.5次元 3次元 3次元＋物理演算 その他の次元（0次元とか1次元とか） まとめ ということで、１年を通して jsdo.it で色々なドット絵の表現を試してみました。 このように JavaScript を通して、何か表現をしたいという人にとっては、jsdo.it は最高の遊び場かと思います。 興味がある方は、試してみては如何でしょうか？ 追記 使用したライブライブラリは、 jsdo.it で試してみたライブラリの一覧 - CX's Hatena Blog に、カテゴリ別にまとめてみました。
10K Apart | Inspire the web with just 10K.
It’s time to get back to basics — back to optimizing every little byte like your life depends on it. Your challenge? Build a web app in less than 10 kilobytes. The Rules FAQs SIZE — Total file size, including images, scripts & markup, can’t be over 10K. STANDARDS — We encourage HTML5, and apps must work equally well in IE9 Dev Preview, Firefox and a WebKit browser. LIBRARIES — You can use one of t
【ボイド】JavaScriptとHTML5で『群れ』をシミュレーションしてみよう【プログラミング】 - あのねノート。
2013-09-28 【ボイド】JavaScriptとHTML5で『群れ』をシミュレーションしてみよう【プログラミング】 適当プログラミング解説シリーズ やり方 はじめに。 ボイドを知っていますか？ボイド(Boids)はCraig Raynoldsによって発表された人工生命シミュレーションプログラムです。Boidsとはによると、以下のように記述されています。 Boid（ボイド）とは、1987年にCraig Raynoldsによって発表された理論です。 この理論は、３つのルールを規定するだけで鳥の群れをシミュレーションできるというものです。 ちなみにBoidという名の由来は、鳥もどきという意味の言葉birdoid（バードイド）が短くなりこのように呼ばれるようになりました。 シンプルな3つのルールで生きているかのような群れができるのでとても興味深く、魅力的なゲームです。 ボイドを応用して作られ
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
jrunscriptでGUIスクリプトを起動してみて気づいたこと
jrunscriptのバッチモード(-fオプション)でAWTやSwingのウィンドウを表示するスクリプトファイルを起動した場合、ウィンドウが一瞬だけ表示されて終了してしまう。 スクリプトの最後にjava.lang.Thread.currentThread().sleep(1000);を付け足すと、スレッドを待機させている間はウィンドウが表示された。 どうやらスクリプトを処理するメインスレッドが、スクリプトを読み終えた時点で(GUIのスレッドが生きていても)exitしているように見える。 そこで、wait-notifyの組合せを使って、ウィンドウがクローズされるまでメインスレッドを待機させることを思い付いた。 Rhinoで同期処理を上手くやる方法はあったっけ？ "バッチモード"という位なので、これはこれで正しいのかもしれない、と勝手に自分を納得させる。 あえなく完。 Rhino組み込みのsy
HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」:phpspot開発日誌
speak.js: Text-to-Speech on the Web ? Mozilla Hacks ? the Web developer blog HTML5/JavaScriptでテキストtoスピーチを実現できる「speak.js」。 テキストを音声に変えられるソフトがありますが、これをHTML5/JSで実現するためのライブラリです。 デモページ speak("hello world") のように使い方が超シンプルなのがいいですね ソースコードはgithubで公開されています ローマ字で書けば日本語も発音させられます 関連エントリ HTML5で超リアルなページめくり効果を実装するチュートリアルとサンプル HTML5ベースのオープンソースなマインドマップ作成ツール「mindmaps」 HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery
ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 というわけで、公開されたばかりのこのライブラリを簡単な使い方から詳しい使い方までとことん掘り下げてみたいと思います。 Processing.js 概要 まず、 Processing.js とは何かという話をします。 Processing.js とは、ブラウザで Processing というプログラミング言語を実行する JavaScript のライブラリです。 では、 Processing とはどのようなプログラミング言語なのでしょうか。 Processing
わずか565バイトテトリスのプログラミング解説
「往年の名作「スーパーマリオブラザーズ」、あの濃い内容でわずか40キロバイト」に載っていたわずか565バイトのテトリス。文字数にして551文字。79文字*7行のプログラミングで、テトリスが動きます。 以下のソースコードをメモ帳に貼り付けて、htmlで保存すればテトリスが動きます。 <body onKeyDown=K=event.keyCode><script>X=[Z=[B=A=12]];h=e=K=t=P=0;function Y() {C=[d=K-38];c=0;for(i=4;i--*K;K-13?c+=!Z[h+p+d]:c-=!Z[h+(C[i]=p*A-Math.round(p/ A)*145)])p=B[i];!t|c+4?c-4?0:h+=d:B=C;for(f=K=i=0;i<4;f+=Z[A+p])X[p=h+B[i++]]=1 if(e=!e){if(f|B){fo
Javascript なでしこ(もどき)
Javascript なでしこについてはこちら 「こんにちは、世界！」と表示。 リンゴの値段は300円 リンゴの個数は5個 ミカンの値段は250円 ミカンの個数は4個 消費税率は1.05 （リンゴの値段×リンゴの個数＋ミカンの値段×ミカンの個数）×消費税率を表示。 結果
こども(てれび) prototype.js ってなに？の巻
追記 2005-08-23 Using prototype.js v1.5.0 リファレンスがあったみたい。これを読んだ方がはるかに有益です。あー書くんじゃなかった。 はてなの人気者 id:naoya が「prototype.js でデザインパターン」というのをやってるんだけど、prototype.js の説明をしてくれなくて困る。前から「Rails の prototype.js は便利だ」というのを目にすることがあったので、ちょうどいい機会だってことで調べた。 http://prototype.conio.net/ ドキュメントが全然ない。ないこたないと思うのでご存知の方は教えてください。しょうがないのでコードを読むことに。 http://dev.conio.net/repos/prototype/src/ ここのを順次読みます。 base.js http://dev.conio.net
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://plus.appgiga.jp/masatolan/2014/03/28/51357/
Site Under Maintenance
JS1k - The JavaScript code golfing competition
https://blogs.oracle.com/Kannan/entry/creating_gui_applications_using_jrunscript
http://accelart.jp/shibuyajs/logo/logo.html
http://japan.internet.com/developer/20070619/26.html
256b.htm Competition - Demozoo