Canvasで「さざ波」を作るデモを作ったよ - by edvakf in hatena
試してみて。 Canvas Ripple クリックでさざ波を作り、マウスのボタンを押してる間は200msおきにさざ波を描き続ける。簡単。 波の干渉 (重ね合わせ) もちゃんと見られるよ。 Firefox 3.0.10、Safari 4 beta、Opera 9.64、Opera 10 alpha で試した。 ただ、Opera 9.64 では drawImage(canvas,..) したときの alpha の取り扱いにバグがあるので、色がおかしくなる。Opera 10 なら大丈夫。(ただ Firefox や Safari に比べるとちょっともっさりしてる) uupaa さんの uupaa-excanvas.js では Silverlight モードのときに限って drawImage(canvas,..) が使えるらしいので、一応それもロードしてある。もし IE でも動いたら報告お願いします
Opera News
Opera for iOS Introducing Opera One for iOS: a fresh take on mobile browsing August 14th, 2024 We're excited to announce the launch of Opera One for iOS, our redesigned, AI-powered browser for iPhone. Opera requests that the EU General Court secure the DMA’s promise of free browser choice... July 12th, 2024 Opera is appealing the EU Commission’s decision not to designate Microsoft Edge as a gateke
Algorithm Ink - AzarAsk
Using algorithms to solve problems can be a wonderful option when the result must be 100% exact or if each decision must follow the same method. A different method might be required if performance is the most important consideration. Approaching a problem the proper way can often be the key to finding a solution that works. An algorithm is a term used in psychology to describe a few of these probl
Opera News
AI Aria browser AI now available in Opera without sign-in September 26th, 2024 Opera is making it possible for you to use Aria AI without sign-in requirements. Opera for iOS Opera One for iOS wins the MUSE Design Award 2024 September 6th, 2024 We're thrilled to announce that Opera One for iOS has won the MUSE Design Award for 2024! AI Image Understanding arrives in Opera for Android September 3rd,
Blob Sallad
Move around Blob with arrow keys or mouse. Split blob with h. Join blobs with j. Turn gravity on / off with g. Written by: bjoern.lindberg@gmail.com Javascript Source Code Get FireFox Ray Tracing is fun and easy Lately, I have been doing other things, such as this: It's a raytracer I have been working on for a while. Read more. Linux Version You can also download the source code for a Linux / SDL
canvas で実現する高度なグラフィック表現 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 canvas は JavaScript で高度なグラフィック表現を行うための API です。 Opera, Firefox, Safari などのブラウザで標準サポートされているほか、 Explorer Canvas というスクリプトを利用することで Internet Explorer でもある程度のエミュレーションが可能です（Explorer Canvas につ
Opera News
AI New AI Feature Drop: Opera One Developer gets a new Aria access point and now... March 14th, 2024 In this week’s AI Feature Drop, early adopters using the Developer stream of Opera One can test using the Aria... AI, Opera for Android Opera for Android 81 now comes with Ask Aria and Aria Voice features for improved... March 13th, 2024 Opera for Android 81 introduces Ask Aria and Aria Voice, enha
グラフを描く
例 y = sin x のグラフです。仕組みはソースを見てください。 canvasとは canvas要素はHTML 5で描画するための新しい仕組みです。座標は左上隅が原点で，右が x，下が y の向きです。 canvasの使い方 このページの例は次のようにしています。 <head> ...(略)... <script> function draw() { const canvas = document.getElementById('MyCanvas'); const context = canvas.getContext('2d'); context.strokeRect(1, 1, 628, 200); context.beginPath(); context.moveTo(1, 101); context.lineTo(629, 101); context.stroke(); con
Opera の設定ファイルの解説
Explore the categories to the left Browse through the categorized sections on the left to learn more about Opera browsers. If you have a specific question, we recommend you search in the FAQ section. For the latest news and updates, check out Opera’s Blog. Update your browser Your Opera browser will automatically update when a new version is available. You can check its status in Update & Recovery
Canvas tutorial - MDC
このチュートリアルは、 <canvas> 要素を使用して二次元のグラフィックを描画する方法を、基本から説明します。ここでの例は、キャンバスで何ができるかを明確に示すものであり、独自のコンテンツを作成するためのコードスニペットも提供しています。 <canvas> は HTML の要素であり、スクリプト（ふつうは JavaScript）を使ってグラフィックを描くことができます。これは例えば、グラフを描いたり、写真を合成したり、簡単なアニメーションを作成したりすることができます。 <canvas> は Apple が macOS Dashboard のために WebKit に初めて導入した後、ブラウザーに実装されました。現在は、あらゆる主要ブラウザーが対応しています。 <canvas> を使うのはそれほど難しくはありませんが、 HTML と JavaScript の基本的な理解が必要です。一部の
HTML5: Incremental Improvements to the Web
Anne van Kesteren 31 May 2007 — reboot 9.0 95% of the web is HTML… We accumulate lots of information in HTML… 95% of the HTML is syntactically incorrect… Close to nothing is conforming… A century from now all information could become inaccessible… How do we solve this mess? Define interoperable handling of broken content. Define better conformance requirements. Get it implemented. Who's doing HTML
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Think IT] 【これならわかる！JavaScript/Ajax】Canvasを試してみませんか？
jcm's corner on the web - puzzle
HTML5.JP - 次世代HTML標準 HTML5情報サイト
Untitled Film Works | Professional Film Makers
Taken SPC: いい加減な canvas 要素の紹介