Last Autosave: never New Canvas... Open File... Save File As... Export Image Import Image As Layer Resize Image Save and Exit to Sta.sh Cut Copy Paste Select All Select Inverse Select by Color Expand Selection Contract Selection Feather Selection Deselect Crop to Selection Clear Canvas Reset Brushes Flip Canvas Horizontally Flip Canvas Vertically
「deviantART Muro」はHTML5で作られたドローツールです。 かなり色んな描き方が可能で、フィルタやレイヤーも備わっています。 ブラシ機能はアカウント取得後、購入が可能です。 動作もスムーズでかなり使えるんじゃないでしょうか。 以下に使ってみた様子を載せておきます。 まず「deviantART Muro」にアクセスしましょう。 アクセスすると、真っ白なキャンバスがありますので、自由にお絵かきできます。 線の種類は最下部のメニューより選べます。 最上部には、フィルターがあったり。 PROモードにすると、右側にレイヤーが表示されます。 ブラシ機能は購入して利用できるようですね。 描いた絵は画像として保存することができます。 deviantARTこんなの作ってたんですねー。 FlashじゃなくHTML5で作られた画像ツールはいろんなところで登場していますね。 (本記事で紹介したサイ
HTML5の目玉機能の1つにCanvasタグがあります。このCanvasタグとJavaScriptを使ってWebブラウザで遊べるゲームが少しずつ登場してきたので、いくつか紹介しましょう。HTML5がどんなポテンシャルを持っているのか、その一部が楽しく分かると思います。 1つめはスーパーマリオみたいなゲーム。ブログ「PurpleFloyd's Blog 」のエントリ「 A Platform Game Using HTML5 Canvas 」で紹介されていました。 遊び方は、カーソルキーで主人公を左右に移動、スペースキーでジャンプです。音は出ませんしスコアも計算しません。Internet Explorer 7/8では「耐え難いほど遅い」そうですので、プレイはFirefoxなどでどうぞ。 もう1つのゲームは、Google Chromeの高速性やとHTML5のデモンストレーションのためにグーグルが
Responsive bar charts in HTML and CSSBuilding flexible data visualizations for international sites Speed vs. Duration - A use case for mixed unit divisionLearn how to solve the CSS animation challenge of varying speeds across different screen sizes. This post introduces a technique using atan2() and tan() for unitless viewport width calculations and provides practical examples.
CORPORATE INFORMATION CORPORATE NAME: HYBRIDWORKS,Inc. ESTABLISHED: October, 2004 FOUNDER: Masaki Hoshino ADDRESS: 1F, 6-5-4 Todoroki, Setagaya-ku,Tokyo,Japan 158-0082 CONTACT: info@hybridworks.jp 商 号: 有限会社ハイブリッドワークス 設立日: 2004年10月 代 表: 星野 正樹 住 所: 〒158-0082 東京都世田谷区等々力6-5-4, 1階 お問い合せ: info@hybridworks.jp
JUST IN|OPENING CEREMONY JAPAN オフィシャルサイトOPENING CEREMONY JAPAN 3rd Anniversary 「The Festival」 2012 07.27 抽選でアニバーサリーパーティーにご招待!OPENING CEREMONY JAPAN3周年イベントのスタートです!! 「adidas Originals by OPENING CEREMONY」2012.07.28[sat.]先行発売! 2012 07.27 adidas Originals by OPENING CEREMONY の「スイミング」先行発売および、「サイクリング」の先行受注会、2012.07.28[sat.]スタート! TRIPP nyc 2012AW Pre Collection 入荷! 2012 07.20 TRIPP nyc 2012AW Pre Collect
Product フランスの国民的炭酸オランジーナ オランジーナは、オレンジ本来の味わいが さっぱりと楽しめる微炭酸です。 太陽の降り注ぐフランスの地中海沿岸で 1936年にブランドが誕生して以来 今もフランスの街角カフェで 多くの人々に愛され続けています。 飲んだ方に 軽やかな気分になっていただきたいという想いを ”Airy”というネーミングに込めています おいしさのひみつ オレンジ本来の果実感が楽しめる フランス生まれのオレンジ炭酸 果実本来のおいしさ オレンジを中心に、レモン、 マンダリンオレンジ、 グレープフルーツをブレンドすることで 果実本来の 複雑な味わいを表現 クセになるほろにがさ オレンジピールエキス 配合 軽やかな飲み心地 History オランジーナの歴史 フランスで1936年から愛されてきた、 オランジーナ。 太陽をたっぷりあびたオレンジを、 たっぷり使ってシュワッと炭
8. Flash HTML5 Adobe - Wallaby http://labs.adobe.com/technologies/wallaby/ Google - Swiffy http://swiffy.googlelabs.com/ OpenSource - Smokescreen http://smokescreeen.us - FlashForward https://github.com/ken39arg/FlashForward/ iOS Flash HTML5 http://www.gree.co.jp/news/press/ 2011/0711.html (DeNA) - ExGame http://www.broadtail.jp/tec/exgame.html CLOQUE- FLAML http://flaml.jp/
このコーナーでは、JavaScriptから図を描くことができるCanvasについて解説します。 Canvasとは Canvasとは何か、そしてCanvasで何ができるのかを事例を踏まえて分かりやすく解説します。 Canvasの使い方 実際に、Canvasをどうやって使いこなすのかを、サンプルを通して解説していきます。 いろいろな図形を描く Canvasでは線を引くだけではなく、さまざまな図形を描くためのメソッドを用意しています。このコーナーではCanvasで利用できる図形描画のいくつかをご紹介します。 色を指定する このコーナーでは、Canvasで描く図形に色を指定する方法を紹介します。またCanvasでは指定した色に透明度を与えることも可能ですので、その方法についても紹介していきます。 線形グラデーションを指定する このコーナーでは、Canvasで描いた図形にグラデーションを指定する方法
■<video>タグで動画を埋め込む 現在、インターネット上で動画が提供される場合には、Flashなどの独自フォーマットを利用するのが一般的です。 こうした独自フォーマットの動画を再生するには、 それぞれのフォーマットを再生するのに必要なプラグインを、ブラウザに追加インストールする必要があります。 HTML5では、任意の動画フォーマットを文書に埋め込むための<video>タグが追加されています。 この<video>タグを使用することで、ユーザーにプラグインをインストールしてもらうことなく、 HTMLからシンプルに動画を扱えるようになります。 感覚的には<img>タグで画像を扱うような感じです。 <video>タグで文書に動画を埋め込む場合には、例えば以下のように記述します。 とてもシンプルです。 ■ユーザー環境への配慮 <video>タグは、旧いブラウザではサポートされていない場合がありま
先ほどまで、FLASH MEETUP http://atnd.org/events/22297 があり、Adobe Flash の現状・未来についての質疑応答のイベントがありました。Flash の技術の偉い方のちゃんとわかっている人が3名アメリカから来ていて、超内容が濃かったです!7〜9時の予定が11時まで延長して、京都から来た方は泊まりこみになりました! Flash 関係で、最近誤解を招いてしまったことについて解説があったのですが、まぁ、ネットではたくさん出ているので、Flash の今後について話していたことについてこの記事では書きます。 あと、僕、間違ったことを書いていたらごめんなさい。私見も混じっています。アドビの太田禎一さん @otachan さんに聞くと色々と教えてくださると思います。 全体の方針 現状、Flash がよく使われているのは、「ゲーム」「動画」「広告」なんですが、ゲ
サイトやブログをJavaScriptを使って動きのあるページに、スタイルシートで見栄え良く装飾してみませんか? コピーしてご自由にご利用ください。 サンプルソース <html> <head> <title>トグルスイッチ(0と1、trueとfalseを切り替え)条件分岐</title> <script language="JavaScript"> <!-- flag = false; num = 0; function toggle(){ flag = !flag; // trueとfalseの切り替え ! 否定演算子 document.getElementById("botan").value = flag; // ボタンのラベルの変更 if(flag == true){ alert(flag); } //条件を満たした場合の処理 else{ alert(flag); } //条件を満
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く