キーワード検索「グラフィック」
1368
web制作で使えるWebサービスや、Webツールなどをご紹介。 小分けして紹介していた分もあわせてまとめています。定番の物からマニアックなものまでお楽しみください。 グラフィック・創作 10,000s Cool FREE Seamless Patterns-パターンファイルジェネレータ Web制作でもよく背景で利用するパターンファイルを作成する素晴らしいジェネレータ。様々な模様があり、色は決めれま...
1011
開発者が登録したApp StoreやMarketplaceなどからダウンロードしてインストールするアプリ、もしくは、あらかじめインストールされているアプリは、「ネイティブアプリ」と呼ばれています。iOSやAndroid、Windows PhoneといったOS上で動き、マイクやカメラなどデバイスの機能を十分に使えるのが特徴です。作り方は、基本編やデザイン／グラフィック編で紹介した記事が参考になると思...
338
はじめまして。新入りのnagataです。入社式で自転車乗ってた野郎です。先輩方から「ブログ、書いてね！」とのお達しがあったので、日報で書いたらウケがよさげだったcanvasのことについて書いてみようと思います。※各種サンプルはMac上のSafari4.05、Firefox3.6.3、Chrome5.0で動作を確認しています。canvasってなんぞ？図を書き込めるhtml要素です。OpenGLやDi...
257
HTML5花火大会が始まりました！ jsdo.itに集まった400以上の花火コードが、夏の夜空に打ち上がっています！ 本当にどの花火もクオリティーが高くて、見るだけでも楽しめます。 HTML5花火大会 花火のコードから学ぶcanvasの表現力 花火のコードの大半はHTML5のcanvas要素を使って描画されています。 canvasってなんだっけ？ javascriptから自由にグラフィックを描画で...
244
WebGL皆さんはじめまして、荒川智則です。この記事はJavaScript Advent Calendarの21日目です。この記事では、Google I/OやFirefox Developers Conferenceで華麗なデモがバリバリ出てくるにもかかわらず、実際に使っている人が異常なまでに少ないWebGLについて書きます。対象読者はWebGLに興味があるor手を出してみたけどクソ難しそうだし既...
111
ゲーム開発を楽しむときに意外と困るのがグラフィックの問題。 プログラマーは絵心がある人ばっかりじゃないし、そもそもゲーム用のアニメーションのついたキャラを自分で用意するのも大変すぎる。 enchant.jsではゲーム開発の敷居を下げるために予めいくつかのドット絵を用意して無償配布している。 けど、気がつくとenchant.jsのゲームは手早く作ろうとするとクマの絵ばっかりになっちゃう。 ゲームの見...
108
MIX11で「SVG女子」が紹介されました！ 弊社が制作をさせていただいた「SVG女子」が先日ローンチし、MIX11で大きく取り上げられました。 こちらがその様子です。 日本上陸は4/26！「SVG女子」をより楽しむために、まずはSVGについて知っておきましょう。 それでは続きからどうぞ！ SVGの気になる疑問に答えます！ SVGって何？ SVG（Scalable Vector Graphics）...
78
サイトデザインをする場合にトップページの制作から行っていくことが多いと思いますが、その際に重要になってくる要素の一つがメインのグラフィックだと思います。 メイングラフィックの素材はもちろんですが、その素材をどう活かしてサイトのイメージを伝えるかに多くの時間を費やすことも多いと思います。そんな時に私が参考にしているのが写真関連のスペシャルサイトです。写真をどう見せるかにこだわっているレイアウトはシン...
97
SVG-edit ブラウザ上で動くSVGグラフィックエディタのオープンソースが超凄いです。 次のようなインタフェースで、Chromeだとサクサク動くSVGエディタがGoogle codeにてオープンソースでダウンロード可能です。 SVGでお手軽にお絵かきしたい場合や、SVGなお絵かきサイトなんかを作るのにも活用できそう 描画したグラフィックをSVGに変換した例。ツールバーからそのまま出力可能です。...
72
これまでのウェブサイトではできなかった動画や音声、グラフィックの描画を可能にするHTML5で、なんと『スーパーマリオワールド』を再現した人が現れました。 そのウェブサイトの名前は『Infinite Mario』。Infinite Marioではファミコン時代のマリオとスーファミ時代のマリオを掛け合わせたようなマリオが楽しめます。 キーボードの矢印キーで移動、「S」でジャンプと決定、「A」でファイア...
77
株式会社オープンウェブ・テクノロジー 代表 白石 俊平 2011/7/28 HTML5の<video>や<audio>タグとJavaScript APIで、自由に動画や音声を楽しもう。カスタムのビデオプレイヤーだって作れる video/audio要素のAPIやイベントを利用する video/audio要素は、JavaScriptを用いた細かい制御を行えるのも特徴の1つです。 カスタムのビデオプレイ...
72
![[JS]スクリプトだけでアニメーションするグラフ・チャートを実装する -Elycharts | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-elycharts.html)
デモ：マルチプル パイチャート パイチャートを組みあせたものです。 Elychartsの実装 外部ファイル 「jquery.js」とベクターグラフィックを扱うスクリプト「raphael.js」と当スクリプトを外部ファイルとして指定します。 <script src="jquery.js" type="text/javascript"></script> <script src="raphael.js...
62
sigma.js | a lightweight JavaScript graph drawing library ネットワーク図を美麗にビジュアル化できるJSライブラリ「sigma.js」。 HTML5 canvasベースのスタンドアロンライブラリだそうです。マウスでドラッグしたりマウス位置に応じてインタラクティブに変化させることができます。 次のようにグラフィックが美麗であるので、個人的にはグ...
62
地下鉄の路線図を描けるjQueryプラグイン「Subway Map Visualization」2011年03月01日-Subway Map Visualization jQuery Plugin | TechBubble 地下鉄の路線図を描けるjQueryプラグイン「Subway Map Visualization」。 もうなんでもアリか、という感じですが、次のように地下鉄マップ風のグラフィック...
50
2011 年 10 月 14 日 Posted by ブライアン マクレンドン / Google 技術部門担当副社長 本日、ブラウザでより立体的な地図を体験できる Google MapsGL ベータ版をリリースしました。Web グラフィックライブラリー (WebGL) とは、プラグインを新たにインストールしなくても、お使いのブラウザでビジュアルやアニメーションをより鮮明にする表現できる新しいウェブ...
54
Paper.js ? About 超絶サンプル満載のベクター画像描画JavaScriptフレームワーク「Paper.js」。HTML5で描画するタイプのフレームワークです。 ベジエ曲線をマウス位置に応じてリアルタイムにぐにゃぐにゃ動かすサンプルやベクターグラフィックが動きまわるサンプル等、こうしたライブラリは将来使う予定がないという方もWEBに関わるなら絶対に見ておいたほうがよいと思います。 とに...
49
D89クリップ（30） Webデザインに役立つ出来事 【第22回 HTML5とか勉強会レポート】 Processing.js、SVG、WebGL。HTML5周辺のグラフィック関連技術 @akio0911 拡張現実ライフ 2011/11/21 Processing.js、SVG、WebGLなど、HTML5周辺のグラフィック関連技術を勉強しよう。第22回 HTML5とか勉強会レポート HTML5による...
41
面白かったのでご紹介。地下鉄路線図 のようなグラフィックを簡単に描ける、と いうユニークなjQueryプラグインのご紹介 です。なかなか珍しいですね・・・地下鉄 の路線図はインフォグラフィックでもよく 使用されていますね。 HTML5のcanvasを使って路線図のようなグラフィックを簡単なマークアップで描けます。駅に当たる場所にはリンクも貼れるので、上手く使えば面白いコンテンツが出来るかも知れない...
32
JavaScriptid:wanparkさんが(3年前に)書かれたchannel3というFlash用3DグラフィックライブラリをJavaScriptにポーティングしてみました。IEは未対応です(たぶんそのうち)。channel3JS - ss-o.netこの前のCanvasでDot3Dが結構余裕だったので、もうちょっと本格的な(だけどライブラリとして大きすぎないような)のをポートしたくなったところ...
32
CasualJSはJavaScript/HTML5製のオープンソース・ソフトウェア。JavaScriptはHTML5の登場によって大きく花開こうとしている。位置情報の利用、ストレージ、WebSocket（今は切り離されているが）、Canvasタグ等様々な新技術が盛り込まれている。0ボタンCanvasタグを使うことで、アニメーションを行ったりグラフィックを描くことができる。それもJavaScript...
