PingMag - 東京発 「デザイン＆ものづくり」 マガジン » Archive » ジェズ・フライ：マンガスタイルのイラストとは

2006/06/02 3900 users 士郎正宗 巨匠 ポートフォリオ PingMag 寝室

2002年、Gez Fryは、日本スタイルのイラストを描く事を生涯の仕事に決めた。…描画の経験一切ナシで。ロンドンの寝室に引きこもった彼は、士郎正宗のような巨匠の作品を研究しまくり、たった2年の間に、巨大市場に飛び込むのに十分な技能と驚異的なポートフォリオを開発した。そんな彼に、現在イラストビジネスの世界でどんな事が起こっているのか、実際どんな風に絵を描き、キャラクターを開発しているのか、そして、... 続きを読む

クリエイティブコーディングの教科書

2021/11/21 1568 users クリエイティブコーディング プリミティブ 教科書 本書 手引書

ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。 続きを読む

窓の杜 - 【REVIEW】インストールするだけであらゆるソフトのテキストを美しく滑らかに描画「gdipp」

2010/05/17 742 users gdipp REVIEW Registry テキスト 通常

REVIEW（10/05/17） インストールするだけであらゆるソフトのテキストを美しく滑らかに描画「gdipp」 64bit版Windowsでも利用可能 「gdipp」 インストール方法は“Windows Service”“Registry”“Program Loader”の3つを選択可能。通常は“Windows Service”を選択しよう 「gdipp」は、さまざまなWindowsソフト上で... 続きを読む

窓の杜 - 【NEWS】「OpenOffice.org」「MS Excel」で業務フロー図を作成できるツールが無償公開

2012/01/19 678 users OpenOffice.org 図形 矢印 NEWS 書類

NEWS（12/01/19　16:47） 「OpenOffice.org」「MS Excel」で業務フロー図を作成できるツールが無償公開 作業や書類、電子データなどを表す図形やそれらの動きを表す矢印などを描画可能 「Activity Diagram Drawing Tool for OOO」v1.0 「Activity Diagram Drawing Tool for Microsoft Exce... 続きを読む

ズルいデザイン（3）：box-shadowで表現する、「セミフラット」なズルいデザインテクニック (1/2) - ＠IT

2013/08/21 568 users box-shadow 皮切り 組み合わせ トレンド 立体感

box-shadowを活用した各種ボックス表現の作り方を紹介。フラットデザインの中でも違和感なく使える「やりすぎていない立体感」とは？ 世の中、フラットデザイン流行りですが…… iOS 7がフラットデザインを採用したのを皮切りに、Webデザインのトレンドがフラットデザイン一色になってきましたが、立体感を完全に排した色面と空間、シンプルな描画の組み合わせだけのデザイン表現は、ある種ごまかしが効かず、... 続きを読む

Chromeのヘッドレスブラウザがやってくる。というわけで試してみた。 - Qiita

2016/06/06 444 users Qiita コマンドライン GUI twitter.com

先日、Googleの人が「Headless Chrome is coming so soon」とつぶやきました。 https://twitter.com/samccone/status/739166801427210240 ヘッドレスブラウザというのはGUIのないブラウザです。GUIはありませんが内部的にはページのロードから描画までを行います。余計な機能がなく効率的に動作することや、コマンドライン... 続きを読む

中国の23年間歳を取らないお天気お姉さんの動画が話題に。「服のレベルから急速な経済成長を実感」「天気図もだんだん綺麗な描画に」などの声 - Togetter

2018/03/11 406 users Togetter 新聞聯播 pic.twitter.com

“歳をとらない”お天気お姉さん「楊丹」さん。中国中央電視台のニュース番組「新聞聯播」の天気予報を担当して23年になります。 pic.twitter.com/OKrZDvyZiw 続きを読む

独学で 1 ヶ月間 OpenGL を学んで得た基礎知識のまとめ ~ 2D 編 ~ - けんごのお屋敷

2015/02/04 395 users OpenGL 独学 ヶ月間 挫折 単語

OpenGL。その単語の響きだけで素晴らしく魅力的に思える 3D コンピューターグラフィックスライブラリは、これまで何人もの駆け出しゲームプログラマーに幾度と無く挫折を味わわせてきた。「ゲーム作るならやっぱり高速に描画できる OpenGL でしょ。でも自分が作るゲームに 3D はいらないし、しかも難しそうだし、別に 2D 描画だけできればいいや」 と、軽い気持ちで手を出したのが運の尽き、世の中そん... 続きを読む

無料でブラウザ上からPhotoshop並に画像を編集しまくれる多機能ツール「Photopea」を使ってみた - GIGAZINE

2017/12/15 393 users GIGAZINE Photopea GIMP MacOS 枚数

「Photoshopなどの有料画像編集ソフトを購入するほどではないけれど、画像の編集がしたい」という人は多いはず。Photoshopは便利ですが、編集する画像の枚数がそれほど多くない人にとっては高価に感じられてしまいます。そんな人にぴったりな、普通のJPGファイルやPNGファイルだけでなく、 PSDファイル や GIMP で編集したxcfファイル、macOSに対応した描画ソフトの Sketchap... 続きを読む

無料でブラウザ上からPhotoshop並に画像を編集しまくれる多機能ツール「Photopea」を使ってみた - GIGAZINE

2017/12/15 393 users GIGAZINE Photopea GIMP MacOS 枚数

「Photoshopなどの有料画像編集ソフトを購入するほどではないけれど、画像の編集がしたい」という人は多いはず。Photoshopは便利ですが、編集する画像の枚数がそれほど多くない人にとっては高価に感じられてしまいます。そんな人にぴったりな、普通のJPGファイルやPNGファイルだけでなく、 PSDファイル や GIMP で編集したxcfファイル、macOSに対応した描画ソフトの Sketchap... 続きを読む

小さくで可愛いグラフが描けるjQueryプラグイン「Piety1」:phpspot開発日誌

2011/04/27 364 users jQueryプラグイン phpspot開発日誌 グラフ 定義

Peity ? progressive pie charts 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」 アイコン感覚で気軽に設置できて使い方次第では情報をわかり易く示すことができそうです クライアントサイドで描画するのでサーバに負担がない点もいいですね データの定義はspanで定義して、 １行で描画。 出力結果。 むちゃくちゃ使いやすいじゃないですか。 関連エントリ ミニグ... 続きを読む

Swiftで遊んでますか？ - クックパッド開発者ブログ

2014/11/12 342 users Swift Playground XCode コーディング

2014-11-12 Swiftで遊んでますか？ モバイルファースト室の三浦です。 みなさんはplayground使っていますか？ Swiftにはplaygroundが用意されていて手軽にかつライブレンダリングでコーディングをすることができます。 CoreGraphicsの描画などを確認しながらコードを書くこともできてとても便利です。 早速Swiftで簡単なスケッチをしてみましょう！ Xcodeで... 続きを読む

アニメ制作現場「脱ブラック」へ　経産省、描画ソフトに共通規格で作業負担軽減 （SankeiBiz） - Yahoo!ニュース

2018/03/23 308 users アニメーター SankeiBiz 人手 感性 軽減

経済産業省がアニメ業界の劣悪な労働環境を改善するため描画ソフトに共通規格を導入した。責任者の“感性”に左右されやすい非効率的なアニメ制作の現場はブラック化しており、アニメーターの作業負担の軽減が大きな課題となっているからだ。しかも映像化に欠かせない動画作成は多くの人手を必要とするため中国や韓国などの安価なアニメ業者に委託するケースが多い。共通規格による生産性向上で他国に頼らない環境も実現すれば、日... 続きを読む

HTML5 CanvasにJavaScriptでリアルタイムに動画を描画。透過レイヤで動画の重ね合わせなど、新たな表現が可能なPC／モバイル対応コーデック「H2MD」［PR］ － Publickey

2015/03/12 304 users アニメーション 美しいグラフィック 背景 ソーシャルメディア

Webの表現力は、文字の大きさや色を中心に修飾していた時代から美しいグラフィックやアニメーションの活用へと進み、いまでは大きな動画も積極的に取り入れた、豊かな表現力と情報量を備えるWebが数多く見られるようになりました。 最近では広告や解説動画といった例だけでなく、背景いっぱいに動画を使うといった例もあります。モバイルでもゲームやソーシャルメディアなどを中心に積極的に動画を用いた表現が増えています... 続きを読む

JavaScriptで図形を描くHTML要素「Canvas」の実例 - GIGAZINE

2007/01/11 303 users GIGAZINE canvas Ajax Dashboard

JavaScriptを使ったAJAXが昨年前半まで大いに注目を集めていましたが、その根本になったJavaScript自体は古くからあり、AJAXというのは新しい応用法みたいな側面が非常に強かったのが特徴です。 しかし今回紹介する「Canvas」要素はそういうのとは明らかに一線を画しています。グラフの描画、写真合成、アニメーションなどが可能で、実際にはMac OS X のDashboardに初導入さ... 続きを読む

HTML5花火大会から学ぶcanvasの表現力 | KAYAC DESIGNER'S BLOG - デザインやマークアップの話

2011/07/07 301 users canvas KAYAC DESIGNER クオリティー

HTML5花火大会が始まりました！ jsdo.itに集まった400以上の花火コードが、夏の夜空に打ち上がっています！ 本当にどの花火もクオリティーが高くて、見るだけでも楽しめます。 HTML5花火大会 花火のコードから学ぶcanvasの表現力 花火のコードの大半はHTML5のcanvas要素を使って描画されています。 canvasってなんだっけ？ javascriptから自由にグラフィックを描画で... 続きを読む

Kazuho's Weblog: ウェブページの描画 (first-paint) までの時間を測定するツールを作った件

2015/10/01 294 users load ウェブブラウザ ウェブページ API ユーザ

ウェブサイトチューニングにおいては、 ユーザができるだけ早くウェブページを閲覧し始めることができるよう、first-paintの値を小さくすることを第一の目標注1 全データができるだけ早く揃うよう、loadの値を小さくすることを第二の目標 とすることが一般的かと思います。 ですが、残念なことに、first-paintまでの時間をAPIを用いて取得できるウェブブラウザは一部に限られています（参照:「... 続きを読む

Kazuho's Weblog: ウェブページの描画 (first-paint) までの時間を測定するツールを作った件、もしくはHTTP2時代のパフォーマンスチューニングの話

2015/10/01 294 users Thursday October Bing ウェブページ 要素

Thursday, October 1, 2015 ウェブページの描画 (first-paint) までの時間を測定するツールを作った件 ウェブページの表示までにかかる時間をいかに短くするかってのは、儲かるウェブサイトを構築する上で避けて通れない、とても重要な要素です。 少し古いデータとしては、たとえば、ウェブページの表示が500ミリ秒遅くなると広告売上が1.2%低下するというBingの例なんかも... 続きを読む

目指すのはぶっちぎりの速さ! なぜ HTML5 版CacooはSVGを採用するのか | ヌーラボ

2017/02/27 282 users SVG Cacoo ヌーラボ 図形 中原

こんにちは！ Cacoo チームの中原です。現在CacooチームはFlashで作られている図の編集画面(以下エディタと表現します)を* HTML5 で置き換える開発を進めています。このブログでは、 HTML5 版 Cacoo で図形の描画に使用される、SVGを選択した理由と経緯について説明したいと思います。 （*置き換える理由については「 Good-Bye Flash ~ CacooはHTML5で... 続きを読む

［速報］Internet Explorer 9初披露、HTML5対応、DirectXで描画。Silverlight 4は今日からβ公開 － Publickey

2009/11/18 263 users Publickey silverlight DirectX

［速報］Internet Explorer 9初披露、HTML5対応、DirectXで描画。Silverlight 4は今日からβ公開 マイクロソフトの開発者向けプライベートイベント「PDC09」は2日目。マイクロソフトが初めて、現在開発中のInternet Explorer 9の情報を明らかにしました。Internet Explorer 9は開発から3週間目で、HTML5対応、JavaScrip... 続きを読む

OS X 10.9 Mavericks で起こる現状の良い点問題点 - 表道具

2013/10/23 262 users 現状 表道具 OS X 10.9 Mavericks アレ

2013-10-23 OS X 10.9 Mavericks で起こる現状の良い点問題点 いろいろなところに書くのもアレなので取り急ぎ。これを見て絶対にヤバイと思ったらアップデートは控えることをおすすめします。 良い点 明らかに使用メモリが減っている。俺の用途で2/3くらいになっている Macbook Pro Retina でしばしば起こっていた描画のもたつきがほとんどなくなった ダメな点 Mac... 続きを読む

HTML5ゲームのできるまで～起動の高速化～ — Mobage Developers Blog

2014/06/17 251 users 起動 Mobage Developers Blog 高速化

こんにちは。システム本部プラットフォーム部の坊野です。 前回、前々回とHTML5ゲームができるまでの過程における「描画の高速化」を解説してきました。 今回はHTML5ゲーム起動時の高速化手法についてお話しします。私たちのHTML5版「Blood Brothers」はアプリケーション版のようにインストールする必要はなかったのですが、アプリケーション版と比べて起動が非常に遅いという問題がありました。今... 続きを読む

注目！サーバサイドからjQueryを使ってDOM操作「nodeQuery」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2011/11/24 251 users サーバサイド MOONGIFT jQuery DOM操作 実装

node.jsでjQueryライブラリを読み込むと、jQueryが提供するメソッドを使えますが、さらに一歩進めたのがnodeQueryです。サーバサイドからクライアントサイドの描画を変更できたりしてとても面白い実装ができます。 0 続きを読む

リアルタイムでCGを作り出すレイトレーシングの驚異的な画質がわかるUnreal Engineのデモムービー - GIGAZINE

2018/03/22 249 users レイトレーシング DXR GIGAZINE SIREN RTX

リアルタイムでレイトレーシングを行う技術としてMicrosoftは「 DXR 」をNVIDIAは「 RTX 」を発表しましたが、レイトレーシング技術をUnreal Engineに活用して、本物と見間違うレベルのリアルさを実現する描画をリアルタイムで行うデモをEpic Gamesが発表しています。 まずは、リアルタイムで人間をレンダリングする「Siren」のデモ。 Siren Real-Time P... 続きを読む

Markdownを拡張して独自記法をつくる - Qiita

2014/10/15 229 users Markdown Qiita Pipeline 方言 HTML

Qiita::Markdownの解説記事です。Markdown拡張ならHTML::Pipelineという旨の投稿です。 いま読んでいるこの投稿の描画にもQiita::Markdownが利用されています。 方言とライブラリ Markdownには様々な種類・方言があり、最近ではStandard Markdown is now Common Markdownが一部で話題になったりしました。かいつまんで言... 続きを読む