GitHub - maroslaw/rainyday.js: Simulating raindrops falling on a windowDismiss Join GitHub today GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together. Sign up
Ink Markup Language (InkML) -- W3C
W3C Recommendation 20 September 2011 This version: http://www.w3.org/TR/2011/REC-InkML-20110920/ Latest version: http://www.w3.org/TR/InkML Previous version: http://www.w3.org/TR/2011/PR-InkML-20110510/ Editors: Stephen M. Watt, University of Western Ontario and Maplesoft Tom Underhill, Microsoft Authors: Yi-Min Chee (until 2006 while at IBM) Katrin Franke (until 2004 while at Fraunhofer Gesellsch
HTML5のCanvasに描かれる「アートスクリプティング」とにかく美しいJavaScript表現のまとめ28個！
動くぞ！きれいだぞ！ ﾍ(･_･ﾍ) とにかく痩せたい、HTMLファイ部のほんだです。 jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアを担当している者です。 jsdo.it、ユーザー数 5万人突破！ 手前味噌ですが、このたび弊社運営のHTML5コード共有コミュニティ「jsdo.it」が、 ユーザー数 5万人を突破しました！（わーい！） 今回の記事では、jsdo.itのユーザー5万人を記念して、 HTML5 Canvas に芸術的な動きを表現しているJavaScriptコード「アートスクリプティング」を特集します！ あまり一般的ではないようですが、「アートスクリプティング」という言葉でくくってみました。 Canvasアートスクリプティング特集！ 説明不要！ 気になったコードは是非のぞいてみてください！
要約: Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装がやばいという話
2012 年 9 月 26 日 追記しました。 要約エントリー。 元記事 : iPhone 5 website teardown: How Apple compresses video using JPEG, JSON, and <canvas> アップルのサイトの iPhone5 のページにある「スライドしてアンロック」のアニメーションが、信じられない実装になっている、という話。簡単に要約してみた。（ミスなどの指摘は @lowply までお願いします） もともと h.264 と WebM の動画フォーマット戦争でブラウザ互換性の問題がまだ残っている上、iPhone などは「再生ボタン」を押さないと再生できなかったりするので、こうした短いアニメーションに video タグを使うことは最適解ではなかったらしい。 そこで発想の転換をして、Retina MBP のページでは、蓋が開くたった 2
roxik | 3D Canvas Demo
Let’s look into the canvas of the future! Run your pen any way you want, you are in the other side of the screen, infinite world! You can draw a 3D picture without any difficult operations. This is currently a demo based project and it has not been released yet. ちょっぴり未来のキャンバスを覗いてみよう。 思い通りにペンを走らせると、そこはスクリーンの向こう側、無限に広がる世界！ この作品は、難しい操作をすることなく簡単に立体的な絵を描けるというもので、技術デモの段階であり、現在のところ公開していません。
20 Amazing Implementations of HTML5 Canvas
In this article, we explore some of the most awe-inspiring implementations of HTML5’s canvas element. From all of the new HTML5 tags, canvas is likely to be the most powerful. In a nutshell, the canvas element is a drawable region defined in HTML5 code with height and width attributes. With it, web developers are able to create visually inspiring implementations previously restricted to only Flash
10 Exceptional Examples of HTML5 Canvas and ApplicationsScript Tutorials - Web Development Tutorials
10 Great HTML5 Canvas demos This is collection of most incredibly HTML5 canvas demos. Today, during browsing web I was amazed with so big amount of various html5 demonstration. And glad to share what I was able to collect. HTML5 become more, and more powerful, it even less processor-consuming than Flash. So, may not be far off such an event when the flash will fully shifted with html5? 1. FishBowl
forked from: 変体 - jsdo.it - Share JavaScript, HTML5 and CSS
forked from: 変体 Vertex3D(lib) Triangle3D(lib) Matrix3D(lib) Light(lib) FlatShader(lib) ExtraDisplayObject3D(lib) // forked from daijimachine's "変体" http://jsdo.it/daijimachine/1_hentai /** * 変体 * * HTML5 Canvasの挙動テスト。 * 即席3Dライブラリを作って、 * Canvasの処理速度、描画速度等々、 * もろもろの挙動を体感してみた。 * * 今回やってみて、Canvasの描画精度が、 * わりと低いという印象を持った。 * * @author Masayuki Daijima (ARCHETYP Inc.) * http://www.daijima.jp/blog/ * http
HTML5のキャンバスと連動させて音声をビジュアライズしたデモ:phpspot開発日誌
Music Visualizer in HTML5 / JS with Source Code HTML5のキャンバスと連動させて音声をビジュアライズしたデモ Windows Media Player とかを使ってるとよくあるあの動くやつをHTML5のCanvasを使ってやるものです。 ベースにはEasel.jsというものが使われており、HTML5のキャンバス描画を行っているそう。 直接的にHTML5からオーディオのボリュームデータは読めないため、データを一旦テキストにしてそれを読み込むことで実現しているそう。 実際のデモを見るのが一番いいですね。デモページ デモページその２ バックグラウンドの音声もかっこいいわけなのですが、描画される映像もかなりかっこいいです。 関連エントリ HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」 HTML5のCanvas
Photoshop Tutorials - 350 Best Collections | Design Press
Photoshop is what makes the virtual world seem alive. Its nothing less than a blessing for designers. The Internet is full of Photoshop Tutorials and you will find a tutorial on each and every tool. With that being said, we understand that these tutorials require time and effort to find so we’ve saved you both. How? Well, basically, we compiled a collection of easy to understand Photoshop tutorial
Andrew Wang-Hoyer
SVG + CSS Animations During my funemployment between Inkling and Dropbox I started playing around with animating SVGs. This lead to building out over 200 animations off and on over 2 years. SVG CSS 11ty Open Source Feb 2020 Restyling The Game of Buttholes At the beginning of May 2019 I was looking at gagh.biz/game and thought it could use a little more Star Trek flare. CSS Django Open Source May 2
canvas要素 + Javascriptで作る、動的コンテンツ
HTML 5 + Javascriptで作る動的なコンテンツ 前回の授業では、HTML 5について、その成り立ちや特徴を解説した上で、新しい構造化のための要素について解説しました。また、あわせてCSS3によって格段に進歩した表現力について実際にサンプルページを作りながら解説しました。 今までは、Webページで動的に図や画像やアニメーションを描画するにはFlashが代表的な選択肢でした。しかし、ここ数年でその状況が大きく動きつつあります。Flashに代表されるような動的なコンテンツが、専用のプラグイン無しに、HTMLの要素とそれと連携するスクリプトだけで実現できるようになりつつあるのです。こうした技術は、今後のWebの動向を大きく変える可能性を秘めた技術として脚光を浴びています。 HTML 5で動的に画像やアニメーションを生成するためには、canvas要素という新規に導入された要素と、can
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Redirecting…
Canvas Cycle: True 8-bit Color Cycling with HTML5
canvasを駆使した美しい表現
Space Noodles - spielzeugz.de canvas experiment
Canvas3D & Flickr
レトロ風変換-vintageJS
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
https://creativefan.com/20-shockingly-cool-html5-canvas-applications/
