The Official Site for Daft Punk's Soundtrack to the film TRON LEGACY
The Official Site for Daft Punk's Soundtrack to the film TRON LEGACY
2010年12月31日金曜日 MMDModel on THREE.js THREE.jsを利用してMMDのモデルデータを表示します。 ここにモデルデータ(.pmd)とテクスチャ(.bmp .png .tga)をアップロードすると、ここで閲覧できます。 動作確認はChromium(10.0.614.0)とChromeで行いました。インスパイア元のTHREE.js demoによると、"webGL"コンテキストはChrome8/9 or Firefox4、"2d"コンテキストはChrome推奨だそうです。 お試しミクさん 追記 : ライトなし版を用意しました。 テクスチャをほとんど使わないモデルならFirefox3でも閲覧できます。こちらからどうぞ。 ソースコードは下記に一式置いてあります。 http://www.yktmt.com/threemmd/ 参考ページ 御本尊 : h
JavaScript Advent Calendar 2010も22日目!あと3日ですよ。僕はちょうど学んだばかりのCanvasをアウトプットもかねて、まとめと実践を書いてみます。知ることと行うことは同一である、最近行ったセミナーでも言ってました。 jsdo.itにはほんまにこれCanvasなん?なサンプルいっぱいありますね。あーいうの書けるようになりたいなぁとか思いつつ、jQueryばっかりさわってた僕は.animate()メソッドの便利さに取り憑かれていたので、Canvasの絵もまだ上下左右で動かすくらいしかできません。慣れが必要です。。 どうでもいい情報としてCanvasの読み方なんですけど、「キャンバス」じゃなくて「カンバス」が正しいようです。キャンバス・カンバスどっちでもよさげ。僕はキャンバスって読んでました。けどカンバスにします。 前置きはこれくらいにして、今回は次のようなカラ
Created by Alex Corbi and Johannes Schnettker, FlyBaby is an under 10k HTML5+JavaScript 3d form tool allowing you to create generative objects by specifying multiples, rotations, duplications, sins and cosins + more. Scratch like set-up, you build modifiers as an expanding tree with visualisation window included allowing you to rotate drawings in 3D. Support CreativeApplications.Net Since 2008, Cr
はじめに Canvasのパフォーマンスを測定するベンチマークプログラムはそこら中に転がっていますが、ほんの一部分の測定だったり、逆に中身が複雑過ぎたりと僕が希望するようなものが見当たらなかったので、自分で作って各ブラウザで測定してみました。 測定したブラウザのバージョンは以下です。 Chrome Firefox Safari Opera 9.0.570.1 dev 3.6.12 5.0.2 10.63 ベンチマーク 作成したベンチマークプログラムは単位時間で描画関数を何回繰り返して実行できるかという単純なものです。実行中に描画される絵のいくつかを載せておきます。 hlinebezierfill_arcfill_starsimage_scaleradial_gradient 以下に全測定項目の概要を記します。 hline ひたすら水平方向の直線を描きます。 vline 垂直方向の直線 lin
VexFlow is an open-source online music notation rendering API. It is written completely in JavaScript, and runs right in the browser. VexFlow supports HTML5 Canvas and SVG. VexFlow has been in development for over 10 years, and used by apps, startups, universities, in all kinds of amazing ways. If you find VexFlow useful, please consider sponsoring me on GitHub.
Basically, we’re a small design agency located in Montreal, Canada. HTML5 Canvas Image Effects: Black & White - SpyreStudiosにおいて、HTML5のCanvas機能を使って画像を読み込み、さらにその画像を白黒画像に変換して表示する方法が紹介されている。Canvasを使ってどのように画像加工処理を実施するかのテンプレートとして参考になる。 紹介されている機能はソースコードを見るとわかりやすい。次に、HTML5 Canvas Image Effects: Black & Whiteで紹介されているコードを参考にサンプルとして実行しやすくしたものを掲載する。HTMLファイルと同じフォルダに、コードの下に掲載した画像のリンク先に表示される元画像をbeer.jpgファイルとして置
JANの仕様 ここが分かりやすい。→ バーコードの作り方 プログラミングでの話 まずは、 バーコードの部分だけ写ってる写真を用意する 高さ1px分どこかを切り取る コントラスト調整 2値化 ビットの文字列にする モジュールの幅を調節 左右のガードバーからスケールを推測 ガードバー部分を削除 みたいな準備をします。結構写真写りに左右されるかも。 13桁の数字のうち、画像として表現されているのは2-13文字目までの12文字で、最初の1文字目は2-7文字目によって判別します。なので、とりあえず2文字目以降を判別します。対応表は下みたいな感じ。 { left: { odd: { "0001101": 0, "0011001": 1, "0010011": 2, "0111101": 3, "0100011": 4, "0110001": 5, "0101111": 6, "0111011": 7,
Marital Status: Separated Age: 39 Hair: Blonde Nickname: Yaemrha Address: 6637 Taeda Dr, Sarasota, Florida 34241 Hmu I will definitely reply. Hello, I'm African American man very sensual, I looking for some adventure, exploration of sex and meet interesting people. ~ always creating goals or little missions. I do, of course, love club fucking, too. Marital Status: Divorced Age: 59 Hair: Blonde Nic
Inspired by American portrait painter Chuck Close, this script converts an image into a pixelated version using an HTML5 canvas element. It's basically a simple demo for canvas' imageData functionality. This project lives on GitHub where you can download the script and these examples. View Close Pixelate on GitHub Options The function accepts an array of objects. Each object holds a set of option
What is is? This is a 100% JavaScripted app implemented in one day. Please browse this page with latest Chrome, Safari, or Firefox. Please contact to fukatsu@gmail.com if you have any question.
Firefox 1.5 より、 Firefox はプログラム可能な画像のための新しい HTML 要素を含みます。<canvas> は WHATWG の canvas の仕様を基にしています。WhatWG canvas 仕様自体は Safari で実装された Apple の <canvas> を基にしています。クライアント上でグラフ、UI 要素、および他のカスタムグラフィックスの描画に使用することができます。 <canvas> は 1 つ以上の描画コンテクスト を公開した固定サイズの描画表面を作ります。現在は 2 次元描画コンテクストのみが実装されています。 3D グラフィックスの描画には、 WebGL レンダリングコンテクストを用いると良いでしょう。 始めに、2 つの交差した長方形を描く簡単な例を見てみましょう。片方の長方形は透明度を持っています。 function draw() { va
HTML5とJavaScriptでハーフトーニングをしてみました. 実行ページ http://jstap.web.fc2.com/test/html5/halftoning/halftoning.html ※ 濃度パターン法は低速なので注意してください. ソース http://github.com/kojo-sugita/Halftoning ハーフトーニングとは多値階調を持つ画像を2値(あるいは少ない階調)で表現する方法のことである. マンガのスクリーントーンやモノクロプリンタで出力された画像などがまさにソレで点の密疎で濃淡を表現する. 今回実装した手法は以下の3通り.いずれも基本的な手法である. 濃度パターン法 (density pattern method) 画像の1画素に対して複数画素からなる2値表現のパターンを割り当てて濃淡を表現する手法. 例えば1画素を4×4のパターンを割り当
Some hobby projects, apps, demos and visualisations I've made over the years. 2023 Weekle 2018 New YouTube Channel - Speedrun Champions 2016 CraftyBall Upcoming Space Game 2010 Pocket Odds 2006 Torus Spirograph Honeycomb Snake Pipe Panic Ninja Maze Functions 3D Colour Picker 2005 Canvascape "3D Walker"
How To Play Use the arrow keys to guide the falling blocks, spacebar and the up-arrow will rotate the block in opposite directions. Alternatively the keys A,W,S and D can be used as arrow keys for the same purpose. When a complete horizontal ring of 15 blocks is occupied by pieces the row will collapse and earn 100 points. If multiple rows are cleared at a time you will earn bonus points.
Saturday, September 20, 2008 9 comments Mandelbrot in less than 128 bytes of DHTML Labels: javascript A while ago, Mathieu "p01" Henri rendered the initial Mandelbrot set in 137 bytes of JavaScript and HTML, getting it down to 133 bytes with a few tweaks but still a few bytes short of his 128 byte goal. Since fractals are groovy, I decided to make my own, trying to get it below that magic number.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く