AlteredQualiaWebGL experiments. Computer graphics. Information visualization. Contact. Twitter. GitHub.
ブラウザã§ãƒ“ジュアルテストをã™ã‚‹reftest-runnerを作ã£ãŸ
æ¦‚è¦ reftest-runnerã¨ã„ã†ãƒ–ラウザã§æ画内容やレイアウトã¨ã„ã£ãŸè¡¨ç¤ºçµæžœã‚’テストã™ã‚‹ãŸã‚ã®ãƒ©ã‚¤ãƒ–ラリを作りã¾ã—ãŸã€‚ è¦ç´ 技術ã¨ã—ã¦ã¯ãƒ–ラウザã€WebDriver APIã€ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚ャプãƒãƒ£ã€ç”»åƒDiffã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ azu/reftest-runner 時間ãŒç„¡ã„人å‘㑠以下ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã«ç°¡å˜ã«reftest-runnerã‚„reftestã¨ã¯ãªã«ã‹ã€ã©ã†ã„ã†ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ãŒã‚ã‚‹ã®ã‹ãŒæ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ reftest-runner-overview.pdf reftestã¨ã¯ reftest(Referrence Test)ã¨ã¯ã€2ã¤ã®HTMLã®è¡¨ç¤ºçµæžœ(スクリーンショット)を比較ã™ã‚‹ã“ã¨ã§è¡¨ç¤ºçµæžœãŒæ„図ã—ãŸã‚‚ã®ã‹ã‚’テストã™ã‚‹æ–¹æ³•ã§ã™ã€‚ 用æ„ã™ã‚‹HTMLã¨ã—ã¦ä»¥ä¸‹ã®2種類を1セットã¨ã—ã¦ç”¨æ„ã—ã¦åˆ©ç”¨ã—ã¾ã™ã€‚ テスト用HTML テストã—ãŸã„機能を使ã£ã¦å®Ÿè£…ã—ãŸHTML リファ
Two.js
TIP Prior to v0.7.0-alpha.1 Two.js requires Underscore.js and Backbone.js Events. If you're already loading these files elsewhere then you can build the project yourself and get the file size even smaller. For more information on custom builds check out the source on github. # Overview Overview # Focus on Vector Shapes Two.js is deeply inspired by flat motion graphics (opens new window). As a resu
Redirecting…
Redirecting… Click here if you are not redirected.
HTML5 Canvasを始ã‚よã†ï¼šEaselJSを使ã£ãŸæµä½“パーティクル入門 | ClockMaker Blog
HTML5ã®Canvasã‚’Flashライクã«ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹JavaScriptライブラリ「EaselJSã€ã§æµä½“パーティクルã®ãƒ‡ãƒ¢ã‚’作ã£ã¦ã¿ã¾ã—ãŸã€‚ demo source EaselJSを使ãˆã°Flashã®ã‚ˆã†ã«HTML5 Canvasを使ã†ã“ã¨ãŒã§ãã‚‹ã®ã§ã€ActionScriptã‹ã‚‰æ¦‚念ã ã‘ã§ã¯ãªãコードã®å†åˆ©ç”¨æ€§ãŒé«˜ã¾ã‚Šã¾ã™ã€‚今回ã¯æµä½“パーティクルã®è¡¨ç¾ã‚’通ã—ã¦ã€EaselJSã¨Canvasã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’紹介ã—ã¦ã„ãã¾ã™ã€‚ デモã®ä½œã‚Šæ–¹ 冒é ã®ãƒ‡ãƒ¢ã§ã™ãŒã€ç§ãŒä»¥å‰ä½œæˆã—ãŸFlashã®ä½œå“「Flashã®é«˜é€ŸåŒ–を試ã™ã€BitmapDataã‚’é…列ã«æ ¼ç´ã™ã‚‹ã“ã¨ã§2〜3å€ã®é«˜é€ŸåŒ–ã€ã‹ã‚‰ç§»æ¤ã—ãŸã‚‚ã®ã§ã™ã€‚ ã•ã¦ã€ã“ã®ãƒ‡ãƒ¢ã‚’HTML5 Canvasã«å±•é–‹ã™ã‚‹ã«ã‚ãŸã‚Šã€ç‰¹ã«æŠ‘ãˆã¦ãŠããŸã„ã®ã¯æ¬¡ã®ç‚¹ã ã¨æ€ã„ã¾ã—ãŸã€‚ フォースマップã®ä½œæˆ ãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«æƒ…å ±ã‚’ä»˜ä¸Žã—ãŸè¡¨ç¤ºã‚¯ãƒ©ã‚¹ã®ä½œæˆ フォースマップ
Peity • progressive <svg> pie, donut, bar and line charts
Peity (sounds like deity) is a jQuery plugin that converts an element's content into a <svg> mini pie 2/5 donut 5,2,3 line 5,3,9,6,5,9,7,3,5,2 or bar chart 5,3,9,6,5,9,7,3,5,2 and is compatible with any browser that supports <svg>: Chrome, Firefox, IE9+, Opera, Safari. Download version 3.3.0 Uncompressed 8.8Kb jquery.peity.js Minified 3.6Kb (+gzipped 1.7Kb) jquery.peity.min.js Source github.com/be
arbor.js
about arbor Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling. It leaves the actual screen-drawing to you. This means you can use it with canvas, SVG, or even positioned HTML elements; whate
JavaScript InfoVis Toolkit - Interactive Data Visualizations for the Web
Please wait while your request is being verified...
Node.js + Websocket Canvas共有システムãŒæ™‚折ダウンã™ã‚‹å•é¡Œã«ã¤ã„ã¦
2010/10/27ã«Canvas共有Websocketサーãƒãƒ¼ã‚’作動ã•ã›ã¦ä»¥æ¥ã€ã‚µãƒ¼ãƒãƒ¼ãŒã®ã¹ä¸‰åº¦ã«ã‚ãŸã‚Šãƒ€ã‚¦ãƒ³ã™ã‚‹ã¨ã„ã†å•é¡ŒãŒç™ºç”Ÿã—ã¦ã„ã¾ã—ãŸã€‚åŽŸå› ã®ç©¶æ˜Žã‚’進ã‚ã¦ã„ãŸã¨ã“ã‚ã€ä¸€éƒ¨ãƒ€ã‚¦ãƒ³ã™ã‚‹çŠ¶æ³ã®å†ç¾åŠã³å¯¾å‡¦æ³•ã‚’çªãæ¢ã‚ã¾ã—ãŸã®ã§ã”å ±å‘Šç”³ã—上ã’ã¾ã™ã€‚ãªãŠã€ãƒ€ã‚¦ãƒ³ä¸ã«ã‚¢ã‚¯ã‚»ã‚¹ã•ã‚Œã€Canvas共有を体験ãªã•ã‚‹ã“ã¨ãŒå‡ºæ¥ãªã‹ã£ãŸèªè€…ã®æ–¹ã€…ã«ã¯æ·±ããŠè©«ã³ç”³ã—上ã’ã¾ã™ã€‚ã“ã‚Œã‹ã‚‰ã‚‚ダウンã®æŠ˜ã«ã¯æ—©æ€¥ãªåŽŸå› ã®è§£æ˜Žã¨å¯¾å‡¦ã«åŠªã‚ã¾ã™ã®ã§ã€ã©ã†ã‹ä»Šå¾Œã¨ã‚‚よã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ サーãƒãƒ¼ãƒ€ã‚¦ãƒ³æ™‚ã®ã‚¨ãƒ©ãƒ¼å‡ºåŠ›ã®å†…容 node.js:63 throw e; ^ Error: ECONNRESET, Connection reset by peer at Stream._readImpl (net:304:14) at IOWatcher.callback (net:454:24) at node.js:76
nude.js | Nudity detection with JavaScript and HTMLCanvas
About nude.js is a JavaScript implementation of a nudity scanner based on approaches from research papers. HTMLCanvas makes it possible to analyse image data and return whether it's nude or not. The script only detects nudity, the rest of the programming logic (image swap/auto-save ;-) /whatever) belongs to the programmer. Update: First improvements and next steps of nude.js (Article) The real wor
xc.js - Canvas Game Framework
xc.js is a framework for HTML Canvas games in Javascript. It's simple and fun to use and you can even try it out right here in your browser. But that's not all. xc.js also runs on other platforms. You can write your games in Javascript and run them in all sorts of cool places (like on your phone!). Try xc.js now! You can download xc.js and run it on Windows, Linux, or OS X. Or, even better, try it
ajaxorg's node-o3-canvas at master - GitHub
This is a HTML5 spec Canvas component for NodeJS based on LibAGG and Freetype. It is implemented using the Ajax.org O3 component system, and should be easy to extend and fix. Check blogpost and video here At Ajax.org we have been using this component as a way to render Canvas charts server-side to allow emailing or save-as-picture. Usage git clone http://github.com/ajaxorg/node-o3-canvas.git cd no
Face Detection in JavaScript via HTML5 Canvas
Badass JavaScriptA showcase of awesome JavaScript that pushes the boundaries of what's possible on the web, by @devongovett. You have probably seen face detection at work in programs like iPhoto and Picasa, but what if you could do that performantly in JavaScript?  Chinese developer Liu Liu has done the honors, and implemented the algorithm using the canvas element. The algorithm is implemented on
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
canviz - Google Code
http://flippinawesome.org/2013/09/23/creating-a-realistic-rain-effect-with-canvas-and-javascript/
humble software development - flotr
å“ˆå°”æ»¨å‹˜å †å»ºæ有é™å…¬å¸
Google Code Archive - Long-term storage for Google Code Project Hosting.
Welcome!
http://cs.smu.ca/~c_adams1/3DEarth3/
{{#tags}}- {{label}}
{{/tags}}